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