Mobile Learning Basics + (Free) Mobile Learning Guide

Thursday, 28 July 2011

Judy Brown and Jason Haag

Lets Discuss...
Basics of Mobile Learning
Why? What?

ADL mLearning Guide

What? How?

Resources Questions/Discussion
2

ADL Mobile Team

Vision
To be the source of information and support for DoD mobile learning initiatives.

Knowledge
Track initiatives and share Remain current and provide weekly newsletter Deliver presentations Collect use cases

Deliverables
Develop samples Identify tools Conduct workshops and webinars Write papers Facilitate working group

Research
Collect literature and review Share best practices Support BAAs

Where are you employed?

A. Corporation

B. Non-profit
C. Higher education or K-12 D. Government E. Self

What are your responsibilities?

A. Manager

B. Instructional Designer
C. Developer D. Subject Matter Expert E. All of the above F. Other (please add to Chat)

How often do you use your mobile device(s) to access content online?
A. Daily B. A few times per week C. A few times per month D. A few times per year
E. Never

Growth

Mobile Data Usage

Mobile Has 8 Unique Benefits

1. Mobile is first personal mass medium 2. Permanently Connected 3. Always Carried 4. Built-in Payment Channel 5. Available at Creative Impulse 6. Has Most Accurate Audience Info 7. Captures Social Context of Consumption 8. Enables Augmented Reality

Source: Tomi Ahonen book Mobile as 7th of the Mass Media, 2008
9

Mobile Life
Available Personal Connected Ubiquitous

10

Define Mobile
Netbook / Micro PC UMPC / MID Tablet / iPad, etc.

Laptop

Cell Phone

Game Device Player (Audio/Video)

Handheld / PDA

11

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

Define Mobile Learning

The exploitation of ubiquitous handheld technologies, together with wireless and mobile phone networks, to facilitate, support, enhance and extend the reach of teaching and learning. MoleNET Mobile learning, or mlearning, can be any educational interaction delivered through mobile technology and accessed at a students convenience from any location. Educause ELI

13

ADL Mobile Learning Definition

ADL defines mobile learning as the use of handheld or wearable computing devices to provide access to learning content and information resources.
14

From Twitter

15

Ambient Insight

16

Five Moments of Learning Needs

When learning for the first time When wanting to learn more When trying to remember When things change Dr. Conrad Gottfredson When something goes wrong

17

Where do you feel that mobile capabilities are the MOST appropriate?
A. When learning for the first time B. When wanting to learn more C. When trying to remember D. When things change
E. When something goes wrong

18

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

Learn

Perform

19

Seymour Papert, MIT

"You can't teach people everything they need to know. The best you can do is position them where they can find what they need to know when they need to know it."

20

Think Outside the Course

21

Shiny Rectangle Syndrome

Its not about devices, but capabilities Its about the experiencenot the technology

22

What are your plans to incorporate mobile technology for performance support and/or training within your organization?
A. We already use mobile technology B. We are researching the concepts, but havent started using mobile technology C. We plan to support mobile technology in the next 1-6 months D. We plan to support mobile technologies in the next 6-12 months E. No plans at this time

23

ADL mLearning Guide

Problem Platforms Lessons Learned Next Steps

http://mlearn.adlnet.gov
24

Content
Introduction Basics Planning Learning Content Development Options Design Considerations Glossary Resources
25

According to Gartner's PC installed base forecast, the total number of PCs in use will reach 1.78 billion units in 2013. By 2013, the combined installed base of smartphones and browserequipped enhanced phones will exceed 1.82 billion units and will be greater than the installed base for PCs thereafter http://filamentgroup.com/lab/building_with_jquery_mobile/
26

Mobile Device Categories

There is no single solution to push richly interactive mobile content onto every possible phone. Rather, there is a spectrum of possible solutions: On one side, going for the richest possible interactivity...and on the other side going for the widest possible phone coverage. - Geoff Stead

27

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

Seven Simple Rules for Mobile

Rule #1: Forget what you think you know
Rule #2: Believe what you see, not what 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.

from Mobile Design and Development: Practical Concepts and Techniques for Creating Mobile Sites and Web Apps by Brian Fling
29

Native Apps: When to Develop

30

Native Apps: When to Develop

31

Mobile Web Apps: When to Develop

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 Develop

33

Mobile Web: Balancing Act

34

Mobile Web: Standards

W3C Initiative
(http://www.w3.org/Mobile)

Goal: One Web Creates 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
(http://www.jil.org)

Joint Innovation Lab (JIL)

-

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

Mobile Web: App Stores

36

The Web Is An App Platform!

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

37

Native App Store vs. Mobile Web App Store

38

Web App Stores: On the Rise

Mozillas Open Web App Store (2010)

http://apps.mozillalabs.com
http://www.openappmkt.com http://chrome.google.com/webstore

Open App Market (2010)

Chrome Web Store (2010)

GetJar HTML5 Mobile Web App Store

http://www.getjar.com
http://apps.mozillalabs.com https://www.developerscoop.org
39

Opera Mobile Web App Store (2011)

Open Space (Under Development)

40

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

Mobile Web App Frameworks

HTML, CSS, JavaScript Only
iWebkit JQTouch (JQuery Touch) iUI (iPhone User Interface)

HTML, CSS, JavaScript + Native App Publishing

Rhodes & RhoHub Sencha Touch Titanium Appcelerator

Native App Packaging using Existing Web Apps/Content

PhoneGap

42

History Repeats Itself

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

Future Looks Bright - JQuery Mobile

Web App Framework based on Progressive Enhancement Approach and Responsive Design techniques (Using CSS @ Media Queries) Easy to setup, optimized for mobile browsers, requires knowledge of HTML (advanced techniques require knowledge of CSS & JavaScript)
Unified user interface system across all popular mobile device platforms Light-weight mobile-friendly version of JQuery (JavaScript Library)

44

JQuery Mobile http://jquerymobile.com

45

Progressive Enhancement = Mobile First!

The Chocolaty Layers of Progressive Enhancement

46

Mobile First!

47

Mobile Web: Approach Comparison

Graceful Degradation Progressive Enhancement

Browser-focused

Content-focused

Test high-end browsers first; low-end browsers Supports low-end browsers; if high end available last 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

mLearning Guide (Version 1)

(Also created an ePub version)

49

mLearning Guide (Version 2)

50

Design Decisions
Learning Curve (Knowledge of Dreamweaver, HTML, CSS, JavaScript) Simplified Navigation (usability) Small download Cross-platform compatibility Ease of deployment

51

Distribution

52

Distribution
Mobile Web: http://mlearn.adlnet.gov http://mlearn.adlnet.mobi (mirror) Apple iTunes App Store

Android Market Open App Market

53

Wheres the Gap? To the Cloud!

54

Recent Announcements
Dreamweaver CS 5.5 Added support for JQuery Mobile framework! Added support for PhoneGap!

Build Web Apps or Native Apps using HTML5 and web technologies

55

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)

Adapt content appropriately for each device (using CSS media queries allow you to scale to iPad 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 windows and framesets Limited video support Varying formats supported
57

Video Formats
RIM BBOS Apple iPhone OS Microsoft Win Mobile Google Android Nokia Symbian Palm Palm OS

MP4 / 3GP files

M4V / MP4 (wide)

WMV / 3GP files

MP4 / SWF files

MP4 / WMV files

MP4 / H263 files

Credit: OnPoint Digital

58

Next Steps
Maintenance & Updates Contextual updates Framework updates Search

Other App Store submissions

59

Key Ideas
What are the key ideas youll apply from todays session? (Please enter in Chat)

60

Resources

http://adlmobile.wikispaces.com
61

mLearning Guide

http://adlmobile.wikispaces.com/Guide
62

Weekly Newsletter

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

Questions / Discussion

Judy Brown (@judyb)

Contractor with Katmai Support Services

judy.brown.ctr@adlnet.gov

Jason Haag (@J_Haag)

Contractor with The Tolliver Group

jason.haag.ctr@adlnet.gov

64