I'm developing a course for mobile exclusively. Is there any way in which I can quickly preview my design on a mobile phone without having to publish and export to a server? I checked out the articulate mobile app, but sadly it's only for iPad :-( Right now I'm working in Storyline 3, but have a trial on 360.
The fastest way to preview for mobile phone is the built in preview in Storyline. You can easily switch to mobile with these buttons:
If you really want to view it on the phone, you have to publish the course.
You can skip the step of putting it on a server by using your computer as a server (this will work only when you are in the same network as the phone you will be using to test the course.)
You can find an explanation on how to run a server locally on your machine on this page:
Another tool I usually use for web development is Browsersync, is not only creates a local server, that you can access with your phone, but also automatically reloads the page, when you change something.
I just saw that the Mozilla website does not cover how to access such a local server from another device:You only have to find the network adress of you machine and open that adress in the browser of your phone.
This adress will be only an ip-adress, without a domain name.
To find this adress, you can open a cmd-window and enter the command "ipconfig". This will give you more information than you need. The only relevant part is usually the adress that is called "IPv4-adress". It could be something like this 192.168.100.14 (I made that up, but yours will look similar).
The local server that is introduced on the Mozilla page and also the Browsersync tool will output something called the "port" that they are running on (something like "8080" or "4000"). Add this to the ip adress that your computer has and you have the adress, that you can open on your phone.
With the example adress from above and the usuall port for the Python server it would be "192.168.100.14:8080".
Setting this up for the first time can be a bit challenging, but having a way to test web content from your local machine is probably worth the hassle.
Publishing the content would be the only option we'd advise, as testing content locally is known to cause some odd playback behavior. I'd hate for you to run into that and think something is wrong with your course!
If you need a temporary testing platform, take a look at uploading to Tempshare and keep in mind it'll only for if you include Flash as a part of the output but any users on a mobile device will access the HTML5 version.
If you're using Storyline 360, you could also publish to Review which is a quick easy option, and also can be access easily on mobile devices if you send reviewers the Share link.
5 Replies
The fastest way to preview for mobile phone is the built in preview in Storyline. You can easily switch to mobile with these buttons:
If you really want to view it on the phone, you have to publish the course.
You can skip the step of putting it on a server by using your computer as a server (this will work only when you are in the same network as the phone you will be using to test the course.)
You can find an explanation on how to run a server locally on your machine on this page:
How do you set up a local testing server?
Another tool I usually use for web development is Browsersync, is not only creates a local server, that you can access with your phone, but also automatically reloads the page, when you change something.
Thank you. But needed it to be portable on my phone to show to others etc.
When you are staying in the same network (for example the same wifi) you can access these local server solutions also from different phones.
I just saw that the Mozilla website does not cover how to access such a local server from another device:You only have to find the network adress of you machine and open that adress in the browser of your phone.
This adress will be only an ip-adress, without a domain name.
To find this adress, you can open a cmd-window and enter the command "ipconfig". This will give you more information than you need. The only relevant part is usually the adress that is called "IPv4-adress". It could be something like this 192.168.100.14 (I made that up, but yours will look similar).
The local server that is introduced on the Mozilla page and also the Browsersync tool will output something called the "port" that they are running on (something like "8080" or "4000"). Add this to the ip adress that your computer has and you have the adress, that you can open on your phone.
With the example adress from above and the usuall port for the Python server it would be "192.168.100.14:8080".
Setting this up for the first time can be a bit challenging, but having a way to test web content from your local machine is probably worth the hassle.
Hi Sandra,
Publishing the content would be the only option we'd advise, as testing content locally is known to cause some odd playback behavior. I'd hate for you to run into that and think something is wrong with your course!
If you need a temporary testing platform, take a look at uploading to Tempshare and keep in mind it'll only for if you include Flash as a part of the output but any users on a mobile device will access the HTML5 version.
If you're using Storyline 360, you could also publish to Review which is a quick easy option, and also can be access easily on mobile devices if you send reviewers the Share link.
Hope that helps!
This discussion is closed. You can start a new discussion or contact Articulate Support.