Html5 for mobiles

HTML5 for Mobile Applicationsfor LearningChristian Glahn

Why are smart phones interesting for learning?

personal ubiquitous computing device

Learner knows
the system
Personal information
management
lose to the learner

Environmental
sensors
Supports multi-sensorial
interaction
personal ubiquitous computingdevice
Network connectivity
Persistent information
“on your fingertips”

Help to personalize and contextualize learning experiences in new ways.

What is inside?

What is inside?
Web-applications
… more
Multi Touch-screen
GPS receiver
Accelerometer
Gyroskop
Loads of Memory
W-LAN
3G Connectivity
Camera
Microphone
Sound
Clock/ Timers
Vibration

Why should we go web-based on mobile devices?

Target audience has a great variance of devices and this will not change
Reason 1

Vendor Images used without permission, but this slide is their fault

Native applications are very expensive
Reason 2

If you need to support for more than one device you need
One developer team for each (sub-) platform
Use different development frameworks
Implement different UI guidelines
Align to the deployment requirements of each platform

Reason 3
Most applications don’t really need system functions most of the time

Serious Smart Phones come with a HTML5 capable web-browser
Reason 4

Reason 5
Avoid the App-store Mania

How does HTML5 support the development ofmobile applications?

HTML5 helps to reduce costs1 application for several devices

HTML5 features for Mobiles
Fancier CSS styles and transitions
Web-apps can look as good as native apps
Consistent visual experience
Lightning fast
First point for improving web-application performance

HTML5 features for Mobiles
Offline Cache for static content
Users can be offline without loosing the application
Offline Storage for user data
No data-loss when returning back online
Geo-location API
Adapt the application to the users location
Multi-touch Event API
Use Fingers instead of Mice

A few examples

Social Networking

Widget-based
Personal Learning
Environments
Geo-location API

Knowledge Exchange
Multi-touch API

W-Augmented Reality
Geo-location API
Multi-touch API

And if we still need something specialwe can still go phonegaportitanium
Binding frameworks that expose native functions to javascript applications.
No loss of development time for re-implementing existing functions

http://www.slideshare.net/phish108

http://portal.ou.nl	142
http://it-republik.de	70
http://thebusinessglue.com	25
http://entwickler.com	16
http://paper.li	7
http://entwickler.de	7
http://lo-f.at	5
http://bitly.com	4
http://twitter.com	2
http://www.mongodb.org	2
http://a0.twimg.com	1
http://translate.googleusercontent.com	1
http://marktab.net	1
http://phpmagazin.de	1
http://www.google.no	1
http://blog.triveos.com.br	1
http://www.linkedin.com	1

Html5 for mobiles

by Christian Glahn

Accessibility

Categories

Upload Details

Usage Rights

17 Embeds 287

Statistics

Html5 for mobiles Presentation Transcript