P. 1
Hzandout of Brown-Haag Pres

Hzandout of Brown-Haag Pres

|Views: 4|Likes:
Published by toddvens

More info:

Published by: toddvens on Sep 02, 2011
Copyright:Attribution Non-commercial


Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less





Mobile Learning Basics + (Free) Mobile Learning Guide

Thursday, 28 July 2011
Judy Brown and Jason Haag

Let’s Discuss...
• Basics of Mobile Learning
– Why? – What?

• ADL mLearning Guide
– What? – How?

• Resources • Questions/Discussion

ADL Mobile Team

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

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

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

• Collect literature and review • Share best practices • Support BAAs


Self 4 .Where are you employed? A. Higher education or K-12 D. Corporation B. Government E. Non-profit C.

Other (please add to Chat) 5 . Developer D. Instructional Designer C.What are your responsibilities? A. Subject Matter Expert E. All of the above F. Manager B.

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

Growth 7 .

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

Mobile Life
• • • • Available Personal Connected Ubiquitous


etc. Laptop Cell Phone Game Device Player (Audio/Video) Handheld / PDA 11 .Define Mobile Netbook / Micro PC UMPC / MID Tablet / iPad.

Never learned anything E. Used a search engine C.Have you ever learned anything from your mobile device? A. Geographical travel information D. Don’t have a connected device 12 . Completed a course or used for performance support B.

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

14 .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.

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 .

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

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 .

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

Think Outside the Course 21 .

but capabilities • It’s about the experience—not the technology 22 .“Shiny Rectangle Syndrome” • It’s not about devices.

We already use mobile technology B. No plans at this time 23 . 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. but haven’t started using mobile technology C.What are your plans to incorporate mobile technology for performance support and/or training within your organization? A. We are researching the concepts.

gov 24 .adlnet.ADL mLearning Guide • • • • Problem Platforms Lessons Learned Next Steps http://mlearn.

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

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

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

Mark Pilgrim 28 . Maximiliano Firtman – “Mobile Design and Development”. Brian Fling – “HTML5: Up and Running”.Tools Used • HTML editor • Graphics editor • jQuery Mobile Framework • Books – “Programming the Mobile Web”.

not what you read. goals.Seven Simple Rules for Mobile Rule #1: Forget what you think you know Rule #2: Believe what you see. create! Rule #7: Keep it simple. Rule #5: You can’t support everything. Rule #3: Don’t start with constraints. from “Mobile Design and Development: Practical Concepts and Techniques for Creating Mobile Sites and Web Apps” by Brian Fling 29 . Rule #4: Focus on context. Rule #6: Don’t convert. and needs.

Native Apps: When to Develop 30 .

Native Apps: When to Develop 31 .

offline.Mobile Web Apps: When to Develop • When you seek cross-platform compatibility • When you can’t support the development of Native Apps using proprietary SDKs • When accessibility is a requirement • When using more advanced capabilities of the device isn’t required (e.g. camera. gyroscope) 32 . accelerometer.

Mobile Web Apps: When to Develop 33 .

Mobile Web: Balancing Act 34 .

org) - Widget API Specification. digital signatures.Mobile Web: Standards • W3C Initiative (http://www.jil. SOFTBANK and Vodafone Developed Mobile Widget Platform Merged into the WAC • Wholesale Applications Community (WAC) (http://www.org/Mobile) Goal: “One Web” Creates Web Standards Founded by Inventor of the WWW.com) - Goal: Portability of applications across devices. Tim Berners-Lee • BONDI Open Mobile Terminal Platform (OMTP) (http://bondi.org) • Joint Innovation Lab (JIL) - Established by Verizon. operating systems and network operators 35 . security Merged into the WAC (http://www.wholesaleappcommunity.w3.omtp. China Mobile.

Mobile Web: App Stores 36 .

html – Current Status: http://www.w3.The Web Is An App Platform! W3C Standards for Web Apps on Mobile (Feb 2011) – http://www.org/2011/02/mobile-web-app-state.org/standards/techs/mobileapp#w3c_all 37 .w3.

Native App Store vs. Mobile Web App Store 38 .

mozillalabs.com http://apps.com/webstore Open App Market (2010) Chrome Web Store (2010) GetJar HTML5 Mobile Web App Store • • • http://www.com http://chrome.com http://www.com https://www.developerscoop.openappmkt.google.org 39 Opera Mobile Web App Store (2011) Open Space (Under Development) .mozillalabs.Web App Stores: On the Rise Mozilla’s Open Web App Store (2010) • • • http://apps.getjar.

40 .

packaged as Native App 41 .Mobile Web: Frameworks • Allows Mobile Web Apps to look and feel like native Apps • Developed using Web Standards (HTML. templates • Can be hosted on a web server • Some include API & compiler . JavaScript) – Each framework usually consists of these file types and some additional images. CSS.

JavaScript Only – iWebkit – JQTouch (JQuery Touch) – iUI (iPhone User Interface) • HTML. CSS. CSS.Mobile Web App Frameworks • HTML. JavaScript + Native App Publishing – Rhodes & RhoHub – Sencha Touch – Titanium Appcelerator • Native App Packaging using Existing Web Apps/Content – PhoneGap 42 .

com/lab/building_with_jquery_mobile/ 43 .History Repeats Itself http://filamentgroup.

JQuery Mobile • Web App Framework based on Progressive Enhancement Approach and Responsive Design techniques (Using CSS @ Media Queries) • Easy to setup. 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 . optimized for mobile browsers.Future Looks Bright .

com 45 .JQuery Mobile – http://jquerymobile.

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. JavaScript. CSS 48 . 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.

mLearning Guide (Version 1) (Also created an ePub version) 49 .

mLearning Guide (Version 2) 50 .

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

Distribution 52 .

mobi (mirror) • Apple iTunes App Store • Android Market • Open App Market 53 .gov – http://mlearn.adlnet.adlnet.Distribution • Mobile Web: – http://mlearn.

Where’s 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 you’ll apply from today’s session? (Please enter in Chat) 60 .

Resources http://adlmobile.wikispaces.com 61 .

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

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

brown.haag.gov Jason Haag (@J_Haag) Contractor with The Tolliver Group jason.gov 64 .ctr@adlnet.Questions / Discussion Judy Brown (@judyb) Contractor with Katmai Support Services judy.ctr@adlnet.

You're Reading a Free Preview

/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->