Building Mobile Learning with Your Existing eLearning Toolkit - Adobe CS5

crickettachyphagiaMobile - Wireless

Dec 10, 2013 (3 years and 8 months ago)

99 views

Building Mobile Learning with Your Existing
eLearning Toolkit - Adobe CS5
Chad Udell | Solutions Architect,

Float Learning and The Iona Group
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

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!
Mobile Learning?
2
©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
©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
©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
©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
©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
©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
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
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
©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
©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
11
©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

Packaging via AIR

Sort of here with StageWebView

Not yet, but maybe soon?
©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
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
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

http://perfectomobile.com/
14
©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

Xcode wrapper for Dreamweaver HTML content

Android wrapper for Dreamweaver HTML content

Q&A
15
©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
©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.