Nebraska Trainer's Institute eLearning Presentaiotn

Working With eLearning Software
Dustin Tauer :: Easel Solutions
http://easel.adobeconnect.com/ti

@dtauer :: @easelsolutions :: @ASTDNebraska

Dustin Tauer

Developer (11 years)
Instructor (7 years)

Web :: Mobile ::
eLearning


Easel Solutions
 Training
• Design, Web, Mobile,
eLearning, Strategy,
Social, etc.
 Customized Training
 Consulting
 Adobe Connect

We like finding solutions


The Plan
4 hours of eLearning goodness
Break about 3:00pm


The Plan
• Talk about tools
• eLearning/mLearning Tips
• Hands on with Captivate 6


Got Questions?
Interrupt me :: Use chat pod :: Set status


Adobe Captivate
Helps you rapidly author a wide range of
interactive eLearning and HTML5-based
mLearning content.


A few quick Captivate features
 Record your screen  Themes
• Demonstrations, Simul  Special Effects
ations, and • Reflections, Styles, etc
Assessments  Quizzing
 Import PowerPoint  SCORM and AICC
Slides Compliant
 Interactions  Multi-format
• Roll- publishing
overs, zooming, charts,
widgets, etc.
 Mobile-friendly*
 Seamless branching www.adobe.com/captivate
workflows
 Easily add audio and
video

Adobe Presenter
Communicate more effectively with engaging
videos and interactive presentations created in
Microsoft PowerPoint.


A few quick Presenter features
 Author in PowerPoint  Themes
 Easily add audio and  Special Effects
video • Reflections, Styles, etc
 Interactions  Quizzing
• Roll-overs, zooming,  SCORM and AICC
charts, widgets, etc. Compliant
• Actors  Multi-format publishing
 Video Creator  Mobile-friendly*
• 4-button video
production adobe.com/products/presenter


mLearning
eLearning gone mobile


The Problem
Users want eLearning on a mobile
device


The Real Problem
Users want eLearning on a mobile device
that does not support Flash


Solution One
Publish content targeting a specific
device or platform


Solution Two
Publish content that works everywhere (no
Flash)


Let’s talk about Flash


11/09/2011: Adobe said,
“We will no longer continue to develop
Flash Player in the browser to work
with new mobile devices”


What it means
Adobe is no longer developing new
versions of the Flash Player for
mobile web browsers


What the media heard
Adobe is giving up on mobile devices
and the Flash Player is dead. Anyone
still using Flash is stupid.


Conclusion?
Adobe stopped developing plugins for a
medium nobody is using.


Conclusion?
Nothing is changing


Flash and eLearning
eLearning is heavily reliant on Flash.


Flash and mLearning
Do we have to learn new tools? No!*
Abandon our existing courses? No!


mLearning
Create content that fits the user.
Don’t ask the users to fit the content.


HTML5
The elephant in the room


“Just build it in HTML5”

( Sigh )


HTML5 does not equal Mobile
HTML5 is a set of features added to HTML
that give websites additional/consistent
functionality.

HTML5 = HTML + CSS + JavaScript


HTML5 does not equal Mobile
Mobile browser evolve faster than
desktop browser and support more HTML5
features. It’s still a work in progress.


Mobile is hard
So is devising an mLearning strategy.


Do you need mLearning?
Ask yourself a few easy questions.


Who’s getting mobile
devices?
NEED MOBILE LEARNING DON’T NEED MOBILE LEARNING

 General Workforce  IT
• Sales  Application Developers
• Marketing
• Customer Service
• Doctors
• Engineers
 Senior Executives
 Anyone


How do they use their
devices?
NEED MOBILE LEARNING DON’T NEED MOBILE LEARNING

 Showing Product Demos  Email
• Videos  Virtual
• Presentations Training/Conferencing
 Consumption • Adobe Connect
• Job Aids
• Process Training
• Product/Sales Guides


Designing mLearning
Graphical, not instructional


Design Considerations for
Mobile UI
 Design for immediate access
 Fingers, not mice
• No roll-overs
• Careful with “try-me” courses
 Touch feedback is key
• Down-states
 Keep gestures smart and simple
• Or just stick to the tap (click)
 Design for real hand sizes


Screens Sizes


Fingers

44px


There’s a hand behind every good
finger


Tablets
Same as laptops as long as you
recognize the design considerations
of touch-input


Best Stategy?
Test Test Test Test Test Test Test Test Test


Adobe Presenter


Type of course
 Video Courses
• Mixture of slides and “talking head” video
• Mixture of slides and webcam video (changing a
tire)
• Publish as a video (not interactive)
 Interactive Presentation
• PowerPoint on steroids
• Add audio, video, interactivity, quizzes, etc. to
slides
• Create “self-running” presentation

Adobe Presenter
Demo


Adobe Captivate
Here are a few questions to ask when
starting a Captivate project.


Question 1
What type of eLearning course do you
want?


Type of course
 Video Demonstration
• Record your screen, publish a video, no
interaction
 Interactive Demonstration/Simulation
• Screen recording, but with interactivity
• “Slides” between sections of screen recording
 Scenario-based Training
• Teaching soft-skills with lots of branching


Question 2
Who is your target audience?


Audience
 Platforms
• Web, mobile, desktop

 Design Considerations
• Recording Dimensions (i.e. 800x600)
• Size of UI controls (bigger buttons for mobile)
• Themes

 Accessibility Requirements
• Audio, Text-to-voice, Captions, etc.


Question 3
What are you publishing and where are you
putting it?


Publishing
 Publish to the web
• Flash (SWF): Consistent, easy, but not mobile friendly
• HTML5: Works on devices, but has limitations/inconsistencies
• Video (MP4): Plays everyone, consistent, but not interactive
 Publish to LMS (similar to the web)
• SCORM or AICC
• Check LMS for supported formats
 Publish to the Desktop
• Offline
• Good for “reference courses” but not good for tracking


Task 1: Video Demo
Record the screen
Edit the video
Add some UI elements
Publish


Video Demo
 Perfect Screen Capture
• Great for capturing animation and roll-overs

 Add simple UI elements
• Captions, highlights, panning, zooming, etc.

 Can only publish a video
• Not interactive


Task 2: Simulations
Record the screen
Add additional slides
Add Interactivity
Publish


Simulations
 Screen captured as “slides”
• Allows developers to “splice” in additional slides
• Easier Branching
• Show Me, Try Me, Test Me

 Interactive UI Elements
• Roll-over hotspots, quizzes, etc.

 Many publish options


Thanks!
 http://blog.easelsolutions.com
• Slides, Session Files, Resources

 http://www.adobe.com/captivate
• Download a trial, tutorial, features

 http://blog.adobe.com/captivate
• Announcements, resources, etc.

 http://www.youtube.com/adobeelearning
• Videos!

 Melissa Turner (cause she’s awesome)
• melissa@easelsolutions.com


Nebraska Trainer's Institute eLearning Presentaiotn

Recommended

Recommended

More Related Content

What's hot

What's hot (6)

Viewers also liked

Viewers also liked (17)

Similar to Nebraska Trainer's Institute eLearning Presentaiotn

Similar to Nebraska Trainer's Institute eLearning Presentaiotn (20)

More from easelsolutions

More from easelsolutions (6)

Recently uploaded

Recently uploaded (20)

Nebraska Trainer's Institute eLearning Presentaiotn