You can preview how your course will look and behave on different devices and orientations with the new responsive preview options in Storyline 360 and Storyline 3. And you can publish courses to HTML5, Flash, and the Articulate Mobile Player for a variety of platforms, including web servers and learning management systems.
Watch this video introduction to learn how, then follow the activities below to practice.
Storyline uses responsive preview to show you how your course will look and behave on any device and orientation just by clicking a button.
Open the Storyline folder in your practice files, then open the 06C_Publish_360.story file.
Click Preview on the Storyline ribbon.
Then click each device icon in the upper right corner of the preview window to see how your course looks and behaves on each device and orientation.
Click Close Preview when you’re done.
To learn more about responsive preview, see the Storyline 360 and Storyline 3 user guides. To learn more about restricting which device orientations learners can use when viewing your course, see these articles for Storyline 360 and Storyline 3.
Practice Activity: Choose a Publish Option
Storyline supports several publish options, described below. If you're using Storyline 360, let’s publish to Review 360 where you can collaborate with stakeholders and subject matter experts. If you're using Storyline 3, try publishing for web distribution.
Go to the Home tab on the ribbon and click Publish to launch the publishing wizard.
Click the Review 360 tab on the left side of the window.
Before we continue, here’s some quick info on each publish option:
Publish courses to Review 360 to test how they look on various devices and to collect feedback from stakeholders with an easy-to-use web app.
After choosing a publish option, adjust the settings, such as title, description, publish location, mobile options, quality, tracking options, and LMS specification. For details, see the user guide for each publish option listed above.
Since we’re publishing to Review 360 in this tutorial, configure these settings:
Select Create a new item and enter a title for your course in the corresponding text field.
Click the Formats property, use the slider to choose one of the following formats, then click OK. (This setting only applies to the classic player in Storyline 360 and the player in Storyline 3. The modern player in Storyline 360 publishes HTML5-only output that works beautifully in all major browsers.)
HTML5: This publishes your course as HTML5 output only.
HTML5/Flash: This publishes your course as HTML5 first with Flash fallback. Learners will see HTML5 output if they’re using a supported HTML5 browser (Storyline 360, Storyline 3). If not, they’ll see Flash output.
Flash/HTML5: This publishes your course as Flash first with HTML5 fallback. Learners will see Flash output if they’re using a Flash-enabled browser. If not, they’ll see HTML5 output.
Flash: This publishes your course as Flash output only.
If you’d like to make any last-minute changes to the player or quality settings before publishing, click these properties and make your adjustments.
Practice Activity: Publish and Distribute Your Course
Now you’re ready to complete the publishing process. Click the Publish button at the bottom of the publishing wizard.
When the process is complete, you’ll see a Publish Successful window with one or more follow-up options, depending on the publish option you selected. Since we published to Review 360 in this tutorial, you’ll see an option to view the published course in Review 360 in your default web browser.
To learn more about the follow-up options and distribution instructions for each publish option, see these user guides:
In this tutorial, you learned how to use Storyline’s stunning responsive preview features to see how your mobile-ready course looks and behaves on computers, tablets, and smartphones. And you published a course to Review 360 where you can collect feedback from stakeholders with Review 360.
For answers to common questions about publishing courses for mobile devices, see the Storyline 360 and Storyline 3 user guides.