Strategies for Mobile eLearning

912 views

Published on

This presentation was delivered at the ASTD Twin Cities Regional Conference. It discussed different design and development considerations for mLearning.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
912
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
22
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Strategies for Mobile eLearning

  1. 1. Strategies for MobileeLearningDustin Tauer :: Easel Solution @dtauer :: @easelsolutions :: @astdtcc
  2. 2. Dustin TauerDeveloper (11 years) Instructor (7 years) Web :: Mobile :: eLearning @dtauer :: @easelsolutions :: @astdtcc
  3. 3. Easel Solutions Training • Design, Web, Mobile, eLearning, Strategy, Social, etc. Customized Training Consulting Adobe Connect @dtauer :: @easelsolutions :: @astdtcc
  4. 4. Slides :: Files ::Resourceshttp://blog.easelsolutions.com @dtauer :: @easelsolutions :: @astdtcc
  5. 5. mLearningeLearning gone mobile @dtauer :: @easelsolutions :: @astdtcc
  6. 6. The ProblemUsers want eLearning on a mobiledevice @dtauer :: @easelsolutions :: @astdtcc
  7. 7. The Real ProblemUsers want eLearning on a mobile devicethatdoes not support Flash @dtauer :: @easelsolutions :: @astdtcc
  8. 8. Solution OnePublish content targeting a specificdevice or platform @dtauer :: @easelsolutions :: @astdtcc
  9. 9. Solution TwoPublish content that works everywhere (noFlash) @dtauer :: @easelsolutions :: @astdtcc
  10. 10. Let’s talk about Flash @dtauer :: @easelsolutions :: @astdtcc
  11. 11. 11/09/2011: Adobe said,“We will no longer continue to developFlash Player in the browser to workwith new mobile devices” @dtauer :: @easelsolutions :: @astdtcc
  12. 12. What it meansAdobe is no longer developing newversions of the Flash Player formobile web browsers @dtauer :: @easelsolutions :: @astdtcc
  13. 13. What the media heardAdobe is giving up on mobile devicesand the Flash Player is dead. Anyonestill using Flash is stupid. @dtauer :: @easelsolutions :: @astdtcc
  14. 14. Conclusion?Adobe stopped developing plugins for amedium nobody is using. @dtauer :: @easelsolutions :: @astdtcc
  15. 15. Conclusion?Nothing is changing @dtauer :: @easelsolutions :: @astdtcc
  16. 16. Flash and eLearningeLearning is heavily reliant on Flash. @dtauer :: @easelsolutions :: @astdtcc
  17. 17. Flash and mLearningDo we have to learn new tools? No!Abandon our existing courses? No! @dtauer :: @easelsolutions :: @astdtcc
  18. 18. mLearningCreate content that fits the user.Don’t ask the users to fit the content. @dtauer :: @easelsolutions :: @astdtcc
  19. 19. HTML5The elephant in the room @dtauer :: @easelsolutions :: @astdtcc
  20. 20. “Just build it in HTML5” ( Sigh ) @dtauer :: @easelsolutions :: @astdtcc
  21. 21. HTML5 does not equal MobileHTML5 is a set of features added to HTMLthat give websites additional/consistentfunctionality.HTML5 = HTML + CSS + JavaScript @dtauer :: @easelsolutions :: @astdtcc
  22. 22. HTML5 does not equal MobileMobile browser evolve faster thandesktop browser and support more HTML5features. It’s still a work in progress. @dtauer :: @easelsolutions :: @astdtcc
  23. 23. Mobile is hardSo is devising an mLearning strategy.That’s why you are here. @dtauer :: @easelsolutions :: @astdtcc
  24. 24. Do you need mLearning?Ask yourself a few easy questions. @dtauer :: @easelsolutions :: @astdtcc
  25. 25. Who’s getting mobile devices? DON’T NEED MOBILENEED MOBILE LEARNING LEARNING General Workforce  IT • Sales  Application Developers • Marketing • Customer Service • Doctors • Engineers Senior Executives Anyone @dtauer :: @easelsolutions :: @astdtcc
  26. 26. How do they use their devices? DON’T NEED MOBILENEED MOBILE LEARNING LEARNING Showing Product Demos  Email • Videos  Virtual • Presentations Training/Conferencing Consumption • Adobe Connect • Job Aids • Process Training • Product/Sales Guides @dtauer :: @easelsolutions :: @astdtcc
  27. 27. Designing mLearningGraphical, not instructional @dtauer :: @easelsolutions :: @astdtcc
  28. 28. 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 :: @astdtcc
  29. 29. Screens Sizes @dtauer :: @easelsolutions :: @astdtcc
  30. 30. Fingers 44px@dtauer :: @easelsolutions :: @astdtcc
  31. 31. There’s a hand behind every good finger @dtauer :: @easelsolutions :: @astdtcc
  32. 32. TabletsSame as laptops as long as yourecognize the design considerationsof touch-input @dtauer :: @easelsolutions :: @astdtcc
  33. 33. Developing mLearningChoose your own adventure Web :: Mobile App :: Hybrid @dtauer :: @easelsolutions :: @astdtcc
  34. 34. Web Deployed on a website or in an LMS • Just like you are doing today Published HTML/CSS/JavaScript • “HTML5” Publishing • No Flash allowed Offline is possible (With Code) • Google: HTML5 Offline Application Tools • Adobe Captivate • Articulate Storyline @dtauer :: @easelsolutions :: @astdtcc
  35. 35. WebPROS CONS One course for all  One course for all • www.site.com/course1 • One size doesn’t always fit Same workflow all LMS tracking is easy  Requires and internet Easy to update connection • Just replace the content • Can you hear me now? Pause/Resume across  Many LMS interface are not devices mobile friendly  Inconsistent playback @dtauer :: @easelsolutions :: @astdtcc
  36. 36. DemoWeb-based Course @dtauer :: @easelsolutions :: @astdtcc
  37. 37. Mobile Application Offline • Downloaded and installed on device Tools • PhoneGap: Packages HTML/CSS/JavaScript as native mobile applications  http://build.phonegap.com/ @dtauer :: @easelsolutions :: @astdtcc
  38. 38. Mobile ApplicationPROS CONS Offline  Need to publish for each • No Internet needed device Better performance  LMS integration can be Sell course in an app store tricky Tailor content to fit the  More steps in the process device  $$$ Performance  iOS distribution • Certificate required* @dtauer :: @easelsolutions :: @astdtcc
  39. 39. Understanding iOS CertificatesDEVELOPER CERTIFICATE ENTERPRISE CERTIFICATE $99/year  $299/year Allows developer or  Intended for companies who company to publish apps to create proprietary, in-house App Store iOS apps for internal • ONLY to App Store deployment within the Application listed under company only. certificate-holder’s name  Dun & Bradstreet (D-U-N-S) If application is being sold, number is required Apple gets 30% Need certificate before you start! @dtauer :: @easelsolutions :: @astdtcc
  40. 40. DemoMobile App @dtauer :: @easelsolutions :: @astdtcc
  41. 41. Hybrid Application Download a “shell” or “viewer” application to play the output from an eLearning development tool • Typically free and not branded Tools • Articulate Storyline  Articulate Mobile Player • Adobe Presenter (plugin for PowerPoint)  Adobe Presenter Mobile @dtauer :: @easelsolutions :: @astdtcc
  42. 42. Hybrid ApplicationPROS CONS Online & Offline (most of the  Proprietary time) • Tool-specifc • Sync with LMS  Device Dependent Consistent Playback • i.e. iPad only Bonus Features • Libraries of content • Intuitive UI Controls @dtauer :: @easelsolutions :: @astdtcc
  43. 43. DemoHybrid App @dtauer :: @easelsolutions :: @astdtcc
  44. 44. Thanks! http://blog.easelsolutions.com • Slides, Session Files, Resources Easel Solutions Booth • Stop by and chat @dtauer :: @easelsolutions :: @astdtcc

×