How To Convert!The Gory Details (Examples and Tools)
Objectives• Understand that there is no one solution.• Understand that platforms are fragmented• With process, planning an...
We need an App!
There’s an app for that...  • First: It’s a marketing    slogan.  • Now: It’s a C Level directive.  • They don’t know, nor...
You’re left to create learning...  • Do you build an app for    that?  • What purpose does that    serve?  • How do you ge...
This doesn’t exist.
DesignConsiderations
iPhone         4 (115                x58.6m                       m)             Screens are small
iPhone 4 (32             6 dpi)                      But Dense!
iPhone 4                                        s                             iPh one 3g           And Increasing.
Fragmentation
App or Mobile Web?
Some Examples
Safety
Safety
Safety
Hard Skills
Safety
Hard Skills
Onboarding
Onboarding
Onboarding
Onboarding
Onboarding
Onboarding
Learning
Learning
How To Convert!The Gory Details Part 2 - Tools
Inputs and Outputs
Where are you coming from?                       ?• Flash                     ?• Captivate                      ?• Dreamwe...
Basically, there are two output   SWF*                  HTML           *Often video output is wrapped in SWF
SWF? Here are your options • iOS can’t play SWF  • Find an alternate export method (PDF,     HTML)  • Choose to Not Suppor...
HTML? Here are your options • HTML works on most devices!  • Old school Blackberrys are still left out  • Things should be...
Basic Tenets • IA  • Simplify Navigation  • Curate Content • UI/UX  • Limit Input  • Reduce UI Chrome  • Increase button/i...
Flash • Since CS5, output for Android   and iOS (sort of) • Using iOS packager, you can   output to iOS • External SWFs ca...
Captivate • SWF will play on Android • Using iOS packager, you can   technically output to iOS,   though workflow is still ...
Dreamweaver• It’s good ‘ole HTML• Restyle to match mobile• CS5.5 adds Mobile, reinstall  CourseBuilder overtop of it.• eLS...
Articulate • Current Release is focused   on Flash output • Run out to Android via SWF,   Playbook, too. • Layer iOS packa...
Lectora • Current Release is focused on   HTML Output • Rich media/interactivity is not   going to work • Java?! • Run out...
Rapid Intake • Current Release is focused   on Flash output • They have a new mobile   product - mLearning   Studio • No d...
Camtasia• Current Release is focused on  Flash output• It is possible to output mobile  formatted video• More advanced fea...
PowerPoint• Web output doesn’t come with it  out of the box for Mac• There are some add-ons available  to help you• You ca...
PDFs• Virtually all devices can read these  documents• Pinch and Zoom Nightmare?• Advanced features are not  guaranteed• C...
Web• Consider Wordpress or Drupal• Both have huge communities• Some SCORM support• Both have great mobile toolkits!• If yo...
Making sense of it all.
Deploying to the cloud
Deploying to Learners • Mobile Web is easiest path • Secured Apps up in the Store -   Freightliner • MAM Solutions • MDM S...
Demos
Next Steps• Examine your toolkit  for mobile  deployment options  and add-ons• Download the  simulators, but look  for use...
In Closing.•   SWF or HTML? Use the base    output format to determine    your path•   Haven’t standardized on a    platfo...
How to Convert Your eLearning to Mobile
How to Convert Your eLearning to Mobile
Upcoming SlideShare
Loading in …5
×

How to Convert Your eLearning to Mobile

2,097 views

Published on

Client identities have been redacted.

http://www.elearningguild.com/mLearnCon/content/1611/mlearncon---certificate-programs/

Published in: Technology
1 Comment
2 Likes
Statistics
Notes
  • mobile learning is increasingly becoming popular.
    nice one!
    thanks for sharing :)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
2,097
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
68
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • no freelancers, no new employees\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Atlantic Link - Says they have mobile support, but it’s all dependant on Flash. It’s outdated information.\n
  • \n
  • \n
  • \n
  • Moving from a desktop to mobile \n
  • \n
  • \n
  • \n
  • Articulate’s output is too sliced up to use with the packager.\n
  • Some Lectora content relies on Applets, these portions will not work.\n
  • The only pages that work in mlearning right now are Video, text and video, image, text and image, quiz page but only multiple choice true/false questions work in mlearning right now. Those are the only ones that will be available during the initial release. More will be available shortly after release\n\nAnd what happens to a 1024x768 or 800x600 resolution design when it get sported over? is it scaled?\nJohn: [09:51] yes\nchad: [09:51] ok. thanks so much. i look forward to trying your product out.\n[09:51] is it possible to output an mlearning course as an iPhone app from your product at this time?\nJohn: [09:52] Right now it is all web based, there is not a way to create an app out of it.\nchad: [09:52] ok, i appreciate your guidance on this. thanks for your time. have a great day.\n\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • How to Convert Your eLearning to Mobile

    1. 1. How To Convert!The Gory Details (Examples and Tools)
    2. 2. Objectives• Understand that there is no one solution.• Understand that platforms are fragmented• With process, planning and consideration, the solutions can be met successfully
    3. 3. We need an App!
    4. 4. There’s an app for that... • First: It’s a marketing slogan. • Now: It’s a C Level directive. • They don’t know, nor they care how it happens • They don’t know the tools typically involved in developing mobile apps
    5. 5. You’re left to create learning... • Do you build an app for that? • What purpose does that serve? • How do you get smart about mobile development in time? • You can’t hire anyone!
    6. 6. This doesn’t exist.
    7. 7. DesignConsiderations
    8. 8. iPhone 4 (115 x58.6m m) Screens are small
    9. 9. iPhone 4 (32 6 dpi) But Dense!
    10. 10. iPhone 4 s iPh one 3g And Increasing.
    11. 11. Fragmentation
    12. 12. App or Mobile Web?
    13. 13. Some Examples
    14. 14. Safety
    15. 15. Safety
    16. 16. Safety
    17. 17. Hard Skills
    18. 18. Safety
    19. 19. Hard Skills
    20. 20. Onboarding
    21. 21. Onboarding
    22. 22. Onboarding
    23. 23. Onboarding
    24. 24. Onboarding
    25. 25. Onboarding
    26. 26. Learning
    27. 27. Learning
    28. 28. How To Convert!The Gory Details Part 2 - Tools
    29. 29. Inputs and Outputs
    30. 30. Where are you coming from? ?• Flash ?• Captivate ?• Dreamweaver ?• Articulate ?• Lectora• Rapid Intake• Camtasia• PowerPoint• Others?
    31. 31. Basically, there are two output SWF* HTML *Often video output is wrapped in SWF
    32. 32. SWF? Here are your options • iOS can’t play SWF • Find an alternate export method (PDF, HTML) • Choose to Not Support iOS • Re-architect and Bundle Your SWF as an App?! • Items still need to be Redesigned • 44px Rule – TapWorthy (actually it’s 1cm)
    33. 33. HTML? Here are your options • HTML works on most devices! • Old school Blackberrys are still left out • Things should be optimized • App output is a tad trickier • Items still need to be redesigned • 44px Rule – TapWorthy (actually it’s 1cm) • Some interactions and widgets will need to be changed
    34. 34. Basic Tenets • IA • Simplify Navigation • Curate Content • UI/UX • Limit Input • Reduce UI Chrome • Increase button/input size
    35. 35. Flash • Since CS5, output for Android and iOS (sort of) • Using iOS packager, you can output to iOS • External SWFs can not have any logic in them • Video Playback is spotty • AIR 2.7 is just around the corner • Learning interaction still work • Wallaby and HTML5?!
    36. 36. Captivate • SWF will play on Android • Using iOS packager, you can technically output to iOS, though workflow is still not solid • AIR 2.7 is just around the corner • Learning interactions still work • Assessments won’t report via SCORM.
    37. 37. Dreamweaver• It’s good ‘ole HTML• Restyle to match mobile• CS5.5 adds Mobile, reinstall CourseBuilder overtop of it.• eLS 2.5 is now out, too• JQuery Mobile• Phonegap• Possibly Adobe’s Best mLearning Tool at this point
    38. 38. Articulate • Current Release is focused on Flash output • Run out to Android via SWF, Playbook, too. • Layer iOS packager on top - Not an option right now. • New tools around the corner?
    39. 39. Lectora • Current Release is focused on HTML Output • Rich media/interactivity is not going to work • Java?! • Run out to modern smartphones • UI redesign and repackage • No Blackberry options really. • http://www.trivantis.com/ blog/mobile-learning/
    40. 40. Rapid Intake • Current Release is focused on Flash output • They have a new mobile product - mLearning Studio • No direct port from Unison to mLearning Studio • Run out to Android via Unison
    41. 41. Camtasia• Current Release is focused on Flash output• It is possible to output mobile formatted video• More advanced features aren’t going to be easily portable to iOS• Run out to Android via SWF• Layer iOS packager won’t work
    42. 42. PowerPoint• Web output doesn’t come with it out of the box for Mac• There are some add-ons available to help you• You can output to video• SlideRocket to convert to HTML5• Advanced animations, media are going to be lost
    43. 43. PDFs• Virtually all devices can read these documents• Pinch and Zoom Nightmare?• Advanced features are not guaranteed• Consider Digital Publishing Solutions• May need to go back to the source designs
    44. 44. Web• Consider Wordpress or Drupal• Both have huge communities• Some SCORM support• Both have great mobile toolkits!• If you are thinking about “temporarily” building something, this is a pretty low impact way to do so!
    45. 45. Making sense of it all.
    46. 46. Deploying to the cloud
    47. 47. Deploying to Learners • Mobile Web is easiest path • Secured Apps up in the Store - Freightliner • MAM Solutions • MDM Solutions
    48. 48. Demos
    49. 49. Next Steps• Examine your toolkit for mobile deployment options and add-ons• Download the simulators, but look for used hardware• Check out the rapid development platforms in mobile development
    50. 50. In Closing.• SWF or HTML? Use the base output format to determine your path• Haven’t standardized on a platform? Consider Android• Continue to monitor this space closely• Try native development at your pace, using things you are familiar with

    ×