8/24/2011 1 LEARNING INTERACTIONS ON MOBILE WHAT WORKS? AND WHEN? JanhaviPadture Harbinger Knowledge Products [email protected]Mobile Learning Interactions “I would like to SHARE MY OPINIONS” “I want it to be SHORT, BUT MEMORABLE” “I want HIGH END, FUN STUFF in mLearning” “I want it to work on DESKTOP AND MOBILE” “I need it to work ACROSS VARIOUS DEVICES “I want INTERACTION, NOT JUST BUTTON CLICKS” Demands on mobile Learning
This document talks about why & when do we need to use leaning interactions on mobile & what role does interactivity play in mLearning.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
• Internet Connection speed dependent on location and Carrier’s network . (Only Sprint and Verizon have 4G networks with 4G coverage in limited areas)
• Technology Debate• Native vs. Web apps• Flash vs. HTML5
37
27
22
9
3 2
Android Apple RIM Blackberry Windows Palm Symbian
Market Share of Mobile OS
Market Share (%) fromFeb - Apr 2011
Evolving market place
Mobile Learning Interactions
What is the Business Case?
• Do you want cross platform delivery?
• Do you need to create once, deploy anywhere?
• Will you know the mobile devices your learners carry?
• Is Bandwidth/connectivity predictable?
• Is there lot of media to be delivered?
• Will it be resource intensive?
• Do you need sophisticated visual effects?
• Is it important to create content without relying on proprietary software or native apps?
8/24/2011
7
Mobile Learning Interactions
Native Web
Development environment Platform dependent. Platform independent
Internet Connectivity Not required Required
Deployment has to be installed/ downloaded
n/a (updates propogate immediately)
Speed Fast Slower
Rich media compatibility Fewer issues Limited by Audio/video support inconsistencies within browsers
Content searchable on web No Yes
Animation development More sophisticated, by accessing core animation framework using native code
Good, but less flexibility
Cross platform compatibility Must be developed for each platform separately
can be achieved relatively easily using
Native vs. Web Apps
Mobile Learning Interactions
Native or Web App?
Native
vs.
Web
Cross platform compatibility?
Web
Performance & speed is critical?
Native
Internet Connectivity predictable?
Web
Resource intensive/high
bandwidth utilization?
Native
8/24/2011
8
Mobile Learning Interactions
HOT TOPIC: Flash vs. HTML5
OR
Mobile Learning Interactions
Why the hype?
iPads/iPhones of course!
But… besides that:• Fairly easy – just an extension of HTML & JS• No special software or plug-ins needed• Better interactivity and layout control than HTML• Could give Flash the run for the money
8/24/2011
9
Mobile Learning Interactions
Flash may not be going anywhere anytime soon…
But before dismissing Flash here are some statistics:
– 1.2 billion mobile phones are Flash capable
– Android sales surpassed iOS for first time in 2011
– 20+ tablets coming in 2011, many support Flash
– 98% percent of Internet-enabled desktops use it
– 85% of top 100 websites use Flash
Mobile Learning Interactions
HTML5 or Flash
Flash
vs.
HTML5
Faster/ Better Performance?
HTML5 or Flash
(Results vary)
Cheaper?HTML5
(Its Free!)
Better visual effects?
Flash
(as of today)
Compatibility?
Compatibility on iPad/iPhone?
HTML5
Compatible with old browsers?
Flash
8/24/2011
10
Mobile Learning Interactions
Custom Development 3rd Party Rapid
Development Tools
Web Apps Flash, HTML, HTML5 Raptivity
Hot Lava
mLearning Studio
Articulate Storyline
Lectora X4
(Sencha Touch - framework)
Native Java, Objective C (PhoneGap - framework)
Technologies
Mobile Learning Interactions
Ideal characteristics:
� Modular
� Interactive
� Non-linear
� Selectively render content
� Balance of text & media
� SCORM trackable
� SWF or HTML5!
Characteristics of mLearning interactions
8/24/2011
11
Mobile Learning Interactions
Few Tips for creating mLearning interactions
• Keep them short - Edumercials
• Separate Content from Presentation
• Videos & Animation are effective mLearninginteractions
• Use caching and local storage for SCORM
• Viewport meta tag <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
• Use rapid development tools like Raptivity for quick turnaround