Hzandout of Brown-Haag Pres

8/4/2019 Hzandout of Brown-Haag Pres

1/64

Mobile Learning Basics + (Free)

Mobile Learning GuideThursday, 28 July 2011

Judy Brown and Jason Haag


2/64

Lets Discuss...

Basics of Mobile Learning Why?

What?

ADL mLearning Guide What?

How?

Resources Questions/Discussion

2


3/64

ADL Mobile Team

Vision

To be the sourceof informationand support for

DoD mobilelearninginitiatives.

Knowledge

Track initiativesand share

Remain current

and provideweekly newsletter

Deliverpresentations

Collect use cases

Deliverables

Develop samples

Identify tools

Conduct

workshops andwebinars

Write papers

Facilitate workinggroup

Research

Collect literatureand review

Share best

practicesSupport BAAs

3


4/64

Where are you employed?

A. Corporation

B. Non-profit

C. Higher education or K-12D. Government

E. Self

4


5/64

What are your responsibilities?

A. Manager

B. Instructional Designer

C. DeveloperD. Subject Matter Expert

E. All of the above

F. Other (please add to Chat)

5


6/64

How often do you use your mobile device(s)

to access content online?

A. Daily

B. A few times per weekC. A few times per month

D. A few times per year

E. Never

6


7/64

Growth

7


8/64

Mobile Data Usage

8


9/64

MobileHas 8 Unique Benefits1. Mobile is first personal mass

medium

2. Permanently Connected

3. Always Carried4. Built-in Payment Channel

5. Available at CreativeImpulse

6. Has Most Accurate AudienceInfo

7. Captures Social Context ofConsumption

8. Enables Augmented Reality

9

Source: Tomi Ahonen book Mobile as 7th of the Mass

Media, 2008


10/64

Mobile Life

Available

Personal

Connected

Ubiquitous

10


11/64

Define Mobile

11

Tablet /iPad, etc.Laptop Cell Phone

Netbook /Micro PC

UMPC / MID

Player

(Audio/Video)

Handheld /

PDA

Game Device


12/64

Have you ever learned anything

from your mobile device?

A. Completed a course or used for performance

support

B. Used a search engine

C. Geographical travel information

D. Never learned anything

E. Dont have a connected device

12


13/64

Define Mobile Learning

The exploitation of

ubiquitous handheldtechnologies, togetherwith wireless andmobile phone networks,to facilitate, support,enhance and extendthe reach of teachingand learning.

MoleNET

Mobile learning, or m-

learning, can be anyeducational interactiondelivered throughmobile technology andaccessed at a students

convenience from anylocation.

Educause ELI

13


14/64

ADL Mobile Learning Definition

ADL defines mobilelearning as the use of

handheld or wearablecomputing devices toprovide access tolearning content and

informationresources.

14


15/64

From Twitter

15


16/6416

Ambient Insight


17/64

Five Moments of Learning Needs

When learning for the firsttime

When wanting to learn

more When trying to remember

When things change

When something goeswrong

17

Dr. Conrad Gottfredson


18/64

Where do you feel that mobile

capabilities are the MOST appropriate?

A. When learning for the first time

B. When wanting to learn moreC. When trying to remember

D. When things change

E. When something goes wrong

18


19/64

Five Moments of Learning Needs

When learning for the first time

When wanting to learn more

When trying to remember

When things change

When something goes wrong

19

Learn

Perform


20/64

Seymour Papert, MIT

20

"You can't teach peopleeverything they need to

know. The best you can dois position them where theycan find what they need toknow when they need to

know it."


21/64

Think Outside the Course

21


22/64

Shiny Rectangle Syndrome

22

Its not aboutdevices, butcapabilities

Its about theexperiencenot

the technology


23/64

What are your plans to incorporate mobile

technology for performance supportand/or training within your organization?

A. We already use mobile technology

B. We are researching the concepts, but haventstarted using mobile technology

C. We plan to support mobile technology in thenext 1-6 months

D. We plan to support mobile technologies in thenext 6-12 months

E. No plans at this time

23


24/64

ADL mLearning Guide

Problem

Platforms

Lessons Learned

Next Steps

24

http://mlearn.adlnet.gov


25/64

Content

Introduction

Basics

Planning

Learning Content

Development Options

Design Considerations Glossary

Resources

25


26/64

http://filamentgroup.com/lab/building_with_jquery_mobile/

According to Gartner's PC installed base forecast, the total number of PCs in use will reach 1.78billion units in 2013. By 2013, the combined installed base of smartphones and browser-equipped enhanced phones will exceed 1.82 billion units and will be greater than the

installed base for PCs thereafter26


27/64

Mobile Device Categories

There is no single solution to push richlyinteractive mobile content onto every possiblephone. Rather, there is a spectrum of possible

solutions:

On one side, going for the richest possibleinteractivity...and on the other side going

for the widest possible phone coverage.

- Geoff Stead

27


28/64

Tools Used

HTML editor

Graphics editor

jQuery Mobile Framework

Books Programming the Mobile Web, Maximiliano Firtman

Mobile Design and Development, Brian Fling

HTML5: Up and Running, Mark Pilgrim

28


29/64

Seven Simple Rules for Mobile

from Mobile Design and Development: Practical Concepts and

Techniques for Creating Mobile Sites and Web Apps by Brian Fling

Rule #1: Forget what you thinkyou know

Rule #2: Believe what you see, notwhat you read.

Rule #3: Dont start with constraints.

Rule #4: Focus on context, goals, and needs.Rule #5: You cant support everything.

Rule #6: Dont convert, create!

Rule #7: Keep it simple.

29


30/64

Native Apps: When to Develop

30


31/64

Native Apps: When to Develop

31

Mobile Web Apps: When to


32/64

Mobile Web Apps: When toDevelop

When you seek cross-platform compatibility

When you cant support the development of

Native Apps using proprietary SDKs

When accessibility is a requirement

When using more advanced capabilities of the

device isnt required (e.g. offline, camera,

accelerometer, gyroscope)

32

Mobile Web Apps: When to


33/64

Mobile Web Apps: When toDevelop

33


34/64

Mobile Web: Balancing Act

34


35/64

Mobile Web: Standards

W3C Initiative (http://www.w3.org/Mobile)- Goal: One WebCreates Web Standards

- Founded by Inventor of the WWW, Tim Berners-Lee

BONDI Open Mobile Terminal Platform (OMTP)(http://bondi.omtp.org)

- Widget API Specification, digital signatures, security- Merged into the WAC

Joint Innovation Lab (JIL) (http://www.jil.org)- Established by Verizon, China Mobile, SOFTBANK and Vodafone

- Developed Mobile Widget Platform

- Merged into the WAC

Wholesale Applications Community (WAC)(http://www.wholesaleappcommunity.com)

- Goal: Portability of applications across devices, operating systems and

network operators

35


36/64

Mobile Web: App Stores

36


37/64

W3C Standards for Web Apps on Mobile (Feb 2011)

http://www.w3.org/2011/02/mobile-web-app-state.html

Current Status:http://www.w3.org/standards/techs/mobileapp#w3c_all

The Web Is An App Platform!

37

Native App Store vs Mobile Web


38/64

Native App Store vs. Mobile WebApp Store

38


39/64

Mozillas Open Web App Store (2010)

http://apps.mozillalabs.com

Open App Market (2010)

http://www.openappmkt.com

Chrome Web Store (2010)

http://chrome.google.com/webstore

GetJar HTML5 Mobile Web App Store

http://www.getjar.com

Opera Mobile Web App Store (2011)

http://apps.mozillalabs.com

Open Space (Under Development)

https://www.developerscoop.org

Web App Stores: On the Rise

39
http://apps.mozillalabs.com/http://apps.mozillalabs.com/http://apps.mozillalabs.com/http://apps.mozillalabs.com/http://apps.mozillalabs.com/http://apps.mozillalabs.com/http://apps.mozillalabs.com/http://apps.mozillalabs.com/http://apps.mozillalabs.com/http://apps.mozillalabs.com/http://apps.mozillalabs.com/http://apps.mozillalabs.com/


40/64

40


41/64

Mobile Web: Frameworks

Allows Mobile Web Apps to look and feel like

native Apps

Developed using Web Standards (HTML, CSS,

JavaScript)

Each framework usually consists of these file

types and some additional images, templates

Can be hosted on a web server

Some include API & compiler - packaged as

Native App

41


42/64

Mobile Web App Frameworks

HTML, CSS, JavaScript Only iWebkit

JQTouch (JQuery Touch) iUI (iPhone User Interface)

HTML, CSS, JavaScript + Native AppPublishing Rhodes & RhoHub Sencha Touch Titanium Appcelerator

Native App Packaging using Existing WebApps/Content PhoneGap

42

lf


43/64

History Repeats Itself

http://filamentgroup.com/lab/building_with_jquery_mobile/43

Future Looks Bright - JQuery


44/64

Future Looks Bright JQueryMobile

Web App Framework based on Progressive EnhancementApproach and Responsive Design techniques (Using CSS @Media Queries)

Easy to setup, optimized for mobile browsers, requires

knowledge of HTML (advanced techniques requireknowledge of CSS & JavaScript)

Unified user interface system across all popular mobiledevice platforms

Light-weight mobile-friendly version of JQuery (JavaScriptLibrary)

44

JQuery Mobile


45/64

JQuery Mobile http://jquerymobile.com

45

Progressive Enhancement =


46/64

Progressive Enhancement Mobile First!

The Chocolaty Layers of Progressive Enhancement

46

M bil Fi !


47/64

Mobile First!

47

Mobile Web: Approach


48/64

Mobile Web: ApproachComparison

Graceful Degradation Progressive Enhancement

Browser-focused Content-focused

Test high-end browsers first; low-end browsers

last

Supports low-end browsers; if high end available

then add enhancements

Looks at Accessibility Last Looks at Accessibility First

May Require Browser and/or Device Detection

with Server-side Scripting

Possible to support most smartphone browsers

and some older devices with only HTML,

JavaScript, CSS

48

L i G id (V i )


49/64

mLearning Guide (Version 1)

49

(Also created an ePub version)

L i G id (V i )


50/64

mLearning Guide (Version 2)

50

D i D i i


51/64

Design Decisions

Learning Curve (Knowledge of Dreamweaver,

HTML, CSS, JavaScript)

Simplified Navigation (usability)

Small download

Cross-platform compatibility

Ease of deployment

51

Di t ib ti


52/64

Distribution

52

Di t ib ti


53/64

Distribution

Mobile Web:

http://mlearn.adlnet.gov

http://mlearn.adlnet.mobi (mirror)

Apple iTunes App Store

Android Market

Open App Market

53

Wh th G ? T th Cl d!


54/64

Wheres the Gap? To the Cloud!

54

Recent Announcements


55/64

Recent Announcements

Dreamweaver CS 5.5

Added support for JQuery Mobile framework!

Added support for PhoneGap!

Build Web Apps or Native Apps using HTML5and web technologies

55

Lessons Learned


56/64

Lessons Learned

Progressive enhancement is a best practice

necessary to support low-end mobile devices

Some device & browser default settings must be

configured

Device detection is sometimes necessary for

delivering video consistently

.png should be your preferred format

(compressed for mobile) Progressively Enhance Using CSS and JavaScript

56

Lessons Learned (Continued)


57/64

Lessons Learned (Continued)

Adapt content appropriately for each device(using CSS media queries allow you to scale toiPad and larger screens)

Device detection might be necessary for

supporting mid to low-end mobile browsers An emulator is not always consistent with the

actual device

Limited support for Flash player

Poor / inconsistent support for pop up windowsand framesets

Limited video support

Varying formats supported

57

Video Formats


58/64

WMV / 3GP

files

MP4 / SWFfiles

MP4 / WMVfiles

M4V / MP4(wide)

MP4 / 3GPfiles

MP4 / H263files

MicrosoftWin Mobile

GoogleAndroid

NokiaSymbian

AppleiPhone OS

RIMBBOS

PalmPalm OS

Credit: OnPoint Digital

Video Formats

58

Next Steps


59/64

Next Steps

Maintenance & Updates

Contextual updates

Framework updates

Search

Other App Store submissions

59

Key Ideas


60/64

Key Ideas

What are the key ideas youllapply from todays session?(Please enter in Chat)

60

Resources


61/64

Resources

61

http://adlmobile.wikispaces.com

mLearning Guide


62/64

mLearning Guide

62

http://adlmobile.wikispaces.com/Guide

Weekly Newsletter


63/64

Weekly Newsletter

63

http://research.adlnet.gov/newsletter/mobile

Questions / Discussion


64/64

Questions / Discussion

Judy Brown (@judyb)Contractor with Katmai Support Services

[email protected]

Jason Haag (@J_Haag)Contractor with The Tolliver Group

[email protected]

Documents

Hzandout of Brown-Haag Pres