Strategies for Mobile eLearning

738 views
696 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
738
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
21
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

×