Book Image

Learning Articulate Storyline

By : Stephanie Harnett
Book Image

Learning Articulate Storyline

By: Stephanie Harnett

Overview of this book

Storyline is an authoring tool packed with out-of-the-box features that don't require any special knowledge to operate. That's right; this is a programming-free zone! E-learning authoring is no longer limited to developers; the doors are now wide open for subject matter experts with their content, writers with their storyboards, and designers with their media to work in conjunction with developers to collectively create some very cool e-learning projects. "Learning Articulate Storyline" introduces the powerful and easy-to-use features that are changing the landscape of e-learning development. You will learn about the new paradigms and features that set Storyline apart from other development tools. You'll gain insight into how you can best leverage your skills and some best practices when working with Storyline. Storyline rocks! And you're about to discover why. The aim of this book is to help you bring content to life in interesting and engaging ways, customizing the learner experience, allowing for hands-on participation, and optimizing your production processes to streamline your efforts. This book will help you enhance your skills and become an accomplished e-learning author and Storyline user.You'll work on several different projects, all created from scratch by you as you work through this book. Each task focuses on a set of complementary topics to complete the project. You'll be up and running building your first project within 10 minutes of starting this book and will add content, animate it, and control object and slide behavior to complete your first project. You'll then move on to more advanced topics to incorporate media elements, quizzing, and scenarios, then conclude by publishing your projects.When you finish this book you will be able to confidently create shining examples of e-learning done the right way, and it is this skill that will set you apart from the crowd.
Table of Contents (19 chapters)
Learning Articulate Storyline
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Design and development


There is an ever growing list of tips and discussions that will help you improve your design and development techniques and processes. Check out this best practices discussion in the Articulate forums at http://community.articulate.com/forums/p/26427/146923.aspx#146923 and chime in.

Here is a collection of some other useful links and information to refer to when designing and developing in Storyline.

File locations

Storyline uses various files located on your computer to control the look and feel of your projects. Knowing these locations is important, particularly if you would like to share these files with other people who are also working on Storyline projects.

Note

The table below references locations specific to Windows Vista or later. Windows XP locations are slightly different, with a starting path of C:\Documents and Settings\%username%\Application Data\ instead of \AppData\Roaming\.

Description

Link

Design Theme

\AppData\Roaming\Articulate\Templates\Themes\

Theme Colors

\AppData\Roaming\Articulate\Templates\Themes\Theme Colors

Theme Fonts

\AppData\Roaming\Articulate\Templates\Themes\Theme Fonts

Theme Effects

\AppData\Roaming\Articulate\Templates\Themes\Theme Effects

Players

\AppData\Roaming\Articulate\Shared\2.0\Players

Custom Player Color Themes

Custom player color themes can be saved by saving the color scheme then opening it in another project.

\AppData\Roaming\Articulate\Shared\2.0\\Frames\StoryFrame\ColorSchemes

Story Templates

\My Articulate Projects\Storyline Templates

Flash, HTML and mobile feature comparison

Articulate has created a table that compares features that are supported in Flash, HTML5 and the Articulate mobile player app for the iPad. You can view this compatibility table available at http://www.articulate.com/support/kb_article.php?product=st1&id=1568gg1ayot2.

Creating your own keyboard shortcuts

You can create your own keyboard shortcuts by adding features to the Quick Access Toolbar. All you need to do is right-click on the button for any Storyline feature, and select Add to Quick Access Toolbar. To use a feature with a shortcut key, press and hold the Alt key on the keyboard, then press the number that matches the button you want to launch. The first button on the Quick Access Toolbar is 1, the second is 2, and so on.

You can view a tutorial on how to do this at http://www.screenr.com/D3Z8.

Player color customization

The color selector in the Storyline Player lets you change the color of different parts of the Player. You can view a quick reference chart that visually depicts this and download it from Articulate at http://community.articulate.com/downloads/p/80796.aspx.

Story size and dimensions

An important initial consideration when creating a new project in Storyline is the Story size. This includes the actual slide size as well as the Player dimensions. You must also factor in how the course will be viewed. Here are some guidelines related to these design decisions.

Designing for multiple devices

The story size needs to be 4:3 ratio for an iPad, so the default of 720 x 540 will work, but also 1024 x 768 scaled to fill browser window. Most developers agree that a story size of 988 x 741 works well for desktop and iPad delivery. Designers may opt for a precise 978 grid system with the story size set to 988 x 643.

Note

Common breakpoints (size limitations)

320 pixels: mobile portrait

480 pixels: mobile landscape

600 pixels: small tablet

768 pixels: tablet portrait

1024 pixels: table landscape/netbook

1280 pixels: desktop

Player size considerations

The Storyline Player adds a minimum of 10 pixels all the way around your story content when published. Depending on the features and controls you've included on your player, the player can add between 20 and 260 pixels to the width and between 20 and 118 pixels to the height.

Below are common player configurations with a 720 x 540 slide size and the associated player size and published size:

Player features

Player Size

Published Size

No features

10 pixels all around

740 x 560

Next/previous buttons

10 pixels all around + 51 pixels in height

740 x 611

Next/previous buttons Resources tab

10 pixels all around + 51 pixels in height + 24 pixels in height

740 x 635

Next/previous buttons Resources tab + Title

10 pixels all around + 51 pixels in height + 47 pixels in height

740 x 658

Next/previous buttons Resources tab + Title Side Menu

10 pixels all around + 51 pixels in height + 47 pixels in height + 240 pixels in width

980 x 658