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

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

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

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)• melissa@easelsolutions.com

nebraska trainer's institute elearning presentaiotn

Technology

eep trainer's manual - management section

workshop 3 trainer's guide

module 6 trainer's guide

the story of god trainer's guide

gender mainstreaming-trainer's manual

the celta course trainer's manual

volume 2, issue 2 connections page ppaaggee page 1111...

a trainer's handbook

eep trainer's manual: operations

myportfolio - a trainer's perspective

budgeting trainer's guide

trainer's guide

trainer's road map

trainer's association - talk on social media

no-scalpel vasectomy - trainer's guide

pcm trainer's mannual - mch chdp

trainer's guide - pathfinder international

2014 trainer's directory

the personal trainer's money making workbook

the lean trainer's paradox