You are on page 1of 57

An

Articulate ®

Storyline ®

User’s Guide
to Lectora ®

An eBook by Trivantis®

Trivantis and Lectora are registered trademarks of


Trivantis Corporation. Articulate and Storyline are
registered trademarks of Articulate Global, Inc.
© 2016 Trivantis Corporation. All rights reserved.

Trivantis Corporation
311 Elm Street
Suite #200
Cincinnati, OH 45202

Trivantis.com
Info@Trivantis.com
+1 (877) 929.0188

This is a free eBook. You may view, download, print, and


reproduce the contents in unaltered form for personal,
non-commercial use or use within your organization. All other
rights are reserved.

Trivantis, Lectora, and CourseMill are registered trademarks of


Trivantis Corporation. Responsive Course Design and ReviewLink
are trademarks of Trivantis Corporation. Articulate and Storyline
are registered trademarks of Articulate Global, Inc. Snagit,
Camtasia, and TechSmith Fuse are registered trademarks of
TechSmith Corporation. Adobe is a registered trademark of
Adobe Systems Incorporated. Adobe Captivate is a trademark
of Adobe Systems Incorporated. Adobe Flash is a registered
trademark of Adobe Systems Incorporated. Microsoft and
PowerPoint are registered trademarks of Microsoft Corporation.
All other names are trademarks of their respective owners.

Articulate Global, Inc., TechSmith Corporation, Adobe Systems


Incorporated, and Microsoft Corporation are not affiliated with
Trivantis Corporation, our products, or our websites. They do
not sponsor or endorse Trivantis Corporation or any of our
products.
Table of Contents
Preface 5
Similarities and Differences Between Storyline 2 and Lectora 6
Developing in Storyline 2 Versus Lectora 10
New Titles 11
Interface 14
Slide Layers Versus Visibility 17
Triggers Versus Actions 19
Variables 21
Responsive Design 23
Section 508 and WCAG 24
Translation 25
Putting Together a Course 26
Themes and Templates 27
Text 28
Images 29
Characters 31
Buttons 33
Audio 34
Video 36
Simulations & Scenarios 38
Tests, Quizzes, and Surveys 39
Publishing 39
Reviewing Your Course Using ReviewLink 41
Getting Ready to Publish 42
Publishing From Lectora Into ReviewLink 43
Uploading Storyline 2 Content Into ReviewLink 45
Upload to ReviewLink 45
5 Reasons to Include Lectora in Your Toolbox 46
Flash Versus HTML5 47
Actions and Variables 47
Responsive Design 48
508 and WCAG 48
Assign Tasks 48
How to Insert Storyline 2 Content Into Lectora 49
Remove the Player (Optional but Recommended) 50
Publish Your Storyline 2 Course 51
Move the Files 51
Insert a Web Window 51
How to Insert Storyline 2 Content Into Lectora Online 52
Remove the Player (Optional but Recommended) 53
Publish Your Storyline 2 Course 54
Zip Up the Files 54
Add the Zip File as an Attachment 55
Insert an External HTML Object 56
Conclusion 57
Preface

T
ransitioning from one authoring tool to
another isn’t always an easy task. But when
you decide to make the switch, this Trivantis®
eBook will help you get up and running as
quickly as possible. In other cases, one tool isn’t
enough! If you’re an eLearning developer, adding
another authoring tool is great because you can
expand your development abilities. Having multiple
authoring tools at your disposal means you can
combine the power of each product, allowing you to
satisfy more customers. Unfamiliar with additional
authoring tools or deciding which second tool to
use? This eBook will help with that too.

In this eBook you’ll learn:

• The similarities and differences between


Storyline® 2 and Lectora®
• The basics of putting a course together in
each tool
• How to review your course using ReviewLink™
• The benefits of creating a Lectora-wrapped
Storyline 2 course
• How to add Storyline 2 content into a Lectora
course

An Articulate® Storyline® User’s Guide to Lectora® 5


Similarities and
An eBook by Trivantis®

Differences
Between Storyline
2 and Lectora
Each authoring tool has its
strengths and limitations; that's
the nature of developing with
different products. By combining
to Lectora
two separate tools, you can fill
in any gaps and gain a more
comprehensive toolset. To figure
out which tool you should use for
User’s Guide
each occasion, let’s take a look
at the similarities and differences
between Storyline 2 and Lectora.

Storyline
Articulate
An
6 An Articulate® Storyline® User’s Guide to Lectora®
Similarities and Differences
Storyline 2 Lectora 16 and Lectora Online 3
Similarities Differences Similarities Differences

Tests and Quizzes 26 testing 36 testing varieties, Additional options available


varieties, including including the for Lectora Inspire users
the option to options to create when they access the built-in
create a survey a survey or insert eLearning Brothers Template
games Library
Ease of Use Includes pre-built Limited abilities Includes pre-built Easy to use and implement
page templates, to add and page templates, HTML, CSS, and JavaScript
themes, and customize themes, and
wizards HTML, CSS, and wizards as well as
JavaScript built in objects like
menus, progress
bars, and status
icons
Simulations Simulations Interaction and Simulations are Lectora Inspire users also
can be built feedback is built using a free have access to Camtasia®
using a wizard. limited and fits form method for creating and sharing
Simulations can the full screen where you can simulations
then be output as insert any images,
view only, guided functionality, and
simulations, or feedback
quizzes.
Video Create videos by Limited editing Lectora users can Lectora Inspire users also
recording your capabilities create videos right gain access to Camtasia and
webcam or using in the product by Snagit® to address additional
the simulation recording with a needs and customization
method webcam or editing
content
Audio Create audio Limited editing Lectora users can Lectora Inspire users also
clips by recording capabilities create audio clips gain access to Camtasia and
your microphone within the product Snagit to address additional
or using the by recording on needs and customization
simulation a microphone or
method editing content
Image Insert an image Limited editing Insert an image Lectora Inspire users also
from your capabilities from your gain access to Snagit where
computer, computer, clip art you can take screenshots
40 illustrated from the library, and and do beginner to advanced
characters, and 23 photographic level editing
one photographic characters found
character in the live model
gallery.
Interactivity Storyline 2 has Storyline 2 also Lectora has features Lectora Inspire users can
features such offers a motion such as templates, also access the eLearning
as templates, path, slider, characters, audio, Brothers Lectora Template
characters, audio, and interactive video, simulations, Library, Cutout People
video, simulations, markers as well as buttons, Library, and Interaction
as well as buttons, hot spot questions, Builder
hot spot, and and drag-and-drop
drag-and-drop questions to add
questions to add interactivity to a
interactivity to a course
course

An Articulate® Storyline® User’s Guide to Lectora® 7


Storyline 2 Lectora 16 and Lectora Online 3
Similarities Differences Similarities Differences

Publishing In Articulate® You can also In Lectora, you You can also publish to
Storyline 2, you publish to can publish to ReviewLink and CourseMill®.
can publish to Articulate® Online offline use (CD Lectora Online can also
Web (HTML), LMS and Microsoft or EXE), Web publish to Package Exchange
(AICC, SCORM, Word (HTML), AICC, Notification Services (PENS),
xAPI), and CD SCORM, and xAPI so you can quickly publish to
SCORM Cloud and other LMS
products that support this
output.
Section 508/ Storyline 2 is Section 508 Lectora and Section 508 and WCAG
WCAG Section 508 and and WCAG Lectora Online are compliance is offered when
WCAG compliant compliance is Section 508 and publishing to all Web-based
only offered when WCAG compliant formats (HTML, AICC, and
published to Flash SCORM). Accessibility
checker is available.
Responsive Courses can be Courses can be Courses can be Responsive Course Design™
Design created as a fixed published to created as a fixed (RCD) is a patent-pending,
(static) style of be responsive, (static) style of state of the art solution
responsive design but instead of responsive design by Trivantis to simplify
the pages and responsive course design of
content being your title for viewing on your
customizable, the audience’s primary device
content is resized (typically a desktop), and
to fit the device Lectora will automatically
in use rescale objects to fit on
tablets and smartphones
in both landscape and
portrait orientations. Make
customizations to any object
to further ensure your title
looks and functions perfectly
on all devices.
Collaboration and Courses can be To share a course Courses can be Courses can be published
Review published and outside of an published and directly from either version
shared to an LMS organization, shared to an LMS of Lectora to ReviewLink,
or as a single file content must or as a single file an online collaboration and
executable. be shared on executable. review tool.
Dropbox or
Google Drive.
ReviewLink
by Trivantis
also supports
uploading
and review
of Articulate
Storyline 2 HTML/
SCORM courses.
HTML5 Storyline 2 can Learners are The tool is HTML5 Flash can be included in a
be published to required to have based. Publishing course, but it is not required
HTML5 when the Adobe® Flash® is always done by Lectora
option is selected, installed on their to HTML5 when
but objects within computer in order sharing content
the course, such for the course for Web view.
as the player, to run properly.
will remain Flash Some objects are
based not supported in
HTML5.

8 An Articulate® Storyline® User’s Guide to Lectora®


Experience Lectora Online makes collaboration easy. Start

the power
a free trial today.

Experience the power today.

today.
Sign up for a free 30-day trial.

{use Lectora Inspire logo on this}

Sign up
for a
free
30-day
trial.

An Articulate® Storyline® User’s Guide to Lectora® 9


Developing in
Storyline 2
Versus Lectora

10 An Articulate® Storyline® User’s Guide to Lectora®


New Titles
When you open Storyline 2, you’re greeted with the home page. From here
you can start a new project, record the screen, import a PowerPoint®, and
open a recent title, or access training and additional resources. All information
you need to get started is to the left of the screen. To start a new course, you
select the New Project link.

When you open


Lectora, you’re
greeted with a
similar page called
Getting Started
with Lectora.
From here you can
also start a new
project, open a
recent title, import
a PowerPoint
presentation,
and access
training. But you
can also view the latest news, use the design wizard to create a course,
access saved templates in My Templates, browse templates online, import a
Lectora Online package, launch another Trivantis tool, or contact Support.
All information you need to get started is at the top of the screen. To start
a new course, you’ll select one of the following options: New Blank Title or
New Responsive Title. A new blank title will open a title where you can start
building from scratch, and new responsive title opens a new responsive title.
Responsive titles give you the ability to create a course that can be distributed
across any device (Desktop, Tablet, or Phone) no matter the orientation.

An Articulate® Storyline® User’s Guide to Lectora® 11


While Lectora Online’s Getting Started page looks very similar, there
are slight differences. From this screen you can still start a blank or
responsive title, access My Templates, import a PowerPoint presentation,
import Lectora Online packages, open recent titles, view the latest news,
and contact Support. Depending on your assigned role, you’ll have
access to tasks and responsibilities within Lectora titles like managing
titles, exporting titles, creating title reports, and organizing media.

12 An Articulate® Storyline® User’s Guide to Lectora®


Community

Share course examples.


Get inspired.
Trivantis Community - Get access to new con-
tent quickly Register Now
Share your course examples and get inspired.

Register today.

{use Trivantis Community logo on this}

An Articulate® Storyline® User’s Guide to Lectora® 13


Interface
Now that you’ve selected to start a new course, you’ll need to familiarize
yourself with the interface. When you open a new project in Storyline 2, you’re
automatically placed into Story View. This is an overview of the project. The
project is sectioned out in between scenes and slides. Scenes are chapters,
while slides are individual pages. To begin editing a page, you’ll need to
select it.

This opens the Slide View. From here you can add or edit content on the
page. The page is sectioned into six main areas: the menu, scenes, working
area, timeline, triggers, and slide layers.

• The Menu is where you can select seven submenus. From these menus
you can insert content, design the course, adjust animations and
transitions, view the course, and get links to helpful content.
• Scenes is where you can view all the slides associated with the particular
scene.
• The Working Area is where you can manage the layout of objects that
make up your slide.
• The Timeline is where you can view the timing of all triggers happening
on the page.
• Triggers are how you make objects perform actions.
• Slide Layers allow you to control the properties of a slide.

14 An Articulate® Storyline® User’s Guide to Lectora®


Menu

Working Area Triggers


Scenes

Slide Layers

Timeline

Articulate uses a player to enable and disable features that control how a
course is displayed. From the player properties, you can change the menu,
add resources, add a glossary, change the color, upload a logo, and enable
functionality features. The player can be used to control visibility of navigation
and how the slide advances.

When you start a new course in Lectora, you automatically begin editing the
first page of your course. This is because you can view all pages within the
course at all times using the Title Explorer. The page is sectioned into three
main areas: the ribbon, title explorer, and working area.

• The Ribbon is where you can access the file menu, view and adjust basic
information on the course, update the appearance of the course, insert
content, add a test and/or survey, use one of the built-in tools, and view
your course.
• The Title Explorer displays the entire structure of your title. Select from a
classic Title Explorer view resembling the table of contents of a book or a
thumbnail view that shows thumbnail images of each page. Lectora runs
under the premise that your course is a book with chapters and sections
within the book. Each chapter or section has its own pages, which allows
for more detailed control of each aspect when needed.
• The Working Area is where you can manage the layout of objects that
make up your page.

An Articulate® Storyline® User’s Guide to Lectora® 15


You can adjust Lectora to more closely resemble Storyline 2, if desired.
You can view a list of the actions within your course by opening the Action
Pane (View>Panes>Action Pane). However, this pane isn’t defaulted to
open automatically. Your action properties appear in the Action tab when
selected, and your page property options are visible when you open the Page
Properties. By turning off these panes, you’ll have more room to work within
the Lectora interface.

Lectora doesn’t use a player. Since content isn’t Flash based, a course
shell is not needed for optimal viewing. Instead, Lectora relies on HTML5
technology and advances. Instead of timeline driven content, Lectora
focuses on event and action focused development. This gives you more
ability to add interactivity and create more engaging courses.

16 An Articulate® Storyline® User’s Guide to Lectora®


Slide Layers Versus Visibility
Now that you’ve selected to start a new course, you’ll need to familiarize
yourself with the interface. When you open a new project in Storyline 2, you’re
automatically placed into Story View. This is an overview of the project. The
project is sectioned out in between scenes and slides. Scenes are chapters,
while slides are individual pages. To begin editing a page, you’ll need to
select it.

Lectora handles this situation quite differently. At Trivantis, we believe that


you shouldn’t have to worry about multiple layers when creating a course.
Instead, we focus on the visibility of each object. When you select an item,
you’ll notice in its properties there’s an option to mark something as Initially
Hidden. This means the content will not show when a page loads. This can
also be achieved by adding an action onto the page that on “show” you will
hide the object. Since everything is controlled this way, there’s no need to shift
in between layers. Instead, actions will be added that either show or hide an
object or group of objects. The group can be set as initially hidden, and the
action can be set to show the group or set properties for the group of objects
at the same time. If you need a visible representation of where you are when
developing the course, you can turn on the option to show visibility of objects
on the page. To do this you’ll navigate to File>Lectora Preferences>General
then select the option to Show visibility check boxes in the Title Explorer. You
can still order objects on a particular page by right clicking on an object and
selecting the Layers menu. From here you can move objects up and down in
between the layers of the page or send them to the back or front.

An Articulate® Storyline® User’s Guide to Lectora® 17


18 An Articulate® Storyline® User’s Guide to Lectora®
Triggers Versus Actions
Storyline 2 and Lectora use two different words to address how an action will
take place on a page. Storyline 2 calls their actions “triggers,” while Lectora
calls these “actions.” There are significant differences in the logic of how
actions are added and changed.

A Trigger (Storyline 2) is made of four parts: Action, Slide, When, and Object.
The Action is what happens, the Slide helps determine on what slide the
trigger will happen, the When is the timing of the trigger, and the Object
is what the trigger will affect. To add a trigger, you select the Create New
Trigger button from the triggers panel.

An Articulate® Storyline® User’s Guide to Lectora® 19


A trigger is limited in that it can only be applied to any object within the slide
such as a button, character, or text. Triggers can be applied under conditions
such as and/or to see if a variable's value, text, or true/false state has been
achieved.

An Action in Lectora is made of three parts: On, Action, and Target. The On
part of an action is the trigger. The Action is what should happen when the
on trigger occurs. Note: the Triggers list is different if you're adding an action
to an object rather than a plate (chapter, section, page). The Target is the
particular item within the course affected by the action. To add an action,
select the structural item or object like a text box or page. Then, select the
Action option from the Insert tab. Update the fields going left to right. To
quickly see all actions on page, open the Action Pane. The Action Pane is
found under the View tab in the Pane section.

Actions can be applied to anything within the course, but there are three main
types of actions you can use.

1. An action that happens to a structural item within the course like a


page, chapter, or test
2. An action that occurs on an object like a button or image
3. An action used when speaking with your LMS or HTML

Actions can be applied under conditions such as all or any. In addition,


conditions can be set in relationship to a variable, action, and value.

20 An Articulate® Storyline® User’s Guide to Lectora®


Variables
Variables are logical objects within a title that enable you to store, modify, and
test values of numbers or strings during the runtime of a published title. You
can conditionally perform actions in a title based on variable values, and you
can display variable values to the user.

There are many uses for variables, including branching to different sections
of a title depending on user preferences and displaying information based on
multiple user inputs. Variables enable you, as the title author, to capture what
a user has done (such as click on a button) within the title and to conditionally
act on that at a later time.

In Storyline 2, variables are used to hold one piece of data. This data can be
text, a number, or relate to a true/false statement. The variables are used as
project based data that can be evaluated and acted on over and over again in
a course.

An Articulate® Storyline® User’s Guide to Lectora® 21


In Lectora, variables are different because they are used to hold or call upon
a piece of data. The data can be reserved, predefined, or user defined. This
means you have the power of over 30 predefined variables and an unlimited
number of user defined variables at your disposal. Reserved variables are
items that are read-only and deal with the communication of data in between
the learner and browser. Predefined variables are created when a title is
designated as an AICC/SCORM for LMS title type. Having a user defined
option also means that you can create and use your own logic within the
course. In addition to having these options, you’ll also have the ability to
modify a variable's value. To make it easy for you to navigate and determine
which variables are in use, the Variable Manager is available in the Tools tab.

22 An Articulate® Storyline® User’s Guide to Lectora®


Responsive Design
Responsive design is the ability to create a course which will be viewed on
multiple platforms. Most authoring tools that offer responsive design operate
on the same core principle—the content is laid out on a fluid grid. This grid
responds to the width of the device that the content is viewed on. As the
view area gets smaller, the grid collapses, and content is repositioned to allow
for viewing without the need to scroll through the content horizontally or to
zoom.

As mentioned in the whitepaper "Delivering E-Learning in a Mobile World"


by Articulate® CTO Arlyn Asch, "Articulate does not believe that responsive
design for slide-based content is the answer to multi-device e-learning.”
Instead they’ve taken the approach that courses simply need to be placed into
a mobile viewer to be responsive. The slide itself is simply scaled down in size
to fit the device. The player supports “touch control, including finger-friendly
buttons, clear iconography, and improved support for common gestures such
as swiping, dragging, and pinch to zoom.” 1

For Lectora, Trivantis developed a new way of thinking called Responsive


Course Design (RCD). RCD is based on the principle that technology will
change and new devices will be released. Instead of focusing on the scaling
and breakpoints of pages, we’ve chosen to focus on designing for device
types and orientation. That way, you only need to design once—content will
be automatically sized and positioned in other views. Of course, you can still
tailor each view to accommodate your unique needs. Trivantis CTO John
Blackmon writes, "It's a multi-device world we live in, and Trivantis is bringing
you the tools you need to produce eLearning content for all of them. With
Lectora, you can truly publish once, and distribute everywhere." 2

1. Arlyn Asch, CTO, Articulate. "Delivering E-Learning in a Mobile World." 25 April 2016. https://www.articulate.com/support/storyline-2/delivering-e-learning-
in-a-mobile-world
2. John Blackmon, CTO, Trivantis. "Responsive Course Design." 25 April 2016. http://trivantis.com/whitepapers/responsive-course-design

Joe Ganci, also known as eLearning Joe, has written


about Responsive Course Design in Learning Solutions
Magazine. Check out his article.

An Articulate® Storyline® User’s Guide to Lectora® 23


Section 508 and WCAG
The Section 508 requirements are based on the Web Content Accessibility
Guidelines (WCAG), an international set of standards. WCAG outlines how
content shared on the Web must be compliant for users with disability
to work. For this to happen, the course must not rely on one method of
communication but offer multiple options to suit the needs of people with
visual and physical impairments.

Storyline 2 offers Section 508 and WCAG compliance when a course is


published into the standard player. As soon as content is published to HTML5,
Storyline 2’s mobile player does not support the 508 accessibility guidelines.

If you intend to publish your content to the Web, you can use Lectora to
create content that complies with Section 508. Lectora has an integrated
Accessibility Checker which will help you identify objects within your title
that must meet specific requirements in order to comply. Lectora also allows
you to develop content that meets Web Content Accessibility Guidelines
(WCAG) 2.0 AA requirements.

24 An Articulate® Storyline® User’s Guide to Lectora®


Translation
In Storyline 2, you can deliver content in “non-Western languages, including
right-to-left scripts—such as Arabic and Hebrew—and double-byte character
sets (DBCS)—such as Chinese, Japanese, and Korean.” 1 During the process
you export a file to be translated, then return the file into the program. After
importing you’ll still need to customize the player text labels, so content like
buttons, tabs, and messages are translated into a different language.

In Lectora, you have the support of all Western and non-Western languages,
including those that run right to left and use multi byte characters (Chinese,
Japanese, and Korean). During the process, you export an RTF (rich text
format) document, which is best handled in WordPad. During export you’ll
have the option to automatically include content like page names and alt tags.
The file can then be translated in WordPad, making sure to leave the “do not
enter” lines alone. Then import the file using a similar process as exporting.
Within our translation tool, you also have the ability to update strings such
as system controlled feedback. There’s also a four-step process available for
those who want to translate a single course into multiple languages.

1. "Supported Languages in Articulate Storyline." 25 April 2016. https://www.articulate.com/support/storyline-2/supported-languages-in-storyline

An Articulate® Storyline® User’s Guide to Lectora® 25


Putting Together
a Course
Now that you know the differences
between the interfaces, let’s begin
adding components to the course.
You’ll see that both products have
navigation that varies slightly.
The real differences are seen
with the amount of options and
customization available.

26 An Articulate® Storyline® User’s Guide to Lectora®


Themes and Templates
One of the easiest ways to start creating a course is by
using a theme or template. In Storyline 2 you get 27
themes. With themes you have the ability to change
colors and fonts. If you want to do more customization,
you have to access the Slide Master. From here you
can also insert placeholders and add page animations.
Templates are uploaded onto the Articulate Community
by staff and members.

In Lectora you have 75


themes and over 100
templates to choose from.
Lectora's Orangeanio With themes you can
adjust the background, font, color, sound, and
animation all on the Design tab. You can also
create pages using content frames, which can
act as placeholders for future content and help
Lectora's Blue Skies
you design the layout of your course. There is no
need to create a master template. Instead, place content at the title level for
it to show on all pages. Additional templates are uploaded onto the Trivantis
Community by staff and members.

Lectora's Swoop

An Articulate® Storyline® User’s Guide to Lectora® 27


Text
To create a text box in Storyline 2, you navigate to the Insert tab in the menu
and select Text Box then draw where you want the text to be on the screen.
Text can be formatted on the Home tab or by right clicking on the text box.

Similarly in Lectora, you’ll navigate to the Insert tab in the ribbon and select
Text Box. This places a text box in the middle of your screen that you can
move and edit. Text can be formatted on the Home tab or by right clicking on
the text box.

Tip: In Lectora you can paste unformatted text simply by pressing


Control + Shift + V, which can save time trying to adjust the formatting of text
from external sources.

28 An Articulate® Storyline® User’s Guide to Lectora®


Images
To insert an image in Storyline 2, you’ll navigate to the Insert tab on the menu
and select the Picture icon. This opens your file explorer as you search for
images on your local drive.

To edit the image you’ll access its Format properties from the Picture Tools
menu or select the image and right click selecting Format Picture. You can
crop, recolor, add a border, add a shadow, add a reflection, add a glow, adjust
brightness, adjust contrast, adjust transparency, blend, and shape or use a
preset mode.

To insert an image in Lectora, you’ll navigate to the Insert tab on the menu
and select the Image dropdown. From here you’ll have five options: Image
File, My Images, Clipart, New Image, and New Screen Capture. Image File
(similar to Storyline 2’s Picture option) is for opening your file explorer as you
search for images on your local drive. In addition, My Images takes you into
My Library where you can select previously stored images, Clip Art opens
the clipart folder of the Stock Library, New Image lets you create a new
image using Snagit, and to capture a new screen image using Snagit, you’ll
select New Screen Capture.

An Articulate® Storyline® User’s Guide to Lectora® 29


To edit the image, you’ll access its properties where you can use three
submenus: Properties, Style, and Position & Size. You can crop, recolor, add a
border, add a shadow, add a reflection, and adjust transparency.

In Lectora Inspire 16, you can also access Snagit from the Tools menu. This
application offers the ability to capture great-looking images and videos
for your eLearning course. It’s easy to customize your screen captures with
effects or the markup tools. Snagit gives you the ability to crop, cut, trim,
rotate, resize, draw, stamp, add highlight, insert callouts, blur, add a border,
effects and edges, apply color effects, add a watermark, add filters, and add a
spotlight or magnify effect.

30 An Articulate® Storyline® User’s Guide to Lectora®


Characters
To add a character in
Storyline 2, you’ll again
navigate to the Insert tab
and select the Character
drop down. From here you’ll
select either Illustrated
or Photographic. One
photographic character and
40 illustrated characters are
provided with each license.

In Lectora, you can insert a character by selecting the


Character button. This will open the Character Poses
folder of the Stock Library where you can choose
the feeling you want to portray and then the person
you wish to insert. Lectora comes pre-loaded with
23 photographic characters, including individuals
that can help depict medical, military, and business
situations.

An Articulate® Storyline® User’s Guide to Lectora® 31


Discover a library of
eLearning Brothers Cutout People Library and Lectora Inspire are a great

characters to use in
pair (additional characters are available with Lectora Inspire).

your training.
Discover a library of characters to use in your training.

The eLearning Brothers Cutout People Library is built into Lectora Inspire—
along with the

Lectora Template Library and Interaction Builder.


The eLearning Brothers Cutout
Try it free today.
People Library is built into Lectora
Inspire—along with
{Use Lectora Inspire logo the Lectora
on this}

Template Library and Interaction


Builder.

Try it free today.

32 An Articulate® Storyline® User’s Guide to Lectora®


Buttons
To add a button in Storyline 2, you navigate
to the Insert tab and select the Controls drop
down. From here you can find options such
as buttons, sliders, hotspots, check boxes,
radio buttons, and data entry. Once a control
is selected, you must draw it on the page.
Buttons can be formatted to include states
and do not come preset with an action.

In Lectora you add a


button on the Insert
tab by selecting the
Button drop down.
From here you have
the option to select
a text or transparent
button. In addition, you'll find stock and image buttons.
After selecting one of the options, a button will appear
in middle of your screen that you can move and edit.
Buttons can be formatted to include states, and a preset action is included
with each button. Six additional form elements can be used as buttons and
are found on the Test & Survey tab.

An Articulate® Storyline® User’s Guide to Lectora® 33


Audio
To add an audio file in Storyline 2, you’ll navigate to the Insert tab and select
the Audio drop down. From here you have two options: Audio from file or
Record Mic.

To edit audio you’ll select the audio from the title by right clicking and then
select the Audio Editor. From here you can record additional audio, import
and export additional audio files, delete mistakes, crop the track, insert
silence, and adjust the volume.

In Lectora, you’ll navigate to the Insert tab and select the Audio drop down.
From here you have four options: Audio File, My Audio, Streaming Audio,
and New Audio Recording. Audio File (similar to Storyline 2’s Audio from file
option) is for opening your File Explorer as you search for images on your
local drive and the New Audio Recording (similar to Storyline 2’s Record Mic
option) opens the internal audio recording tool. In addition, My Audio in
Lectora takes you into My Library where you can select previously stored
audio and use the Streaming Audio option to stream audio from a web
address or streaming server.

34 An Articulate® Storyline® User’s Guide to Lectora®


Tip: If a file isn’t in MP3 format, you’ll be asked to convert
the file before it's added. MP3 format offers the best quality
of output and is the most used format when playing content
in HTML5.

To edit audio, you’ll select the audio from the title and
then select the Edit button from the properties menu.
This opens the Audio Editor in a separate window.
From here you can record additional audio, crop the
track, insert silence, and adjust the volume, similar
to Storyline 2. You’ll have the ability to import and
export additional audio files and delete mistakes.
The events functionality will be new to you. Events
can be used within a title to trigger actions while
the audio object is playing. This is especially useful
when synchronized visibility of objects is needed for
audio.

In Lectora Inspire, you can also access Camtasia from the Tools menu. This
application gives you the ability to easily create and edit professional-quality
audio and video. From Camtasia you can edit audio files by adjusting the
volume, fading the audio in and out, adding silence, including audio points,
removing noise, and adjusting waveforms.

An Articulate® Storyline® User’s Guide to Lectora® 35


Video
To add a video file in Storyline 2, you’ll navigate to the Insert tab in the menu
and select the Video drop down. From here you have three options: Video
from file, Video from Website, and Record Webcam.

To edit the video, you’ll select the video from the title by right clicking and
then select the Video Editor. From here you can trim, crop, change the
volume, adjust the brightness and contrast, and insert a logo.

In Lectora 16, you’ll navigate to the Insert tab and


select the Video drop down. From here you have five
options: Video File, My Video, Streaming Video, New
Video Recording, and New Screen Recording. Video
File (similar to Storyline 2’s Video from file option)
is for opening your File Explorer as you search for
images on your local drive, and Streaming Video
(similar to Storyline 2’s Video from Website option)
opens streaming video from a web address such
as a YouTube or Vimeo channel. The New Video
Recording (similar to Storyline 2’s Record Webcam) gives you the option to
record new content using your webcam. In addition, New Screen Recording
opens Camtasia so that you can start recording your screen.

36 An Articulate® Storyline® User’s Guide to Lectora®


Tip: If a file isn’t in MP4 format, you’ll be asked to convert
the file before it’s added. MP4 format offers excellent
quality of output and is the most used format when viewing
video content in HTML5.

To edit video, you’ll select the video from the title and then select the Edit
button from the Properties menu. This opens the Video Editor in a separate
window. From here you can record additional video, trim the selection, cut,
copy, paste, undo and redo actions, and add an event. An event can be used
within a title to trigger actions while the video object is playing. This is
especially useful when synchronized visibility of objects is needed for video.

In Lectora Inspire, you can also access Camtasia from the Tools menu. This
application gives you the ability to easily create and edit professional-quality
videos. Plus, record mobile video with TechSmith Fuse®, a free mobile app.
From Camtasia you can add callouts, zoom and pan, transitions, insert images,
captions, and quizzes.

An Articulate® Storyline® User’s Guide to Lectora® 37


Simulations & Scenarios
Storyline 2 has the integrated ability to both record screen captures and then
edit them into a simulation. By default the program records in a dimension
the same size as your course. You’ll be used to outputting your simulation for
view, test, or try mode. Feedback is integrated, but you may have noticed this
does limit your ability to add any other objects (text, image, button) without
overlaying them on the page. Scenarios are built by adding interactivity on the
screen using assets.

Lectora’s approach to simulations is that you should be in control of how


the simulation appears and functions. In Lectora, you have many options for
creating a simulation or scenario. You can add content onto the screen such as
screenshots, calls outs, feedback, and characters. Then overlay any of the form
objects like entry fields and drop-downs over a screenshot to easily create an
application simulation. This also makes it easier to update since you won’t
have to go back into the product to record another instance of the training.
You can also create a video using the Video Editor or voiceover using the
Audio Editor. To test the user, you can add hot spot questions or record your
simulation using Snagit or Camtasia.

38 An Articulate® Storyline® User’s Guide to Lectora®


Tests, Quizzes, and Surveys
With Storyline 2, you get eleven gradeable options, nine survey options, five
free form options, a fill in the blank, and three pre-created pages that show
the results. Storyline 2 offers a question import feature where you can upload
questions in a CSV format which can expedite the process. Questions are
added using a wizard.

With Lectora, there are nine options which can interact with the LMS, three
that are non-gradable, plus a slew of survey and form options. The main
testing level option includes plenty of features like establishing the passing
threshold and randomizing questions. Questions can be pooled by placing
them into test sections to make selecting from various options possible. You
can also choose to retain values if you want learners to retake the test and
see their previous selections. You can import multiple questions using a CSV.
Questions are added using a wizard.

Publishing
In Articulate you have five publishing options: Web, Articulate Online, LMS,
CD, or Word. For Web publishing you can include HTML5 output. To view a
course on a mobile device, you’ll need to view the course in a mobile player
or download the course for offline viewing. Articulate states, “By default,
Storyline 2 publishes Flash output, but you can add mobile output by marking
the HTML5 and/or Articulate Mobile Player options.” 1 This means your course
is restricted by Flash players. Publishing to Articulate Online sends the course
to Articulate’s proprietary LMS and requires a month to month or yearly
plan. Publishing to LMS allows for publishing of HTML5 content packaged
in SCORM 1.2, SCORM 2004, AICC, and Tin Can API (xAPI). By selecting CD,
you can publish your course to a CD, DVD, or computer hard drive for local
use. You can also publish your project to Microsoft Word, so the learner can
have a printable copy of the course or to give to people involved in the review
process.

In Lectora, you can publish to ReviewLink, for offline use, HTML, CourseMill,
AICC, SCORM, xAPI, and SCORM/Disconnected. By default your course will
be published to HTML5, and no Flash is needed to run the course unless you
insert Flash objects. You also don’t need a mobile player to view the course.
Instead, the published files understand what type of device you’re on and fit
the screen accordingly. Creating a responsive course ensures this process is
even more defined.

1. "Publishing Your Course." 25 April 2016. https://www.articulate.com/support/storyline-2/publishing-your-course-sl2

An Articulate® Storyline® User’s Guide to Lectora® 39


Offline (similar to Storyline 2’s CD option) uses the ability to view a course
without the connection of the internet. The course is published into a single
file executable and is run using the LectoraViewer. Publishing to HTML
(similar to Storyline 2’s Web option) converts your course files into a Web
based programming code such as JavaScript. It also reformats images that
are not already in .jpg format or .gif format, so they are easily downloaded
and viewed. Publishing to AICC or SCORM (similar to Storyline 2’s LMS
option) places the course into trackable package which can be shared
with an LMS. Lectora supports Scorm 1.0, Scorm 1.1, Scorm 1.2, and SCORM
2004. Publishing to xAPI (also included in Storyline 2’s LMS option) allows
for sharing using xAPI compliant programs. In addition, you can publish to
ReviewLink, a bundled tool that comes with your purchase of Lectora or
Lectora Online with a maintenance agreement (ReivewLink is also offered
as a standalone tool starting at $29 a month). This cloud-based service is
Trivantis’ proprietary review software. You can also publish to CourseMill,
the proprietary learning management system (LMS) offered by Trivantis. The
SCORM/Disconnected option is available for companies that want to offer
SCORM conformant material for use in an offline environment.

40 An Articulate® Storyline® User’s Guide to Lectora®


Reviewing Your
Course Using
ReviewLink
With Lectora and Lectora Online, you can
publish directly to ReviewLink or upload
content from Storyline 1 or 2 or Adobe®
Captivate 8. Then, send email invitations to
an unlimited number of users like your team
members, manager, or subject matter experts
(SMEs) to review your course. You can even
assign deadlines. Once the reviewers are ready
to view the content, they’ll access ReviewLink
and add comments or attach files to individual
pages to provide feedback. Once the updates
have been made, the reviewer can go back into
your course and mark feedback as Fixed, OK,
Not OK, or Archived. Each time an update is
made, you’ll be informed by email notification,
and new comments will be marked for your
attention. At any time, pull the feedback to be
able to filter, sort, search, save, or export as
a PDF or CSV for printing. If you're working
with reviewers overseas, you don’t have to
worry about uploading to a local server or
dealing with lag when one isn’t available since
the product is available online and in seven
languages.

An Articulate® Storyline® User’s Guide to Lectora® 41


Getting Ready to Publish
Within Lectora you have the option to set up your ReviewLink Preferences.
This screen makes it easy to access ReviewLink at any time and also helps
speed up the publishing process. While this step isn’t required, it’s highly
recommended.

1. Select Lectora Preferences from the File ribbon. The Preferences


window opens.
2. Click the ReviewLink tab.
3. Use the fields in the ReviewLink group to specify your server settings.
In the Host field, specify the Web address of the ReviewLink server. By
default, this value is reviewlink.com.
4. In the Path to ReviewLink on Host field, specify the location on the
ReviewLink server where the ReviewLink system resides. By default, this
value is /reviewlink.
5. Specify the email address with which you registered with ReviewLink in
the Publisher Email ID field.
6. Specify the password with which you registered with ReviewLink in the
Password field.
7. Click OK.

42 An Articulate® Storyline® User’s Guide to Lectora®


Publishing From Lectora Into
ReviewLink
1. Save your title.
2. On the Home tab, click the drop-down list under Publish in the Publish
group and select ReviewLink. The program performs an error check and
displays the results in the Publish Title to ReviewLink window.
3. Resolve any errors within your title. If necessary, click Cancel and repeat
steps 1 and 2 until your title is free of errors.
4. Click Publish when you are satisfied with the results of the error check.
The Publish for ReviewLink Options window opens.
5. You’ll be prompted to sign in.
a. If your information is correct, click OK.
b. If your information doesn’t already show, select I already have a
ReviewLink account, provide the email address and password for
your account, and click OK.
6. Use the following tabs on the Publishing Location window to specify
your publishing settings:
a. ReviewLink options
i. Publish as New Content Item - This control is enabled when
your sign-on and title name is recognized by ReviewLink.
Select this radio button to publish the title as a new content
item.
ii. Reviewers - Specify the email addresses of the reviewers of
this title. Separate each email address with a comma.
Reviewers are sent an email that provides detailed
information about how to access and review the content.
iii. Comments Due - Enable this check box to optionally specify
a due date for comments. The current due date is specified
in the field. Click the calendar icon to adjust the date.
b. HTML options
c. Compress and Convert

An Articulate® Storyline® User’s Guide to Lectora® 43


7. Once you have completed configuring the publishing options, click
OK. Your title is published to your local directory. When the publishing
process has completed, click the Upload Title button to upload your
title to ReviewLink. When the upload process has completed, a link
to your content is displayed. Click the link to access your content in
ReviewLink and monitor it through the review cycle. Reviewers are
sent an email that provides detailed information about how to access
and review the content.
8. Click the Done button to close the publishing window. When available,
you can also click the Preview button to launch the published title. You
can open your browser and view the published HTML files.

When you make changes to your title, you will need to republish it and
upload it to ReviewLink so that reviewers can see your changes. Repeat
these steps as necessary to republish your title. When you access your
ReviewLink Options screen, you’ll now find the option to Update Existing
Content. This control is enabled when your sign-on credentials and title name
are recognized by ReviewLink. Select this radio button to publish the title as
a revision to an existing content item. Optionally you can update the status
of existing comments within the content and notify your reviewers of the
update. Select Update status of “New” and “Not OK” comments to “Fixed”
to inform reviewers that they can verify the changes for your update. Select
Notify reviewers of updated content to send a notification email to reviewers
specifying that the content has been updated.

Get feedback on Lectora,


Storyline, or Captivate courses.
Try ReviewLink free today.

44 An Articulate® Storyline® User’s Guide to Lectora®


Uploading Storyline 2 Content
Into ReviewLink
To upload a Storyline 2 course into ReviewLink, it must be published to the
Web/HTML with HMTL5 output checked or LMS-published for SCORM 1.2
content. Zip your published files.

Upload to ReviewLink

1. On the My Published Content tab, click on the Upload Content button.


2. Select Browse to browse for and select the Storyline 2 Zipped file. Click
on the Upload button to initiate the upload.
3. If the content is new:
1. Enter email addresses of the Reviewers you wish to invite to
review the content.
2. Optionally enter a Due Date by which Reviewers should submit
their feedback.
4. If the course already exists in ReviewLink, you can choose to update the
existing content with the new version, or publish as a new content item.
5. If you’re updating content:
1. Optionally choose to update the status of all New and Not Ok
comments to Fixed—you can also choose to update the status of
comments individually later on.
2. Choose whether to notify reviewers via email that the content has
been updated.

When you make changes to your title, you will need to upload it to ReviewLink
so that reviewers can see your changes. Repeat these steps as necessary to
reupload your title.

An Articulate® Storyline® User’s Guide to Lectora® 45


5 Reasons to
Include Lectora
in Your Toolbox
While building a
course, you may find
that Storyline 2 isn’t
powerful enough
for what you need.
This is a great case
for adding Lectora
to your toolbox.
You can even wrap
Storyline 2 content
in Lectora to take full
advantage of both
products. Let’s take
a look at 5 examples
when Lectora should
be used.

46 An Articulate® Storyline® User’s Guide to Lectora®


Flash Versus HTML5
As discussed earlier, Storyline 2 runs Flash elements, and therefore you must
have a Flash player to view the course. In some cases, a company may choose
not to allow Flash players or limit when someone can upgrade. This can create
issues with viewing and being able to use the course properly. Lectora was
built with HTML5 because HTML5 is the next evolution in experiencing the
Internet and is widely supported by more browsers and devices than Flash
is. In addition, Apple products have limited support for Flash interactions, so
HTML5 also makes your course more accessible on multiple devices.

Actions and Variables


In more complicated Storyline 2 courses, it may become necessary to include
additional actions and variables. With Lectora you get reserved, predefined,
or user defined variables. This means you have the power of over 30
pre-defined variables and an unlimited number of user defined variables at
your disposal.

Christopher Pappas of eLearning Industry shares the


benefits HTML5 of eLearning. Find out more in this article.

An Articulate® Storyline® User’s Guide to Lectora® 47


Responsive Design
As discussed earlier, Articulate has taken the approach that courses simply
need to be placed into a mobile viewer to be responsive. When testing your
Storyline 2 courses, you may find situations where the performance doesn’t
match your expectations. Lectora approaches responsive design by basing
course builds on the principle that technology will change and new devices
will be released. Instead of focusing on the scaling and breakpoints of pages,
we’ve chosen to focus on designing for device types and orientation.

508 and WCAG


While both programs are compliant with Section 508 and WCAG, the
publishing features are quite different. As soon as Storyline 2 content is
published to HTML5, its mobile player does not support the 508 accessibility
guidelines. Lectora offers Section 508 and WCAG compliance when
publishing to all Web-based formats (HTML, AICC, and SCORM) and gives
you access to the Accessibility Check tool. This tool can be used to help
identify objects within your title that may require special attention in order to
comply with Section 508 or WCAG requirements.

Assign Tasks
In Lectora Online, assignments enable you to manage the work you need to
get done. Developers can change the status on their assignments to indicate
their progress. Users defined as Project Managers and Administrators can also
create assignments, assign them to your team members, and track progress.

48 An Articulate® Storyline® User’s Guide to Lectora®


How to
Insert
Storyline 2
Content Into
Lectora
While developing a course you
may find that wrapping Storyline
2 in Lectora can help bring
together the functionalities of
both tools. One example is if
you’ve built a course but need to
include advanced variables. The
following instructions explain how
to insert Storyline 2 content into
Lectora.

An Articulate® Storyline® User’s Guide to Lectora® 49


Remove the Player (Optional but
Recommended)
Note: The player should only be removed once navigation has been switched
to on screen options, such as buttons. Otherwise a learner will not be able to
advance through a multiple page course.

1. From the Home tab, select the Player option.


2. Go to the Features tab on the ribbon and uncheck all options.
3. While you're in the Player Properties window, click Colors & Effects and
the ribbon.
4. Click the link to Show advanced color editing.
5. From the Edit item drop-down, select Base >> Main Background, and
make it 100% transparent.
6. From the Edit item drop-down list, select Base >> Main Border, and
make it 100% transparent.
7. From the Edit item drop-down list, select Base >> Slide Background,
and make it 100% transparent.
8. While you're in the Player Properties window, click Current Player and
select Save As.
9. Give it a recognizable name and click OK.
10. Click OK again to close the Player Properties window.
11. Go to Story View.
12. Press Ctrl+A twice to select all the slides in your course.
13. Uncheck the Prev, Next, and Submit boxes in the Slide Properties panel,
and make sure all the player features are also unchecked.

50 An Articulate® Storyline® User’s Guide to Lectora®


Publish Your Storyline 2 Course

1. From your Storyline 2 project, select the Publish option from the Home
tab.
2. Select Web from the tab on the right.
3. Select the HTML5 option and remove all other options.

Move the Files

1. Move the published files into the folder that contains your course files.

Insert a Web Window

1. From your Lectora project, select the page where you want to insert
content.
2. Select the Insert tab and then the Web Window option.
3. From the Window Source drop down, select Local web-based content.
4. Select the browse button and locate the HTML5 files. Be sure the last
item selected is the story_HTML5.html.
5. Select the option to include all files and subfolders.
6. Holding control (to maintain the window ratio), resize the web window
to fit your screen.

Once you publish the course, you’ll be able to see the Storyline 2 content
within Lectora.

An Articulate® Storyline® User’s Guide to Lectora® 51


How to
Insert
Storyline
2 Content
Into Lectora
Online
The following instructions
explain how to insert
Storyline 2 content into
Lectora Online.

52 An Articulate® Storyline® User’s Guide to Lectora®


Remove the Player (Optional but
Recommended)
Note: The player should only be removed once navigation has been switched
to on screen options, such as buttons. Otherwise a learner will not be able to
advance through a multiple page course.

1. From the Home tab, select the Player option.


2. Go to the Features tab on the ribbon and uncheck all options.
3. While you're in the Player Properties window, click Colors & Effects and
the ribbon.
4. Click the link to Show advanced color editing.
5. From the Edit item drop-down, select Base >> Main Background, and
make it 100% transparent.
6. From the Edit item drop-down list, select Base >> Main Border, and
make it 100% transparent.
7. From the Edit item drop-down list, select Base >> Slide Background,
and make it 100% transparent.
8. While you're in the Player Properties window, click Current Player and
select Save As.
9. Give it a recognizable name and click OK.
10. Click OK again to close the Player Properties window.
11. Go to Story View.
12. Press Ctrl+A twice to select all the slides in your course.
13. Uncheck the Prev, Next, and Submit boxes in the Slide Properties panel,
and make sure all the player features are also unchecked.

An Articulate® Storyline® User’s Guide to Lectora® 53


Publish Your Storyline 2 Course

1. From your Storyline 2 project, select the Publish option from the Home
tab.
2. Select Web from the tab on the right.
3. Select the HTML5 option and remove all other options.

Zip Up the Files

1. You will need to compress the


published files into a zip file. If
you are not familiar with zipping
up files, you can search for a zip
tool named 7zip and how to use
it.
2. Make a note of where the
story_HTML5.html is in the zip
file. For instance, if the story_
HTML5.html file is in a folder,
remember the folder name. In
the image below it is not in a
folder; that is how we will keep
it for this example.

54 An Articulate® Storyline® User’s Guide to Lectora®


Add the Zip File as an Attachment
1. On the Insert tab in Lectora Online, click the arrow below Attachment
and then select Folder (zipped).
2. Select the zip of your Storyline 2 published files.
3. You can leave Merge current folders selected, then click File Upload.
4. To verify click on the Tools ribbon and then click Resources, you should
see something like this:

An Articulate® Storyline® User’s Guide to Lectora® 55


Insert an External HTML Object
1. To surface your Storyline 2 published files, add an External HTML
Object.
2. Select the Insert tab and then the External HTML option.
3. Add a name for the object, then click Edit.

4. In the editor, put an iframe tag that references your story_html5.html,


and if necessary, you will need to precede it with a folder (ie. myfolder/
story_html5.html). For this example, remember there is no folder.

<iframe src='story_html5.html' width="100%" height="100%"></iframe>

5. Click save and close once you are finished.


6. Click Page Preview on the View ribbon to preview how it will look when
published.
7. Adjust the size of the External HTML object, so it is the right size for
your Storyline 2 content.

Once you publish the course, you’ll be able to see the Storyline 2 content
within your Lectora Online course.

56 An Articulate® Storyline® User’s Guide to Lectora®


Conclusion
As you have read, Storyline 2 and Lectora are actually very similar. Lectora
has the functionality you’re used to in Storyline 2—but with additional options
and more control. Lectora enables you to create any eLearning content you
can imagine. In addition, combining both tools creates a powerhouse for
completing any type of assignment a SME or learning leader could give you,
no matter how challenging. So the next time you run into limitations while
using Storyline 2, give Lectora a try.

Desktop or cloud
authoring?
Sign up for a free 30-day trial
of either.

Try Lectora Desktop Try Lectora Online

An Articulate® Storyline® User’s Guide to Lectora® 57

You might also like