Strategies for Mobile eLearning

Strategies for MobileeLearningDustin Tauer :: Easel Solution @dtauer :: @easelsolutions :: @astdtcc

Dustin TauerDeveloper (11 years) Instructor (7 years) Web :: Mobile :: eLearning @dtauer :: @easelsolutions :: @astdtcc

Easel Solutions Training • Design, Web, Mobile, eLearning, Strategy, Social, etc. Customized Training Consulting Adobe Connect @dtauer :: @easelsolutions :: @astdtcc

Slides :: Files ::Resourceshttp://blog.easelsolutions.com @dtauer :: @easelsolutions :: @astdtcc

mLearningeLearning gone mobile @dtauer :: @easelsolutions :: @astdtcc

The ProblemUsers want eLearning on a mobiledevice @dtauer :: @easelsolutions :: @astdtcc

The Real ProblemUsers want eLearning on a mobile devicethatdoes not support Flash @dtauer :: @easelsolutions :: @astdtcc

Solution OnePublish content targeting a specificdevice or platform @dtauer :: @easelsolutions :: @astdtcc

Solution TwoPublish content that works everywhere (noFlash) @dtauer :: @easelsolutions :: @astdtcc

Let’s talk about Flash @dtauer :: @easelsolutions :: @astdtcc

11/09/2011: Adobe said,“We will no longer continue to developFlash Player in the browser to workwith new mobile devices” @dtauer :: @easelsolutions :: @astdtcc

What it meansAdobe is no longer developing newversions of the Flash Player formobile web browsers @dtauer :: @easelsolutions :: @astdtcc

What the media heardAdobe is giving up on mobile devicesand the Flash Player is dead. Anyonestill using Flash is stupid. @dtauer :: @easelsolutions :: @astdtcc

Conclusion?Adobe stopped developing plugins for amedium nobody is using. @dtauer :: @easelsolutions :: @astdtcc

Conclusion?Nothing is changing @dtauer :: @easelsolutions :: @astdtcc

Flash and eLearningeLearning is heavily reliant on Flash. @dtauer :: @easelsolutions :: @astdtcc

Flash and mLearningDo we have to learn new tools? No!Abandon our existing courses? No! @dtauer :: @easelsolutions :: @astdtcc

mLearningCreate content that fits the user.Don’t ask the users to fit the content. @dtauer :: @easelsolutions :: @astdtcc

HTML5The elephant in the room @dtauer :: @easelsolutions :: @astdtcc

“Just build it in HTML5” ( Sigh ) @dtauer :: @easelsolutions :: @astdtcc

HTML5 does not equal MobileHTML5 is a set of features added to HTMLthat give websites additional/consistentfunctionality.HTML5 = HTML + CSS + JavaScript @dtauer :: @easelsolutions :: @astdtcc

HTML5 does not equal MobileMobile browser evolve faster thandesktop browser and support more HTML5features. It’s still a work in progress. @dtauer :: @easelsolutions :: @astdtcc

Mobile is hardSo is devising an mLearning strategy.That’s why you are here. @dtauer :: @easelsolutions :: @astdtcc

Do you need mLearning?Ask yourself a few easy questions. @dtauer :: @easelsolutions :: @astdtcc

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

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

Designing mLearningGraphical, not instructional @dtauer :: @easelsolutions :: @astdtcc

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

Screens Sizes @dtauer :: @easelsolutions :: @astdtcc

Fingers 44px@dtauer :: @easelsolutions :: @astdtcc

There’s a hand behind every good finger @dtauer :: @easelsolutions :: @astdtcc

TabletsSame as laptops as long as yourecognize the design considerationsof touch-input @dtauer :: @easelsolutions :: @astdtcc

Developing mLearningChoose your own adventure Web :: Mobile App :: Hybrid @dtauer :: @easelsolutions :: @astdtcc

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

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

DemoWeb-based Course @dtauer :: @easelsolutions :: @astdtcc

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

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

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

DemoMobile App @dtauer :: @easelsolutions :: @astdtcc

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

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

DemoHybrid App @dtauer :: @easelsolutions :: @astdtcc

Thanks! http://blog.easelsolutions.com • Slides, Session Files, Resources Easel Solutions Booth • Stop by and chat @dtauer :: @easelsolutions :: @astdtcc

Strategies for Mobile eLearning

by easelsolutions on Oct 26, 2012

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 26

Statistics

Strategies for Mobile eLearning Presentation Transcript