Strategies for Mobile eLearning
-
Upload
easelsolutions -
Category
Technology
-
view
512 -
download
0
description
Transcript of Strategies for Mobile eLearning
![Page 1: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/1.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Strategies for Mobile eLearningDustin Tauer :: Easel Solution
![Page 2: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/2.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Dustin Tauer
Developer (11 years)Instructor (7 years)
Web :: Mobile :: eLearning
![Page 3: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/3.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Easel SolutionsTraining
• Design, Web, Mobile, eLearning, Strategy, Social, etc.
Customized TrainingConsultingAdobe Connect
We like finding solutions
![Page 4: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/4.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Slides :: Files :: Resourceshttp://blog.easelsolutions.com
![Page 5: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/5.jpg)
@dtauer :: @easelsolutions :: @astdtcc
mLearningeLearning gone mobile
![Page 6: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/6.jpg)
@dtauer :: @easelsolutions :: @astdtcc
The ProblemUsers want eLearning on a
mobile device
![Page 7: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/7.jpg)
@dtauer :: @easelsolutions :: @astdtcc
The Real ProblemUsers want eLearning on a mobile device that
does not support Flash
![Page 8: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/8.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Solution OnePublish content targeting a specific device or platform
![Page 9: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/9.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Solution TwoPublish content that works everywhere (no Flash)
![Page 10: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/10.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Let’s talk about Flash
![Page 11: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/11.jpg)
@dtauer :: @easelsolutions :: @astdtcc
11/09/2011: Adobe said,“We will no longer continue to develop
Flash Player in the browser to
work with new mobile devices”
![Page 12: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/12.jpg)
@dtauer :: @easelsolutions :: @astdtcc
What it meansAdobe is no longer developing new versions of the Flash Player for
mobile web browsers
![Page 13: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/13.jpg)
@dtauer :: @easelsolutions :: @astdtcc
What the media heardAdobe is giving up on mobile
devices and the Flash Player is
dead. Anyone still using Flash is
stupid.
![Page 14: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/14.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Conclusion?Adobe stopped developing plugins
for a medium nobody is using.
![Page 15: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/15.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Conclusion?Nothing is changing
![Page 16: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/16.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Flash and eLearningeLearning is heavily reliant on
Flash.
![Page 17: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/17.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Flash and
mLearningDo we have to learn new tools?Abandon our existing courses?
No!No!
![Page 18: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/18.jpg)
@dtauer :: @easelsolutions :: @astdtcc
mLearningCreate content that fits the user.Don’t ask the users to fit the content.
![Page 19: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/19.jpg)
@dtauer :: @easelsolutions :: @astdtcc
HTML5The elephant in the room
![Page 20: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/20.jpg)
@dtauer :: @easelsolutions :: @astdtcc
“Just build it in HTML5”
( Sigh )
![Page 21: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/21.jpg)
@dtauer :: @easelsolutions :: @astdtcc
HTML5 does not equal MobileHTML5 is a set of features added to HTML that give websites additional/consistent functionality.
HTML5 = HTML + CSS + JavaScript
![Page 22: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/22.jpg)
@dtauer :: @easelsolutions :: @astdtcc
HTML5 does not equal MobileMobile browser evolve faster than desktop browser and support more
HTML5 features. It’s still a work in progress.
![Page 23: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/23.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Mobile is hardSo is devising an mLearning strategy. That’s why you are here.
![Page 24: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/24.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Do you need mLearning?Ask yourself a few easy questions.
![Page 25: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/25.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Who’s getting mobile devices?
NEED MOBILE LEARNINGDON’T NEED MOBILE LEARNING
General Workforce• Sales• Marketing• Customer Service• Doctors• Engineers
Senior Executives Anyone
IT Application Developers
![Page 26: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/26.jpg)
@dtauer :: @easelsolutions :: @astdtcc
How do they use their devices?
NEED MOBILE LEARNINGDON’T NEED MOBILE LEARNING
Showing Product Demos• Videos• Presentations
Consumption• Job Aids• Process Training• Product/Sales Guides
Email Virtual
Training/Conferencing• Adobe Connect
![Page 27: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/27.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Designing mLearningGraphical, not instructional
![Page 28: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/28.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Design Considerations for Mobile UI
Design for immediate accessFingers, 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
![Page 29: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/29.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Screens Sizes
![Page 30: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/30.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Fingers
44px
![Page 31: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/31.jpg)
@dtauer :: @easelsolutions :: @astdtcc
There’s a hand behind every good finger
![Page 32: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/32.jpg)
@dtauer :: @easelsolutions :: @astdtcc
TabletsSame as laptops as long as you
recognize the design considerations of touch-input
![Page 33: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/33.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Developing mLearningChoose your own adventure
Web :: Mobile App :: Hybrid
![Page 34: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/34.jpg)
@dtauer :: @easelsolutions :: @astdtcc
WebDeployed on a website or in an LMS
• Just like you are doing todayPublished HTML/CSS/JavaScript
• “HTML5” Publishing• No Flash allowed
Offline is possible (With Code)• Google: HTML5 Offline Application
Tools• Adobe Captivate• Articulate Storyline
![Page 35: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/35.jpg)
@dtauer :: @easelsolutions :: @astdtcc
WebPROS CONS
One course for all• www.site.com/course1
Same workflow LMS tracking is easy Easy to update
• Just replace the content Pause/Resume across
devices
One course for all• One size doesn’t always
fit all Requires and internet
connection• Can you hear me now?
Many LMS interface are not mobile friendly
Inconsistent playback
![Page 36: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/36.jpg)
@dtauer :: @easelsolutions :: @astdtcc
DemoWeb-based Course
![Page 37: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/37.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Mobile ApplicationOffline
• Downloaded and installed on device
Tools• PhoneGap: Packages HTML/CSS/JavaScript
as native mobile applications http://build.phonegap.com/
![Page 38: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/38.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Mobile ApplicationPROS CONS
Offline• No Internet needed
Better performance Sell course in an app
store Tailor content to fit the
device Performance
Need to publish for each device
LMS integration can be tricky
More steps in the process
$$$ iOS distribution
• Certificate required*
![Page 39: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/39.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Understanding iOS Certificates
DEVELOPER CERTIFICATE ENTERPRISE CERTIFICATE
$99/year Allows developer or
company to publish apps to App Store• ONLY to App Store
Application listed under certificate-holder’s name
If application is being sold, Apple gets 30%
$299/year Intended for companies
who create proprietary, in-house iOS apps for internal deployment within the company only.
Dun & Bradstreet (D-U-N-S) number is required
Need certificate before you start!
![Page 40: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/40.jpg)
@dtauer :: @easelsolutions :: @astdtcc
DemoMobile App
![Page 41: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/41.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Hybrid ApplicationDownload 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
![Page 42: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/42.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Hybrid ApplicationPROS CONS
Online & Offline (most of the time)• Sync with LMS
Consistent Playback Bonus Features
• Libraries of content• Intuitive UI Controls
Proprietary• Tool-specifc
Device Dependent• i.e. iPad only
![Page 43: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/43.jpg)
@dtauer :: @easelsolutions :: @astdtcc
DemoHybrid App
![Page 44: Strategies for Mobile eLearning](https://reader038.fdocuments.in/reader038/viewer/2022103016/5549fda7b4c905557a8b4d25/html5/thumbnails/44.jpg)
@dtauer :: @easelsolutions :: @astdtcc
Thanks!http://blog.easelsolutions.com
• Slides, Session Files, Resources
Easel Solutions Booth• Stop by and chat