Nebraska Trainer's Institute eLearning Presentaiotn

Working With eLearning SoftwareDustin Tauer :: Easel Solutionshttp://easel.adobeconnect.com/ti @dtauer :: @easelsolutions :: @ASTDNebraska

Dustin TauerDeveloper (11 years) Instructor (7 years) Web :: Mobile :: eLearning@dtauer :: @easelsolutions :: @ASTDNebraska

Easel Solutions Training • Design, Web, Mobile, eLearning, Strategy, Social, etc. Customized Training Consulting Adobe Connect We like finding solutions @dtauer :: @easelsolutions :: @ASTDNebraska

The Plan4 hours of eLearning goodnessBreak about 3:00pm @dtauer :: @easelsolutions :: @ASTDNebraska

The Plan• Talk about tools• eLearning/mLearning Tips• Hands on with Captivate 6 @dtauer :: @easelsolutions :: @ASTDNebraska

Got Questions?Interrupt me :: Use chat pod :: Set status @dtauer :: @easelsolutions :: @ASTDNebraska

Adobe CaptivateHelps you rapidly author a wide range ofinteractive eLearning and HTML5-basedmLearning content. @dtauer :: @easelsolutions :: @ASTDNebraska

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 @dtauer :: @easelsolutions :: @ASTDNebraska

Adobe PresenterCommunicate more effectively with engagingvideos and interactive presentations created inMicrosoft PowerPoint. @dtauer :: @easelsolutions :: @ASTDNebraska

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 @dtauer :: @easelsolutions :: @ASTDNebraska

mLearningeLearning gone mobile @dtauer :: @easelsolutions :: @ASTDNebraska

The ProblemUsers want eLearning on a mobiledevice @dtauer :: @easelsolutions :: @ASTDNebraska

The Real ProblemUsers want eLearning on a mobile devicethat does not support Flash @dtauer :: @easelsolutions :: @ASTDNebraska

Solution OnePublish content targeting a specificdevice or platform @dtauer :: @easelsolutions :: @ASTDNebraska

Solution TwoPublish content that works everywhere (noFlash) @dtauer :: @easelsolutions :: @ASTDNebraska

Let’s talk about Flash@dtauer :: @easelsolutions :: @ASTDNebraska

11/09/2011: Adobe said,“We will no longer continue to developFlash Player in the browser to workwith new mobile devices” @dtauer :: @easelsolutions :: @ASTDNebraska

What it meansAdobe is no longer developing newversions of the Flash Player formobile web browsers @dtauer :: @easelsolutions :: @ASTDNebraska

What the media heardAdobe is giving up on mobile devicesand the Flash Player is dead. Anyonestill using Flash is stupid. @dtauer :: @easelsolutions :: @ASTDNebraska

Conclusion?Adobe stopped developing plugins for amedium nobody is using. @dtauer :: @easelsolutions :: @ASTDNebraska

Conclusion?Nothing is changing @dtauer :: @easelsolutions :: @ASTDNebraska

Flash and eLearningeLearning is heavily reliant on Flash. @dtauer :: @easelsolutions :: @ASTDNebraska

Flash and mLearningDo we have to learn new tools? No!*Abandon our existing courses? No! @dtauer :: @easelsolutions :: @ASTDNebraska

mLearningCreate content that fits the user.Don’t ask the users to fit the content. @dtauer :: @easelsolutions :: @ASTDNebraska

HTML5The elephant in the room @dtauer :: @easelsolutions :: @ASTDNebraska

“Just build it in HTML5” ( Sigh )@dtauer :: @easelsolutions :: @ASTDNebraska

HTML5 does not equal MobileHTML5 is a set of features added to HTMLthat give websites additional/consistentfunctionality.HTML5 = HTML + CSS + JavaScript @dtauer :: @easelsolutions :: @ASTDNebraska

HTML5 does not equal MobileMobile browser evolve faster thandesktop browser and support more HTML5features. It’s still a work in progress. @dtauer :: @easelsolutions :: @ASTDNebraska

Mobile is hardSo is devising an mLearning strategy. @dtauer :: @easelsolutions :: @ASTDNebraska

Do you need mLearning?Ask yourself a few easy questions. @dtauer :: @easelsolutions :: @ASTDNebraska

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 @dtauer :: @easelsolutions :: @ASTDNebraska

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 @dtauer :: @easelsolutions :: @ASTDNebraska

Designing mLearningGraphical, not instructional @dtauer :: @easelsolutions :: @ASTDNebraska

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 @dtauer :: @easelsolutions :: @ASTDNebraska

Screens Sizes@dtauer :: @easelsolutions :: @ASTDNebraska

Fingers 44px@dtauer :: @easelsolutions :: @ASTDNebraska

There’s a hand behind every good finger@dtauer :: @easelsolutions :: @ASTDNebraska

TabletsSame as laptops as long as yourecognize the design considerationsof touch-input @dtauer :: @easelsolutions :: @ASTDNebraska

Best Stategy?Test Test Test Test Test Test Test Test TestTest Test Test Test Test Test Test Test TestTest Test Test Test Test Test Test Test Test @dtauer :: @easelsolutions :: @ASTDNebraska

Adobe Presenter@dtauer :: @easelsolutions :: @ASTDNebraska

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 @dtauer :: @easelsolutions :: @ASTDNebraska

Adobe PresenterDemo @dtauer :: @easelsolutions :: @ASTDNebraska

Adobe CaptivateHere are a few questions to ask whenstarting a Captivate project. @dtauer :: @easelsolutions :: @ASTDNebraska

Question 1What type of eLearning course do youwant? @dtauer :: @easelsolutions :: @ASTDNebraska

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 @dtauer :: @easelsolutions :: @ASTDNebraska

Question 2Who is your target audience? @dtauer :: @easelsolutions :: @ASTDNebraska

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. @dtauer :: @easelsolutions :: @ASTDNebraska

Question 3What are you publishing and where are youputting it? @dtauer :: @easelsolutions :: @ASTDNebraska

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 @dtauer :: @easelsolutions :: @ASTDNebraska

Task 1: Video Demo Record the screen Edit the video Add some UI elements Publish@dtauer :: @easelsolutions :: @ASTDNebraska

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 @dtauer :: @easelsolutions :: @ASTDNebraska

Task 1: Video Demo Record the screen Edit the video Add some UI elements Publish@dtauer :: @easelsolutions :: @ASTDNebraska

Task 2: Simulations Record the screen Add additional slides Add Interactivity Publish@dtauer :: @easelsolutions :: @ASTDNebraska

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 @dtauer :: @easelsolutions :: @ASTDNebraska

Task 2: Simulations Record the screen Add additional slides Add Interactivity Publish@dtauer :: @easelsolutions :: @ASTDNebraska

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 @dtauer :: @easelsolutions :: @ASTDNebraska

Nebraska Trainer's Institute eLearning Presentaiotn

by easelsolutions on Nov 01, 2012

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 49

Statistics

Nebraska Trainer’s Institute eLearning Presentaiotn Presentation Transcript