Download - 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
-
8/4/2019 Hzandout of Brown-Haag Pres
2/64
Lets Discuss...
Basics of Mobile Learning Why?
What?
ADL mLearning Guide What?
How?
Resources Questions/Discussion
2
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
4/64
Where are you employed?
A. Corporation
B. Non-profit
C. Higher education or K-12D. Government
E. Self
4
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
7/64
Growth
7
-
8/4/2019 Hzandout of Brown-Haag Pres
8/64
Mobile Data Usage
8
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
10/64
Mobile Life
Available
Personal
Connected
Ubiquitous
10
-
8/4/2019 Hzandout of Brown-Haag Pres
11/64
Define Mobile
11
Tablet /iPad, etc.Laptop Cell Phone
Netbook /Micro PC
UMPC / MID
Player
(Audio/Video)
Handheld /
PDA
Game Device
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
14/64
ADL Mobile Learning Definition
ADL defines mobilelearning as the use of
handheld or wearablecomputing devices toprovide access tolearning content and
informationresources.
14
-
8/4/2019 Hzandout of Brown-Haag Pres
15/64
From Twitter
15
-
8/4/2019 Hzandout of Brown-Haag Pres
16/6416
Ambient Insight
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
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."
-
8/4/2019 Hzandout of Brown-Haag Pres
21/64
Think Outside the Course
21
-
8/4/2019 Hzandout of Brown-Haag Pres
22/64
Shiny Rectangle Syndrome
22
Its not aboutdevices, butcapabilities
Its about theexperiencenot
the technology
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
24/64
ADL mLearning Guide
Problem
Platforms
Lessons Learned
Next Steps
24
http://mlearn.adlnet.gov
-
8/4/2019 Hzandout of Brown-Haag Pres
25/64
Content
Introduction
Basics
Planning
Learning Content
Development Options
Design Considerations Glossary
Resources
25
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
30/64
Native Apps: When to Develop
30
-
8/4/2019 Hzandout of Brown-Haag Pres
31/64
Native Apps: When to Develop
31
Mobile Web Apps: When to
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
33/64
Mobile Web Apps: When toDevelop
33
-
8/4/2019 Hzandout of Brown-Haag Pres
34/64
Mobile Web: Balancing Act
34
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
36/64
Mobile Web: App Stores
36
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
38/64
Native App Store vs. Mobile WebApp Store
38
-
8/4/2019 Hzandout of Brown-Haag Pres
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/ -
8/4/2019 Hzandout of Brown-Haag Pres
40/64
40
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
43/64
History Repeats Itself
http://filamentgroup.com/lab/building_with_jquery_mobile/43
Future Looks Bright - JQuery
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
45/64
JQuery Mobile http://jquerymobile.com
45
Progressive Enhancement =
-
8/4/2019 Hzandout of Brown-Haag Pres
46/64
Progressive Enhancement Mobile First!
The Chocolaty Layers of Progressive Enhancement
46
M bil Fi !
-
8/4/2019 Hzandout of Brown-Haag Pres
47/64
Mobile First!
47
Mobile Web: Approach
-
8/4/2019 Hzandout of Brown-Haag Pres
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 )
-
8/4/2019 Hzandout of Brown-Haag Pres
49/64
mLearning Guide (Version 1)
49
(Also created an ePub version)
L i G id (V i )
-
8/4/2019 Hzandout of Brown-Haag Pres
50/64
mLearning Guide (Version 2)
50
D i D i i
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
52/64
Distribution
52
Di t ib ti
-
8/4/2019 Hzandout of Brown-Haag Pres
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!
-
8/4/2019 Hzandout of Brown-Haag Pres
54/64
Wheres the Gap? To the Cloud!
54
Recent Announcements
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
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)
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
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
-
8/4/2019 Hzandout of Brown-Haag Pres
59/64
Next Steps
Maintenance & Updates
Contextual updates
Framework updates
Search
Other App Store submissions
59
Key Ideas
-
8/4/2019 Hzandout of Brown-Haag Pres
60/64
Key Ideas
What are the key ideas youllapply from todays session?(Please enter in Chat)
60
Resources
-
8/4/2019 Hzandout of Brown-Haag Pres
61/64
Resources
61
http://adlmobile.wikispaces.com
mLearning Guide
-
8/4/2019 Hzandout of Brown-Haag Pres
62/64
mLearning Guide
62
http://adlmobile.wikispaces.com/Guide
Weekly Newsletter
-
8/4/2019 Hzandout of Brown-Haag Pres
63/64
Weekly Newsletter
63
http://research.adlnet.gov/newsletter/mobile
Questions / Discussion
-
8/4/2019 Hzandout of Brown-Haag Pres
64/64
Questions / Discussion
Judy Brown (@judyb)Contractor with Katmai Support Services
Jason Haag (@J_Haag)Contractor with The Tolliver Group