See how mobile learning can be achieved using Adobe Creative Suite 5 and Adobe AIR. Most smartphones are capable of using learning content created with these tools without needing native development. This approach accelerates development, lowers costs, and increases adoption thanks to cross-platform compatibility. Various mobile platforms will be explored, featuring mobile web content and applications. Testing and debugging using Adobe Device Central and other testing platforms will be examined.

1. Building Mobile Learning with Your Existing
eLearning Toolkit - Adobe CS5
Chad Udell | Solutions Architect,
Float Learning and The Iona Group
Twitter: @visualrinse

2. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
■
An overview
■
What you can use it for
■
How you can create it with Adobe tools
■
Output and distribution
■
Demos - lots of demos!
Mobile Learning?
2

3. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
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. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
What is Mobile Learning?
■
Key differences between mobile learning and traditional
■
Full Courses vs. Bite-Sized
■
People typically consume eLearning in 30-60 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. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
■
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
Types of Mobile Learning
5

6. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Types of Mobile Learning
6
■
How can I deploy mobile learning?
■
Dedicated Mobile Apps
■
Mobile Web Apps
■
SMS
■
A number of LMS vendors are emerging

7. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
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. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
■
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
Assessing Your Toolkit for Mobile Learning
8

9. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Assessing Your Toolkit for Mobile Learning
■
Options for mobile web apps
■
Flash Player 10.1
■
Captivate
■
HTML5/CSS3/JavaScript
■
Spry, Jquery, Sencha (EXT JS)
■
Other Mobile Specific APIs
9

10. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
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. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Porting Content to Mobile via CS5
■
Flash Content
■
New APIs for Mobile
■
Compatibility differences between AIR and
iOS
■
http://fnaweso.me/e5
■
Resolution/Device Constraints
■
Optimization
■
Miniaturization is not good. Things need to
be redesigned or started for mobile
■
http://fnaweso.me/e4
■
Packaging for AIR
■
Command line, via Flash, Serge’s Packager
Pro
11

12. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Porting Content to Mobile via CS5
12
■
HTML Content
■
JavaScript Capabilities
■
Webkit Devices
■
Symbian
■
Windows
■
Blackberry
■
http://fnaweso.me/e3
■
CourseBuilder
■
http://fnaweso.me/e8
■
Packaging via AIR
■
Sort of here with StageWebView
■
Not yet, but maybe soon?

13. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
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. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Taking it Further
■
Taking it further
■
Deployment options
■
Stores, Apps, Remember the30% Apple Tax (Or really any store for that matter)
■
AD Hoc
■
Cross platform testing via Device Central and Emulators
■
http://perfectomobile.com/
14

15. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Closing
■
Demos
■
iOS build of simple eLearning interaction
■
Same interaction for Android
■
Captivate to iOS
■
Captivate to AIR for Android
■
Course Builder for Mobile
■
XCode/Android wrapper for Dreamweaver HTML content
■
Q&A
15

16. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
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 e-mail at the
end of each day
16

17. ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.