an overview for leaders and developers

introducing

Articulate Storyline

Gerry Wasiluk, Affiliate, Fredrickson Communications, and Articulate MVP/Super Hero

© Fredrickson Communications 2012

All rights reserved.
1. Introduction In This Section

1. This Presentation
2. Some Ground Rules
3. About You
4. About Me
5. About Articulate
6. Exciting Time For Developers
This Presentation
mLearning,
Introduction Storyline HTML5, Flash
Basics and iOS

Strategic Key Features Demos

Implications
This Presentation

≥ Tailored more to leaders and to

folks who have not yet used
Articulate Storyline

≥ Some things will be included

for developers

≥ Background then demos

≥ Another presentation next month at the ASTD e-Learning SIG

will be more in-depth for developers

©Fredrickson Communications 2012

 THIS PRESENTATION WILL BE AVAILABLE
ELECTRONICALLY AFTER THIS TALK.

Will be on Fredrickson Communications website

©Fredrickson Communications 2012

Some Ground Rules

≥ Feel free to ask a question or make a comment

at any time, though if you can wait, that’s
cool—there’ll be time for Q&A at the end.

≥ To ask a question or make a comment, raise your hand and, when

acknowledged, identify yourself, your organization and your job.

≥ Please remember, I don’t know it all. If you’re a Storyline user, feel

free to “rescue me” if I go off the deep end.

≥ If we’re stumped, please give me your business card or contact info

after—I’ll try and get you an answer.

©Fredrickson Communications 2012

About You

We don’t have time for everyone to introduce themselves but:

≥ How many of you were beta testers for Storyline?
≥ How many of you are now using Storyline?
≥ How many of you are supervisors or managers responsible for learning?
≥ How many of you are supervisors or managers in non-learning functions?
≥ How many of you develop e-learning?
≥ How many of you have folks that use Articulate products?
≥ Others?

©Fredrickson Communications 2012

About Me

≥ 27+ years involved with corporate learning, learning systems, and e-

delivery of learning (business TV, satellite, videoconferencing, virtual
classroom, e-learning, etc.)
≥ Retired this year as Learning Solutions Manager in 3M HR Talent Solutions
— Managed our internal Saba LMS and our e-learning-related services;
also was 3M’s pre-eminent e-learning specialist
— Sponsored/supported Articulate and Lectora at 3M
— Provided/managed corporate content servers
— Set governance, processes, and e-learning standards for internal LMS
— Developed/directed/consulted on creating e-learning courses
— LMS specialist, especially configuring and on e-learning
≥ One of 5 Articulate MVP’s/Super Heroes (since June 2006)
≥ Currently an Affiliate with Frederickson Communications
≥ Been using Storyline since late June of last year (when beta testing began)
≥ Have produced 9 “real” courses in Storyline since the beta ended
©Fredrickson Communications 2012
About Articulate

From their press releases . . .

Articulate develops stunningly simple, remarkably powerful e-learning
software. More than 28,000 customers in 120 countries rely on our
easy-to-use tools to create professional-looking, interactive courses
that fully engage learners. Packed with powerful e-learning
functionality, Articulate’s intuitive tools make it easy for anyone to
deliver polished interactive content—every time.

Articulate’s e-learning community—the largest and most active in the

industry—offers hundreds of helpful tutorials, free course downloads,
and expert advice on building amazing e-learning content. Visit us at
http://www.articulate.com

©Fredrickson Communications 2012

About Articulate

http://www.articulate.com/company/about.php

©Fredrickson Communications 2012

About Articulate

http://www.articulate.com/company/about.php
©Fredrickson Communications 2012
 Articulate and Some Competitors
Company: Type: Some Products: Employees: Net Sales: Headquarters:

Adobe Systems, Public Adobe Presenter, Captivate 9,117 $3,800,000,000 345 Park Ave.
Inc. ** San Jose, California 95110-2704

Articulate* ** Private Articulate Presenter, 50 $10,500,000 244 5th Ave Ste 2960
Quizmaker, Engage,; New York, NY 10001-7604
Articulate Online
Atlantic Link

iSpring ? iSpring Presenter, ? ? Russia

Quizmaker
Qarbon ** Private 12 NA 4 N. 2nd St., Ste. 1240
San Jose, CA 95113
ReadyGo * Private ReadyGo Web Course 10 NA 918 N Rengstorff Ave
Builder Mountain View, CA 94043-1714
Techsmith SnagIt, Camtasia, Jing 100 $13,000,000 2405 Woodlake Dr.
Okemos, Michigan 48864-5910
Trivantis ** Private Lectora, Snap, Course Mill 50 $6,650,000 311 Elm St., Ste. 200
Cincinnati, OH 45202
Wondershare ** NA PPT2Flash Professional; NA NA Shenzhen, China
QuizCreator

Key: * = e-learning tool(s)-only companies Source: Lexis-Nexis – October 2011

** = Offers PowerPoint to Flash tool ©Fredrickson Communications 2012
 Articulate’s Effect on E-learning

If Articulate didn’t invent the

“PowerPoint-to-Flash e-learning”
industry back in the early 2000’s, then,
at the very least, for better or worse,
they may be the ones most responsible
for making the industry what it is
today—and helping move things
forward and stretching the boundaries
of what is possible.

Like having a product (Quizmaker 09)

Storyline is to e-learning what the Beatles
that is both form-driven and free-form.
where to music—they changed things for the
better.
And they’re doing it again with
Articulate Storyline . . .
©Fredrickson Communications 2012
Some Articulate Products

The “Microsoft Office” of e-learning?

Build explorable interactions

Create quizzes &

assessments

Quickly convert PowerPoint Convert many kinds of videos

content to Flash into an FLV

©Fredrickson Communications 2012

Some Articulate Products

Articulate Online (http://www.articulate.com/products/articulate-online.php)

– hosted service (a “baby” LMS) that tracks how learners interact with your
Articulate e-learning courses, assessments and presentations.

©Fredrickson Communications 2012

Some Articulate Products

Screenr – free, online screencasting Screenr Business – for fee version of

service published to Flash or HTML5 Screenr – private and longer screencasts
for iOS playback – maximum 5
minutes

©Fredrickson Communications 2012

How Articulate Shines

≥ Products developed by people who “get” learning and instructional design

≥ Aim for “sweet spot” in terms of power and functionality – “less is more”
≥ Tools designed to be simple and easy to use – from SMEs to expert developers
≥ Software will be released when it’s “right” and will be of high value
≥ Users have input into new features and product directions
≥ Helps you to succeed “after the sale”
– Excellent, top-notch global support and service
– One of best (if not the best) learning communities
– Lots of free resources
– Huge social media presence
– No “BS” attitude – instead very friendly and responsive

≥ As a result, a “good cult-like” following

©Fredrickson Communications 2012
Exciting Time for Developers

≥ mLearning is the buzz (and the challenge)

≥ Lots of new authoring tools coming out
— ZebraZapps from Allen Interactions
— New totally revamped version of Lectora
out this summer
— Lot of other companies, some new,
producing new tools
— But one of the most anticipated new tools
in the industry has been . . .

©Fredrickson Communications 2012

Which Brings Us To . . .

©Fredrickson Communications 2012

Quote From Adam Schwartz, Articulate CEO

The most engaging

e-learning tells a
great story.
Engagement is
about storytelling.

©Fredrickson Communications 2012

 In This Section
1. What Is Articulate Storyline
2. Storyline Basics
2. Important: First Version of Storyline
3. Early Reviews—Almost All Very Positive
4. Strengths and Opportunities for Improvement
5. Is Storyline for Everyone?
6. Where Does Storyline Fit?
7. Does Storyline replace the Articulate Suite?
What Is Articulate Storyline

≥ A desktop tool that produces highly-interactive and media-

rich e-learning courses for a variety of needs:
— Web
— LMS (AICC and SCORM 1.2/SCORM 2004)
— CD
— Articulate Online
— Microsoft Word

≥ Published content can be Flash-based, HTML5, or iOS (Apple

devices) or all three at once!

≥ Windows-only software
— But runs with Parallels on the Mac
©Fredrickson Communications 2012
What Is Articulate Storyline

≥ Storyline bears the typical Articulate promise of being able to

do advanced things without being a programmer.
— Imagine taking a lot of what a programmer can do in native
Flash and giving some of that power to non-programmers
through an easy-to-use interface
— Started with Presenter—now extending that even further
with Storyline
— Some sense of programming concepts will help
— Some really advanced things may require more (more the
exception than the rule)

©Fredrickson Communications 2012

What Articulate Storyline Is
My personal equation . . .
— A lot (but not all) of Articulate Presenter
+ All of Articulate Quizmaker
+ A lot of Articulate Engage
+ Some of Microsoft PowerPoint
+ Some of the best features of Captivate/Camtasia/Screenr
+ Some of the programmability of Flash
+ Plus some other goodness

= Articulate Storyline
©Fredrickson Communications 2012
Important: First Version of Storyline

≥ Was just released the first week

of May 2012
≥ Remember: Still version 1 of the
tool and while not “perfect” is
already very mature
≥ Storyline, IMVHO, has a very
bright future
≥ Articulate to push improving
Storyline hard?

©Fredrickson Communications 2012

Early Reviews – Almost All Very Positive

≥ Kineo http://www.kineo.com/zh/authoring-tools/articulate-storyline-review.html
≥ This Week in mLearning Podcast
http://rjacquez.com/this-week-in-mlearning-podcast-a-review-of-articulate-storyline-
episode-5
≥ Is Articulate Storyline Any Good? http://aurionlearning.wordpress.com/2012/05/22/is-
articulate-storyline-any-good/
≥ Game Changer for the E-Learning Industry
http://afr.com/p/technology/game_changer_for_the_learning_industry_DmdOPfNTc9h2yq
GTC0AZML
≥ Why Articulate Storyline Is My Go-To Authoring Tool
http://www.suddeninsight.com/why-articulate-storyline-is-my-go-to-authoring-tool/
≥ Learning Solutions Magazine
http://www.learningsolutionsmag.com/articles/931/articulate-storyline-a-brand-new-
elearning-development-tool

©Fredrickson Communications 2012

Early Reviews – Almost All Very Positive

≥ Articulate Storyline First Impressions

http://www.designedforlearning.co.uk/articulate-storyline-first-impressions/
≥ E-Learning 24/7 Blog http://elearninfo247.com/2012/06/04/product-review-articulate-
storyline/
≥ Our Thoughts On Articulate Storyline (with link to podcast)
http://elearninguncovered.com/2012/05/our-thoughts-on-articulate-storyline/
≥ Technically Speaking – Articulate Storyline
http://technicallysqueaking.blogspot.com/2012/06/articulate-storyline.html
≥ Clever, Cool and Creative….Nice to Meet You Articulate Storyline!
http://bonlinelearningcom.web10.hubspot.com/elearning-blog/bid/127102/Clever-Cool-
and-Creative-Nice-to-Meet-You-Articulate-Storyline
≥ 3 Defining Features of Articulate Storyline
http://blog.integratedlearningservices.com/2012/05/3-defining-features-of-articulate.html

©Fredrickson Communications 2012

Strengths and Opportunities For Improvements

Some Strengths: Some Opportunities for Improvement:

≥ Ease of authoring ≥ Limited animations and shapes
≥ Intuitive user interface ≥ Text editing/features could be better (yet what e-
≥ Templates learning tool is good at this?)
≥ Importing content from other projects ≥ Few more programming additions would be nice
≥ Characters ≥ Translation ease
≥ Easy interactivity via triggers, variables, ≥ Even better Section 508
timeline, layers, and object states ≥ Some features could be deeper and even easier
≥ Flexible quizzing ≥ Multiple monitor support/movable panes
≥ Easy (and reusable) screen recording ≥ Access to system variables
≥ Mobile publishing ≥ Parity in functionality between outputs
≥ Improved Section 508 ≥ Some more of Presenter’s features used
≥ Right-to-left language support
≥ Sharing of templates and interactions
≥ Lightbox slides
≥ Easy drag and drop interactions
≥ Many features work and feel like
PowerPoint
≥ Three publishing options

©Fredrickson Communications 2012

Is Articulate Storyline for Everyone?

IMVHO, no, not really . . .

≥ If you have basic computer skills . . .

≥ If you cannot grasp some simple programming constructs . . .
≥ If you struggle with PowerPoint, Articulate Presenter,
Articulate Quizmaker and Articulate Engage . . .
≥ If your e-learning needs are very simple . . .
≥ If you only develop e-learning courses “now and then” . . .

Then perhaps Articulate Storyline is not for you.

©Fredrickson Communications 2012

Where Does Storyline Fit?
For SME’s For Programmers
Flash

Very Powerful
and Versatile Articulate
Storyline

Articulate
Suite 09

Some Power
and Versatility
Early Articulate
Presenter
©Fredrickson Communications 2012
Does Storyline Replace The Articulate Suite?

≥ No—Presenter, Quizmaker and Engage are NOT going away.

≥ In fact, Studio ’12 is coming soon. See a preview
(http://www.articulate.com/products/studio-preview.php).

©Fredrickson Communications 2012

Articulate Storyline or the Articulate Suite?

From the Articulate site:

©Fredrickson Communications 2012

©Fredrickson Communications 2012
 In This Section
3. mLearning, HTML5,

1. If You Get Nothing Else From Today . . .

2. What is Adobe Flash?
3. What is HTML5?
4. What is iOS?
5. So What’s the Fuss?
6. HTML5 Support Varies Among Browsers
Flash & iOS

7. Storyline Support for Flash, HTML5 and iOS

8. For Viewing iOS Storyline Content
9. How Storyline Courses Work for Desktop and Mobile
10. Articulate Storyline—Best for mLearning?
11. The Bottom Line
If You Get Nothing Else From Today . . .
We’re in crazy time . . .

“Old” “New”
Technology: Technology:
Flash, HTML HTML5, iOS

©Fredrickson Communications 2012

What Is Flash?

©Fredrickson Communications 2012

What Is HTML5?

©Fredrickson Communications 2012

What Is iOS?

©Fredrickson Communications 2012

So What’s The Fuss?

≥ HTML5 is a standard still under development and not ratified

≥ Not all browsers support HTML5 equally—politics?
≥ HTML5 abilities ≠ Flash’s abilities
≥ iOS abilities ≠ Flash’s abilities
≥ iOS communication with a LMS can be a challenge
≥ iOS supports different interface elements and navigation

≥ All this makes designing e-learning authoring tools difficult in

the short-term and difficult for e-learning developers to keep
track of all the exceptions

©Fredrickson Communications 2012

HTML5 Support Varies Among Browsers
http://html5test.com

©Fredrickson Communications 2012

 Storyline Support for Flash, HTML5, and iOS
http://www.articulate.com/support/kb_article.php?product=st1&id=1568gg1ayot2

©Fredrickson Communications 2012

For Viewing iOS Storyline Content

≥ Articulate supplies a free player: The Articulate Mobile Player

≥ Install from the Apple AppStore
≥ For iPad only
≥ Helps with media-rich Storyline courses

©Fredrickson Communications 2012

©Fredrickson Communications 2012
How Storyline Courses Work for Desktop and Mobile

When publishing your

Storyline course, you can
include HTML5 and iOS
support with Flash.

©Fredrickson Communications 2012

When the learner launches a course . . .

©Fredrickson Communications 2012

Articulate Storyline – Best for mLearning?

≥ Articulate Storyline, and its approach of publishing to multiple platforms, may

right now be the best application out there for developing mLearning.
≥ One caution: We’re still at the bleeding edge of things with mLearning.
— Note: Not discussing designing for mobile or different devices.
≥ Still bugs and other issues to work through
≥ As good as Articulate is, they’re still sifting through
things and technologies are still evolving.
≥ But they have the “trifecta for developer success.”
— Leading software that is easy to use, produced
by people that get learning
— Leading support after the sale
— Leading resources after the sale
to make you successful

©Fredrickson Communications 2012

The Bottom Line

≥ It may be darn-near impossible to create a highly

interactive, media-rich e-learning course that
works the same as a Flash version, as a HTML5
version and as an iOS version.
— Bound to be compromises, differences, and
some features that work on one platform but
not on another
≥ If you commission a developer to produce a single
e-learning course that plays in Flash, HTML5 and
iOS, don’t be surprised if it’s a challenge.
— You may, in some circumstances, need three
separate versions developed or a very simple
course
— Don’t beat up the developers or vendors!

©Fredrickson Communications 2012

4. Strategic Implications In This Section
1. What Storyline Gives An Organization
2. The Articulate – PowerPoint “Eco-System”
3. Articulate Storyline Resources For Your Success
What Storyline Gives An Organization

≥ No longer need fancy, custom Flash programming for many things

≥ Vendors should be able to do some interactive things easier (and
cheaper)
≥ If you’re already use Articulate, you now have an advanced tool
(Storyline) to go with your beginning-to-intermediate tools (Articulate
09 Suite)
≥ Experienced Articulate developers now have a growth path and can do
more
≥ Even more so than before, an organization can insist that custom
development be done in an Articulate tool—Storyline
≥ Reusable content - the “Articulate eco-system”
≥ Worldwide, world-class support and community and many free
resources “after-the-sale”
©Fredrickson Communications 2012
The Articulate-PowerPoint “Eco-System”

≥ An organization’s investment in the current Articulate Suite can

be repurposed
≥ Integrated tools
≥ PowerPoint can continue to be leveraged as a source of content
≥ Projects start out in PowerPoint or the Articulate Suite and then
moved to Storyline or can be done totally in Storyline
≥ All or parts of other Storyline projects
can be re-purposed in new Storyline projects

©Fredrickson Communications 2012

More advanced
projects
and intermediate-to-
advanced
developers:
Optional sources of content
for advanced projects

with Presenter

©Fredrickson Communications 2012

Articulate Storyline Resources For Your Success

≥ The Articulate Community Forum for Storyline

(http://community.articulate.com/forums/65.aspx)
≥ Tutorials to learn Storyline
(http://community.articulate.com/tutorials/products/articulate-storyline.aspx)
≥ Free resources (http://community.articulate.com/downloads/)
≥ Storyline Knowledgebase
(http://www.articulate.com/support/kb.php?product=st1)
≥ Free support (though Platinum support may be recommended)
http://www.articulate.com/support/contact/
≥ Submit requests for new features
http://www.articulate.com/support/contact/submit.php?form=feature
≥ Third-book books and web sites (http://storylineauthors.com/)
≥ SDK coming for advanced developers
≥ Blogs and social media
— Rapid E-learning Blog ( http://www.articulate.com/rapid-elearning/)
— Articulate Word-of-Mouth Blog (http://www.articulate.com/blog/)
— Articulate on Twitter (https://twitter.com)
— Articulate Community Blogs (http://community.articulate.com/blogs/)

©Fredrickson Communications 2012

5. Key Storyline Features In This Section
1. Let’s Look At Storyline

Articulate Storyline Is Both A . . .

and a
Let’s Look At Storyline

Demo of the tool:

≥ The UI
≥ Scenes
≥ Slides
≥ Ribbons
≥ Timeline
≥ Triggers and Actions
≥ Variables
≥ Object States
≥ Ribbon
≥ Player
≥ Lightbox Slide
≥ Characters
≥ Screencasting
≥ Flexible quizzing
©Fredrickson Communications 2012
6. Storyline Demos In This Section
1. Hands-On Demos
2. Demo Content
Hands-On Demos

≥ Drag and drop

≥ Hover tip
≥ View all content before moving on

©Fredrickson Communications 2012

Demo Content

Articulate Showcase:
• Sales Orientation
http://articulate.demos.s3.amazonaws.com/sales_orientation/story.html
• SMS Treasure
http://articulate.demos.s3.amazonaws.com/sms_treasure/story.html
• Broken Co-Worker
http://articulate.demos.s3.amazonaws.com/broken_co-worker/story.html
• Avoiding Meeting Missteps
http://articulate.demos.s3.amazonaws.com/avoiding_meeting_missteps/story.html
• The Right Time, The Right Style
http://articulate.demos.s3.amazonaws.com/right_time_right_style/story.html
• DC Fundamentals
http://articulate.demos.s3.amazonaws.com/dc_fundamentals/story.html

©Fredrickson Communications 2012

Demo Content

Articulate Showcase:
• Enders Collection
http://articulate.demos.s3.amazonaws.com/enders_collection/story.html
• Social Media Guidelines at Hitachi Data Systems
http://articulate.demos.s3.amazonaws.com/HDS_Social_Media/story.html
• U.S. State Capitals
http://articulate.demos.s3.amazonaws.com/us_capitols/story.html
• Recycling
http://articulate.demos.s3.amazonaws.com/recycling/story.html
• Are You Busy?
http://articulate.demos.s3.amazonaws.com/are_you_busy/story.html

©Fredrickson Communications 2012

Demo Content

Articulate Showcase:
• State Facts
http://articulate.demos.s3.amazonaws.com/state_facts/story.html
• Periodic Table
http://articulate.demos.s3.amazonaws.com/periodic_table/story.html
• Green Monster
http://articulate.demos.s3.amazonaws.com/green-monster/story.html
• HP Envy Laptop
http://articulate.demos.s3.amazonaws.com/HP-Envy-Demo/story.html
• Pandemic Flu Clinic
http://articulate.demos.s3.amazonaws.com/pandemic_flu/story.html

©Fredrickson Communications 2012

Demo Content

Articulate Showcase:
• Creating Effective Meetings
http://articulate.demos.s3.amazonaws.com/CreatingEffectiveMeetings/story.html
• The New $5 Bill
http://articulate.demos.s3.amazonaws.com/FiveDollarNote/story.html
• Optical Illusion
http://articulate.demos.s3.amazonaws.com/OpticalIllusion/story.html
• Hangman Game
http://articulate.demos.s3.amazonaws.com/HangmanGame/story.html
• Bananas
http://articulate.demos.s3.amazonaws.com/bananas/story.html

©Fredrickson Communications 2012

Demo Content

My Work:
• Escape From the Learning Lab (beta)
https://s3.amazonaws.com/GJW-SL/ELL/launcher.html
• I’m From Minnesota (beta)
https://s3.amazonaws.com/GJW-SL/Minnesota/story.html
• Christmas Card (beta)
https://dl.dropbox.com/u/21556107/Christmas-Card/launcher.html
• 3M Environmental Health and Safety
https://s3.amazonaws.com/GJW-LPA-Redo/EHS/story.html

©Fredrickson Communications 2012

7. Conclusion
This Presentation
mLearning,
Introduction Introducing HTML5, Flash
Storyline and iOS

Strategic Key Features Demos

Implications
Tools That Help Us Reach Our Purpose . . .

≥ Are important
≥ One reminder why we do this and why tools like
Storyline help us get there
https://s3.amazonaws.com/GJW-SL/Leaders-As-
Developers-v3/launcher.html#
Thank You

≥ Questions or comments?
≥ Thanks for the opportunity to speak—hope you found it of
value
≥ Shameless plug: Frederickson Communications has Storyline
capability
≥ Gerry Wasiluk – gerrywaz@comcast.net