Your SlideShare is downloading. ×
  • Like
Strategies for Mobile eLearning
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Strategies for Mobile eLearning

  • 471 views
Published

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

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

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
471
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
19
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Strategies for MobileeLearningDustin Tauer :: Easel Solution @dtauer :: @easelsolutions :: @astdtcc
  • 2. Dustin TauerDeveloper (11 years) Instructor (7 years) Web :: Mobile :: eLearning @dtauer :: @easelsolutions :: @astdtcc
  • 3. Easel Solutions Training • Design, Web, Mobile, eLearning, Strategy, Social, etc. Customized Training Consulting Adobe Connect @dtauer :: @easelsolutions :: @astdtcc
  • 4. Slides :: Files ::Resourceshttp://blog.easelsolutions.com @dtauer :: @easelsolutions :: @astdtcc
  • 5. mLearningeLearning gone mobile @dtauer :: @easelsolutions :: @astdtcc
  • 6. The ProblemUsers want eLearning on a mobiledevice @dtauer :: @easelsolutions :: @astdtcc
  • 7. The Real ProblemUsers want eLearning on a mobile devicethatdoes not support Flash @dtauer :: @easelsolutions :: @astdtcc
  • 8. Solution OnePublish content targeting a specificdevice or platform @dtauer :: @easelsolutions :: @astdtcc
  • 9. Solution TwoPublish content that works everywhere (noFlash) @dtauer :: @easelsolutions :: @astdtcc
  • 10. Let’s talk about Flash @dtauer :: @easelsolutions :: @astdtcc
  • 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. What it meansAdobe is no longer developing newversions of the Flash Player formobile web browsers @dtauer :: @easelsolutions :: @astdtcc
  • 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. Conclusion?Adobe stopped developing plugins for amedium nobody is using. @dtauer :: @easelsolutions :: @astdtcc
  • 15. Conclusion?Nothing is changing @dtauer :: @easelsolutions :: @astdtcc
  • 16. Flash and eLearningeLearning is heavily reliant on Flash. @dtauer :: @easelsolutions :: @astdtcc
  • 17. Flash and mLearningDo we have to learn new tools? No!Abandon our existing courses? No! @dtauer :: @easelsolutions :: @astdtcc
  • 18. mLearningCreate content that fits the user.Don’t ask the users to fit the content. @dtauer :: @easelsolutions :: @astdtcc
  • 19. HTML5The elephant in the room @dtauer :: @easelsolutions :: @astdtcc
  • 20. “Just build it in HTML5” ( Sigh ) @dtauer :: @easelsolutions :: @astdtcc
  • 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. 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. Mobile is hardSo is devising an mLearning strategy.That’s why you are here. @dtauer :: @easelsolutions :: @astdtcc
  • 24. Do you need mLearning?Ask yourself a few easy questions. @dtauer :: @easelsolutions :: @astdtcc
  • 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. 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. Designing mLearningGraphical, not instructional @dtauer :: @easelsolutions :: @astdtcc
  • 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. Screens Sizes @dtauer :: @easelsolutions :: @astdtcc
  • 30. Fingers 44px@dtauer :: @easelsolutions :: @astdtcc
  • 31. There’s a hand behind every good finger @dtauer :: @easelsolutions :: @astdtcc
  • 32. TabletsSame as laptops as long as yourecognize the design considerationsof touch-input @dtauer :: @easelsolutions :: @astdtcc
  • 33. Developing mLearningChoose your own adventure Web :: Mobile App :: Hybrid @dtauer :: @easelsolutions :: @astdtcc
  • 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. 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. DemoWeb-based Course @dtauer :: @easelsolutions :: @astdtcc
  • 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. 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. 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. DemoMobile App @dtauer :: @easelsolutions :: @astdtcc
  • 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. 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. DemoHybrid App @dtauer :: @easelsolutions :: @astdtcc
  • 44. Thanks! http://blog.easelsolutions.com • Slides, Session Files, Resources Easel Solutions Booth • Stop by and chat @dtauer :: @easelsolutions :: @astdtcc