Nebraska Trainer's Institute eLearning Presentaiotn

646 views

Published on

This presentation covered a few eLearning development tools as well as some mLearning Strategies. It was delivered during a ASTD Nebraska 2012 Trainer's Institute session.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
646
On SlideShare
0
From Embeds
0
Number of Embeds
95
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Nebraska Trainer's Institute eLearning Presentaiotn

  1. 1. Working With eLearning SoftwareDustin Tauer :: Easel Solutionshttp://easel.adobeconnect.com/ti @dtauer :: @easelsolutions :: @ASTDNebraska
  2. 2. Dustin TauerDeveloper (11 years) Instructor (7 years) Web :: Mobile :: eLearning@dtauer :: @easelsolutions :: @ASTDNebraska
  3. 3. Easel Solutions Training • Design, Web, Mobile, eLearning, Strategy, Social, etc. Customized Training Consulting Adobe Connect We like finding solutions @dtauer :: @easelsolutions :: @ASTDNebraska
  4. 4. The Plan4 hours of eLearning goodnessBreak about 3:00pm @dtauer :: @easelsolutions :: @ASTDNebraska
  5. 5. The Plan• Talk about tools• eLearning/mLearning Tips• Hands on with Captivate 6 @dtauer :: @easelsolutions :: @ASTDNebraska
  6. 6. Got Questions?Interrupt me :: Use chat pod :: Set status @dtauer :: @easelsolutions :: @ASTDNebraska
  7. 7. Adobe CaptivateHelps you rapidly author a wide range ofinteractive eLearning and HTML5-basedmLearning content. @dtauer :: @easelsolutions :: @ASTDNebraska
  8. 8. 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
  9. 9. Adobe PresenterCommunicate more effectively with engagingvideos and interactive presentations created inMicrosoft PowerPoint. @dtauer :: @easelsolutions :: @ASTDNebraska
  10. 10. 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
  11. 11. mLearningeLearning gone mobile @dtauer :: @easelsolutions :: @ASTDNebraska
  12. 12. The ProblemUsers want eLearning on a mobiledevice @dtauer :: @easelsolutions :: @ASTDNebraska
  13. 13. The Real ProblemUsers want eLearning on a mobile devicethat does not support Flash @dtauer :: @easelsolutions :: @ASTDNebraska
  14. 14. Solution OnePublish content targeting a specificdevice or platform @dtauer :: @easelsolutions :: @ASTDNebraska
  15. 15. Solution TwoPublish content that works everywhere (noFlash) @dtauer :: @easelsolutions :: @ASTDNebraska
  16. 16. Let’s talk about Flash@dtauer :: @easelsolutions :: @ASTDNebraska
  17. 17. 11/09/2011: Adobe said,“We will no longer continue to developFlash Player in the browser to workwith new mobile devices” @dtauer :: @easelsolutions :: @ASTDNebraska
  18. 18. What it meansAdobe is no longer developing newversions of the Flash Player formobile web browsers @dtauer :: @easelsolutions :: @ASTDNebraska
  19. 19. What the media heardAdobe is giving up on mobile devicesand the Flash Player is dead. Anyonestill using Flash is stupid. @dtauer :: @easelsolutions :: @ASTDNebraska
  20. 20. Conclusion?Adobe stopped developing plugins for amedium nobody is using. @dtauer :: @easelsolutions :: @ASTDNebraska
  21. 21. Conclusion?Nothing is changing @dtauer :: @easelsolutions :: @ASTDNebraska
  22. 22. Flash and eLearningeLearning is heavily reliant on Flash. @dtauer :: @easelsolutions :: @ASTDNebraska
  23. 23. Flash and mLearningDo we have to learn new tools? No!*Abandon our existing courses? No! @dtauer :: @easelsolutions :: @ASTDNebraska
  24. 24. mLearningCreate content that fits the user.Don’t ask the users to fit the content. @dtauer :: @easelsolutions :: @ASTDNebraska
  25. 25. HTML5The elephant in the room @dtauer :: @easelsolutions :: @ASTDNebraska
  26. 26. “Just build it in HTML5” ( Sigh )@dtauer :: @easelsolutions :: @ASTDNebraska
  27. 27. HTML5 does not equal MobileHTML5 is a set of features added to HTMLthat give websites additional/consistentfunctionality.HTML5 = HTML + CSS + JavaScript @dtauer :: @easelsolutions :: @ASTDNebraska
  28. 28. HTML5 does not equal MobileMobile browser evolve faster thandesktop browser and support more HTML5features. It’s still a work in progress. @dtauer :: @easelsolutions :: @ASTDNebraska
  29. 29. Mobile is hardSo is devising an mLearning strategy. @dtauer :: @easelsolutions :: @ASTDNebraska
  30. 30. Do you need mLearning?Ask yourself a few easy questions. @dtauer :: @easelsolutions :: @ASTDNebraska
  31. 31. 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
  32. 32. 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
  33. 33. Designing mLearningGraphical, not instructional @dtauer :: @easelsolutions :: @ASTDNebraska
  34. 34. 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
  35. 35. Screens Sizes@dtauer :: @easelsolutions :: @ASTDNebraska
  36. 36. Fingers 44px@dtauer :: @easelsolutions :: @ASTDNebraska
  37. 37. There’s a hand behind every good finger@dtauer :: @easelsolutions :: @ASTDNebraska
  38. 38. TabletsSame as laptops as long as yourecognize the design considerationsof touch-input @dtauer :: @easelsolutions :: @ASTDNebraska
  39. 39. 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
  40. 40. Adobe Presenter@dtauer :: @easelsolutions :: @ASTDNebraska
  41. 41. 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
  42. 42. Adobe PresenterDemo @dtauer :: @easelsolutions :: @ASTDNebraska
  43. 43. Adobe CaptivateHere are a few questions to ask whenstarting a Captivate project. @dtauer :: @easelsolutions :: @ASTDNebraska
  44. 44. Question 1What type of eLearning course do youwant? @dtauer :: @easelsolutions :: @ASTDNebraska
  45. 45. 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
  46. 46. Question 2Who is your target audience? @dtauer :: @easelsolutions :: @ASTDNebraska
  47. 47. 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
  48. 48. Question 3What are you publishing and where are youputting it? @dtauer :: @easelsolutions :: @ASTDNebraska
  49. 49. 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
  50. 50. Task 1: Video Demo Record the screen Edit the video Add some UI elements Publish@dtauer :: @easelsolutions :: @ASTDNebraska
  51. 51. 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
  52. 52. Task 1: Video Demo Record the screen Edit the video Add some UI elements Publish@dtauer :: @easelsolutions :: @ASTDNebraska
  53. 53. Task 2: Simulations Record the screen Add additional slides Add Interactivity Publish@dtauer :: @easelsolutions :: @ASTDNebraska
  54. 54. 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
  55. 55. Task 2: Simulations Record the screen Add additional slides Add Interactivity Publish@dtauer :: @easelsolutions :: @ASTDNebraska
  56. 56. 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

×