eLearning and Mobile

980 views

Published on

Presentation for the ASTD Nebraska Chapter on building eLearning for mobile devices.

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

No Downloads
Views
Total views
980
On SlideShare
0
From Embeds
0
Number of Embeds
214
Actions
Shares
0
Downloads
28
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

eLearning and Mobile

  1. 1. Mobile + eLearning Dustin Tauer :: Easel Solutions
  2. 2. Hi, I’m Dustin <ul><li>I Teach </li></ul><ul><li>Flash </li></ul><ul><li>Flex </li></ul><ul><li>jQuery </li></ul><ul><li>Captivate </li></ul><ul><li>Presenter </li></ul><ul><li>Adobe Connect </li></ul><ul><li>I Develop </li></ul><ul><li>Web </li></ul><ul><li>Desktop </li></ul><ul><li>Mobile </li></ul><ul><li>eLearning </li></ul>@dtauer
  3. 3. Easel Solutions <ul><li>Adobe Authorized Training </li></ul><ul><ul><li>Industry Experts | Expert Instructors </li></ul></ul><ul><li>Solutions Provider </li></ul><ul><ul><li>Don’t have time to learn? We’ll do it for you </li></ul></ul><ul><li>Custom Training </li></ul><ul><ul><li>We’ll figure it out, then teach you how </li></ul></ul>@easelsolutions
  4. 4. <ul><li>mLearning eLearning gone mobile </li></ul>
  5. 5. <ul><li>The Problem Users want eLearning on a mobile device </li></ul>
  6. 6. <ul><li>The Real Problem </li></ul><ul><li>Users want eLearning on a mobile device that does not support Flash </li></ul>
  7. 7. <ul><li>The Solution(s) </li></ul><ul><li>Publish content targeting specific devices </li></ul><ul><li>- or - </li></ul><ul><li>Publish content that will work everywhere </li></ul>
  8. 8. <ul><li>Let’s talk about Flash </li></ul>
  9. 9. <ul><li>11/9/2011: Adobe says, </li></ul><ul><li>“ We will no longer continue to develop Flash Player in the browser to work with new mobile devices” </li></ul>
  10. 10. <ul><li>What it means </li></ul><ul><li>After Flash Player 11, Adobe will no longer develop new versions of the Flash Player for mobile device web browsers . </li></ul>
  11. 11. <ul><li>What the media heard </li></ul><ul><li>Adobe is giving up on mobile devices and the Flash Player is dead. Anyone still using Flash is stupid . </li></ul>
  12. 12. <ul><li>The Truth? </li></ul><ul><li>Nothing is going to change | Here’s why </li></ul>
  13. 13. <ul><li>I’ve been developing Flash applications for 10+ years. I consider myself and expert. </li></ul><ul><li>I’ve never once made and “mobile Flash website” </li></ul><ul><li>I don’t know anyone who has </li></ul><ul><li>Adobe is no longer developing a Flash plugin for a medium nobody is using </li></ul>
  14. 14. <ul><li>Flash and eLearning </li></ul><ul><li>The eLearning field is heavily reliant on Flash. Do we have to learn new tools? Abandon our existing courses? Where do I start? </li></ul>No No Right Here
  15. 15. <ul><li>Disclaimer </li></ul><ul><li>I’m talking about techniques that work today </li></ul>
  16. 16. <ul><li>Disclaimer </li></ul><ul><li>Tools will evolve . Better techniques will emerge. </li></ul>
  17. 17. <ul><li>Stay Current </li></ul><ul><li>@dtauer @easelsolutions http://blog.easelsolutions.com </li></ul>
  18. 18. <ul><li>Two Approaches for Mobile </li></ul><ul><li>Web Course on your website or in an Learning Management System </li></ul><ul><li>- or - </li></ul><ul><li>Mobile App that will be installed on the devices of your users or added to an app store </li></ul>
  19. 19. Web-based Course <ul><li>Pros </li></ul><ul><li>One course for everyone </li></ul><ul><ul><li>http://site.com/course1 </li></ul></ul><ul><li>It’s the exact same thing you’ve been doing </li></ul><ul><li>LMS integration is easy </li></ul><ul><li>Need to update? Just replace existing course on server </li></ul><ul><li>Cons </li></ul><ul><li>One course for everyone </li></ul><ul><ul><li>Screen resolution </li></ul></ul><ul><li>Users MUST have an internet connection </li></ul><ul><ul><li>Can you hear me now? </li></ul></ul><ul><li>Many LMS interfaces are Flash-based </li></ul>
  20. 20. Web-based Course <ul><li>Best Use Cases </li></ul><ul><li>You’re creating non-Flash content that needs to communicate with an LMS </li></ul><ul><li>You want to create an online repository of instructional material </li></ul><ul><li>Video </li></ul>
  21. 21. Mobile App <ul><li>Pros </li></ul><ul><li>Offline </li></ul><ul><ul><li>No Internet needed </li></ul></ul><ul><li>Better performance </li></ul><ul><li>Sell course in an app store </li></ul><ul><li>Tailor content to fit the device </li></ul><ul><li>Cons </li></ul><ul><li>Need to publish for each device </li></ul><ul><li>Distribution can be tricky </li></ul><ul><li>LMS integration can be tricky </li></ul><ul><li>More steps in the process </li></ul><ul><ul><li>$$$ </li></ul></ul>
  22. 22. Mobile App <ul><li>Best Use Cases </li></ul><ul><li>Users need a reference guide when on the go (offline) </li></ul><ul><li>Content that doesn’t change or need frequent updating </li></ul><ul><li>Performance </li></ul>
  23. 23. <ul><li>Choose the right tool </li></ul><ul><li>Even if you aren’t ready for mobile yet, be thinking about it. Choose a tool that’s thinking about it too. </li></ul>
  24. 24. <ul><li>The Process </li></ul><ul><li>I’m using Captivate </li></ul>
  25. 25. <ul><li>The Process </li></ul><ul><li>I’ll publish a Flash file </li></ul>
  26. 26. <ul><li>The Process </li></ul><ul><li>I’ll convert the Flash file to HTML/CSS/JavaScript </li></ul><ul><li>http://labs.adobe.com/technologies/captivate_html5/ </li></ul>
  27. 27. <ul><li>You now have an iPad-compatible course for your LMS or website </li></ul>
  28. 28. <ul><li>What about a mobile app? </li></ul><ul><li>Create a native application by packaging your course with PhoneGap </li></ul><ul><li>http://www.phonegap.com </li></ul>
  29. 29. <ul><li>Screen Size </li></ul><ul><li>It might be easiest to make it perfect on one device and just OK on the rest </li></ul>
  30. 30. <ul><li>{ iPad: 1024 x 768 } </li></ul>
  31. 31. iPad { 1024 x 768 }
  32. 32. iPhone 4 { 960 x 640 }
  33. 33. EVO 3D { 960 x 540 }
  34. 34. XOOM { 1280 x 800 }
  35. 35. <ul><li>{ Demo } </li></ul>
  36. 36. <ul><li>{ Thank you } </li></ul>

×