Client identities have been redacted. http://www.elearningguild.com/mLearnCon/content/1611/mlearncon---certificate-programs/

1. How To Convert!
The Gory Details (Examples and Tools)

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. We need an App!

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. 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!

8. This doesn’t exist.

9. Design
Considerations

10. iPhone
4 (115
x58.6m
m)
Screens are small

11. iPhone 4 (32
6 dpi)
But Dense!

12. iPhone 4
s
iPh one 3g
And Increasing.

13. Fragmentation

14. App or Mobile Web?

15. Some Examples

16. Safety

17. Safety

18. Safety

19. Hard Skills

20. Safety

21. Hard Skills

22. Onboarding

23. Onboarding

24. Onboarding

25. Onboarding

26. Onboarding

27. Onboarding

28. Learning

29. Learning

30. How To Convert!
The Gory Details Part 2 - Tools

31. Inputs and Outputs

32. Where are you coming from?
?
• Flash
?
• Captivate
?
• Dreamweaver
?
• Articulate
?
• Lectora
• Rapid Intake
• Camtasia
• PowerPoint
• Others?

33. Basically, there are two output
SWF* HTML
*Often video output is wrapped in SWF

34. 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)

35. 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

36. Basic Tenets
• IA
• Simplify Navigation
• Curate Content
• UI/UX
• Limit Input
• Reduce UI Chrome
• Increase button/input size

37. 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?!

38. 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.

39. 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

40. 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?

41. 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/

42. 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

43. 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

44. 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

45. 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

46. 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!

47. Making sense of it all.

48. Deploying to the cloud

49. Deploying to Learners
• Mobile Web is easiest path
• Secured Apps up in the Store -
Freightliner
• MAM Solutions
• MDM Solutions

50. Demos

51. 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

52. 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