Building Mobile Learning with Your Existing elearning Toolkit - Adobe CS5

Transcription

1 Building Mobile Learning with Your Existing elearning Toolkit - Adobe CS5 Chad Udell Solutions Architect, Float Learning and The Iona Group

2 Mobile Learning? An overview What you can use it for How you can create it The Adobe tools for it Output and distribution Demos - lots of demos! 2

3 What is Mobile Learning? Mobile Learning or mlearning is the use of mobile technology to aid in the learning of, reference of or exploration of information useful to the user at that moment or in a specific use context. 3

4 What is Mobile Learning? Key differences between mobile learning and traditional Full Courses vs. Bite-Sized People typically consume elearning in minute chunks Mobile content consumption comes in 3-5 minute blocks Device constraints Screen Input Speed, memory Contextually aware The where, when and why Users are bored, local or micro-tasking 4

5 Types of Mobile Learning What can I do with Mobile Learning? Smaller scale, contextual elearning Performance support Job aids??? (things are evolving quickly) What shouldn t I do with Mobile Learning? Cram a full course down a mobile pipe Simply miniaturize a course Expect that all devices are going to be the same Expect that all users have the same context 5

6 Types of Mobile Learning How can I deploy mobile learning? Dedicated Mobile Apps Mobile Web Apps SMS A number of LMS vendors are emerging 6

7 Choosing Your Path Should I build a Dedicated Mobile App or a Mobile Web Site? Monetization Device features (Camera, Disk Access, etc) Online vs. Offline vs. Semi Connected Media capabilities and formats 7

8 Assessing Your Toolkit for Mobile Learning Options for mobile app dev Flash CS5 via AIR for Android, ios Packager Captivate via Air for Android, ios Packager App wrappers (more on this in a bit) Dreamweaver CS5 Coursebuilder Adobe Spry JQuery Dedicated Mobile SDKs 8

9 Assessing Your Toolkit for Mobile Learning Options for mobile web apps Flash Player 10.1 HTML5/CSS3/JavaScript Captivate Spry Jquery, Sencha (EXT JS) Other Mobile Specific APIs 9

10 Assessing Your Toolkit for Mobile Learning CS5/Learning Suite Flash to mobile What platforms? What formats? Dreamweaver to mobile? Web sure, but an app? Captivate to Mobile? Never heard of this, can it be true? 10

11 Porting Content to Mobile via CS5 Flash Content New APIs for Mobile Compatibility differences between AIR and ios Resolution/Device Constraints Optimization Miniaturization is not good. Things need to be redesigned or started for mobile Packaging for AIR 11

12 Porting Content to Mobile via CS5 HTML Content JavaScript Capabilities Webkit Devices Symbian Windows Blackberry Packaging via AIR Sort of here with StageWebView Not yet, but maybe soon? 12

13 Porting Content to Mobile via CS5 Targeting non-flash enabled devices The ios Packager Using Dreamweaver Compile via Phone Gap Compile via Appcelerator XCode Shim Method for ios 13

14 Taking it Further Taking it further Deployment options Stores, Apps, 30% Apple Tax (Or really any store for that matter) AD Hoc Cross platform testing via Device Central and Emulators 14

15 Closing Demos ios build of simple elearning interaction Same interaction for Android Captivate to ios Captivate to AIR for Android Xcode wrapper for Dreamweaver HTML content Android wrapper for Dreamweaver HTML content Q&A 15

16 Turn in your Surveys for a chance to WIN! Hand in your surveys to the room monitors One survey will be selected as a winner of the Adobe Press e-book Adobe Flash Platform from Start to Finish: Working Collaboratively Using Adobe Creative Suite 5 Winners will be notified via at the end of each day 16

17