nebraska trainer's institute elearning presentaiotn

@dtauer :: @easelsolutions :: @ASTDNebraska

Working With eLearning SoftwareDustin Tauer :: Easel Solutionshttp://easel.adobeconnect.com/ti


Dustin Tauer

Developer (11 years)Instructor (7 years)

Web :: Mobile :: eLearning


Easel SolutionsTraining

• Design, Web, Mobile, eLearning, Strategy, Social, etc.

Customized Training

ConsultingAdobe Connect

We like finding solutions


The Plan4 hours of eLearning goodnessBreak 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 CaptivateHelps you rapidly author a wide range of interactive eLearning and HTML5-based mLearning content.


A few quick Captivate features

Record your screen• Demonstrations,

Simulations, and Assessments

Import PowerPoint Slides

Interactions• Roll-overs, zooming,

charts, widgets, etc.Seamless branching

workflowsEasily add audio and

video

ThemesSpecial Effects

• Reflections, Styles, etcQuizzingSCORM and AICC

CompliantMulti-format

publishingMobile-friendly*

www.adobe.com/captivate


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


A few quick Presenter features

Author in PowerPoint

Easily add audio and video

Interactions• Roll-overs, zooming,

charts, widgets, etc.• Actors

Video Creator• 4-button video

production

ThemesSpecial Effects

• Reflections, Styles, etcQuizzingSCORM and AICC

CompliantMulti-format

publishingMobile-friendly*

adobe.com/products/presenter


mLearningeLearning gone mobile


The ProblemUsers want eLearning on a

mobile device


The Real ProblemUsers want eLearning on a mobile

device that does not support

Flash


Solution OnePublish content targeting a specific device or platform


Solution TwoPublish 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 meansAdobe is no longer developing new versions of the Flash Player for

mobile web browsers


What the media heardAdobe 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 eLearningeLearning is heavily reliant on

Flash.


Flash and

mLearningDo we have to learn new tools?Abandon our existing courses?

No!*No!


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


HTML5The elephant in the room


“Just build it in HTML5”

( Sigh )


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

HTML5 = HTML + CSS + JavaScript


HTML5 does not equal MobileMobile browser evolve faster than desktop browser and support more

HTML5 features. It’s still a work in progress.


Mobile is hardSo 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• Sales• Marketing• Customer Service• Doctors• Engineers

Senior Executives Anyone

IT Application Developers


How do they use their devices?

NEED MOBILE LEARNING DON’T NEED MOBILE LEARNING

Showing Product Demos• Videos• Presentations

Consumption• Job Aids• Process Training• Product/Sales Guides

Email Virtual

Training/Conferencing• Adobe Connect


Designing mLearningGraphical, not instructional


Design Considerations for Mobile UI

Design for immediate accessFingers, 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


TabletsSame as laptops as long as you

recognize the design considerations of touch-input


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


Adobe Presenter


Type of courseVideo 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 PresenterDemo


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


Question 1What type of eLearning course do you want?


Type of courseVideo Demonstration

• Record your screen, publish a video, no interaction

Interactive Demonstration/Simulation• Screen recording, but with interactivity• “Slides” between sections of screen

recordingScenario-based Training

• Teaching soft-skills with lots of branching


Question 2Who is your target audience?


AudiencePlatforms

• 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 3What 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 DemoRecord the screenEdit the videoAdd some UI elementsPublish


Video DemoPerfect 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 1: Video DemoRecord the screenEdit the videoAdd some UI elementsPublish


Task 2: SimulationsRecord the screenAdd additional slidesAdd InteractivityPublish


SimulationsScreen 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


Task 2: SimulationsRecord the screenAdd additional slidesAdd InteractivityPublish


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)• [email protected]

http://blog.easelsolutions.com/

http://www.adobe.com/captivate

http://blog.adobe.com/captivate

http://www.youtube.com/adobeelearning



nebraska trainer's institute elearning presentaiotn

Technology