Mobile + Mobile + eLearningeLearning

Dustin Tauer :: Easel Dustin Tauer :: Easel SolutionsSolutions

Hi, I’m DustinHi, I’m Dustin

I TeachI Teach

FlashFlash FlexFlex jQueryjQuery CaptivateCaptivate PresenterPresenter Adobe ConnectAdobe Connect

I DevelopI Develop

WebWeb DesktopDesktop MobileMobile eLearningeLearning

@dtaue@dtauerr

Easel SolutionsEasel Solutions

Adobe Authorized TrainingAdobe Authorized Training• Industry Experts | Expert InstructorsIndustry Experts | Expert Instructors

Solutions ProviderSolutions Provider• Don’t have time to learn? We’ll do it for youDon’t have time to learn? We’ll do it for you

Custom TrainingCustom Training• We’ll figure it out, then teach you howWe’ll figure it out, then teach you how

@easelsolutio@easelsolutionsns

mLearningmLearningeLearning gone eLearning gone mobilemobile

The ProblemThe Problem

Users want Users want eLearning eLearning on aon a mobile mobile devicedevice

The The Real Real ProblemProblem

Users want eLearning on a mobile Users want eLearning on a mobile

device that device that does notdoes not support support

FlashFlash

The Solution(s)The Solution(s)

Publish content targeting Publish content targeting specific specific devicesdevices

- or -- or -

Publish content that will work Publish content that will work everywhereeverywhere

Let’s talk about Let’s talk about FlashFlash

11/9/2011: Adobe says,11/9/2011: Adobe says,“We will no longer continue to develop Flash Player in the browser to work with new mobile devices”

What it meansWhat it means

After Flash Player 11, Adobe will no After Flash Player 11, Adobe will no longer develop new versions of the longer develop new versions of the

Flash Player for Flash Player for mobile mobile device device web web browsersbrowsers..

What the media heardWhat the media heard

Adobe is Adobe is giving up giving up on mobile devices on mobile devices

and the Flash Player is and the Flash Player is dead. dead. Anyone Anyone

still using Flash is still using Flash is stupidstupid..

The Truth?The Truth?

Nothing is going to change | Here’s Nothing is going to change | Here’s whywhy

I’ve been developing Flash applications for I’ve been developing Flash applications for 10+ years. I consider myself and expert.10+ years. I consider myself and expert.

I’ve never once made and “mobile Flash I’ve never once made and “mobile Flash website”website”

I don’t know anyone who hasI don’t know anyone who has

Adobe is no longer developing a Flash plugin Adobe is no longer developing a Flash plugin

for a medium for a medium nobodynobody is using is using

Flash and eLearningFlash and eLearning

The eLearning field is heavily reliant on The eLearning field is heavily reliant on Flash. Flash. Do we have to learn new tools? Do we have to learn new tools? Abandon our existing courses? Abandon our existing courses? Where do I start?Where do I start?

NoNoNoNoRight HereRight Here

DisclaimerDisclaimer

I’m talking about techniques that work I’m talking about techniques that work

todaytoday

DisclaimerDisclaimer

Tools will Tools will evolveevolve. Better techniques will . Better techniques will emerge.emerge.

Stay CurrentStay Current@dtauer@dtauer@easelsolutions@easelsolutionshttp://blog.easelsolutions.comhttp://blog.easelsolutions.com

Two Approaches for MobileTwo Approaches for Mobile

Web Course Web Course on your website or in an Learning on your website or in an Learning Management SystemManagement System

- or -- or -

Mobile AppMobile App that will be installed on the devices that will be installed on the devices of your users or added to an app storeof your users or added to an app store

Web-based CourseWeb-based Course

ProsPros

One course for everyoneOne course for everyone• http://site.com/course1http://site.com/course1

It’s the exact same thing It’s the exact same thing you’ve been doingyou’ve been doing

LMS integration is easyLMS integration is easy

Need to update? Just Need to update? Just replace existing course on replace existing course on serverserver

ConsCons

One course for everyoneOne course for everyone• Screen resolutionScreen resolution

Users MUST have an Users MUST have an internet connectioninternet connection• Can you hear me now?Can you hear me now?

Many LMS interfaces are Many LMS interfaces are Flash-basedFlash-based

Web-based CourseWeb-based Course

Best Use CasesBest Use Cases

You’re creating non-Flash You’re creating non-Flash content that needs to content that needs to communicate with an LMScommunicate with an LMS

You want to create an You want to create an online repository of online repository of instructional materialinstructional material

VideoVideo

Mobile AppMobile App

ProsPros

OfflineOffline• No Internet neededNo Internet needed

Better performanceBetter performance

Sell course in an app storeSell course in an app store

Tailor content to fit the Tailor content to fit the devicedevice

ConsCons

Need to publish for each Need to publish for each devicedevice

Distribution can be trickyDistribution can be tricky

LMS integration can be LMS integration can be trickytricky

More steps in the processMore steps in the process• $$$$$$

Mobile AppMobile App

Best Use CasesBest Use Cases

Users need a reference Users need a reference guide when on the go guide when on the go (offline)(offline)

Content that doesn’t Content that doesn’t change or need frequent change or need frequent updatingupdating

PerformancePerformance

Choose the right toolChoose the right tool

Even if you aren’t ready for mobile yet, Even if you aren’t ready for mobile yet, be thinking about it. Choose a tool be thinking about it. Choose a tool that’s thinking about it too.that’s thinking about it too.

The ProcessThe Process

I’m using CaptivateI’m using Captivate

The ProcessThe Process

I’ll publish a Flash fileI’ll publish a Flash file

The ProcessThe ProcessI’ll convert the Flash file to I’ll convert the Flash file to HTML/CSS/JavaScriptHTML/CSS/JavaScript•http://labs.adobe.com/technologies/captivate_html5/http://labs.adobe.com/technologies/captivate_html5/

You now have an iPad-compatible You now have an iPad-compatible course for your LMS or websitecourse for your LMS or website

What about a mobile app?What about a mobile app?

Create a native application by Create a native application by packaging your course with PhoneGappackaging your course with PhoneGap•http://www.phonegap.comhttp://www.phonegap.com

Screen SizeScreen Size

It might be easiest to make it It might be easiest to make it perfect perfect on one device and just on one device and just OK OK on the reston the rest

{ iPad: 1024 x 768 }{ iPad: 1024 x 768 }

iPadiPad

{ 1024 x 768 }{ 1024 x 768 }

iPhone 4iPhone 4

{ 960 x 640 }{ 960 x 640 }

EVO 3DEVO 3D

{ 960 x 540 }{ 960 x 540 }

XOOMXOOM

{ 1280 x 800 }{ 1280 x 800 }

{ Demo }{ Demo }

{ Thank you }{ Thank you }