HTML5 for Mobile Applicationsfor LearningChristian Glahn<br />
Why are smart phones interesting for learning?<br />
personal ubiquitous computing device<br />
Learner knows <br />the system<br />Personal information<br />management<br />personal ubiquitous computing device<br />lo...
Environmental <br />sensors<br />Supports multi-sensorial <br />interaction<br />personal ubiquitous computingdevice<br />...
personal ubiquitous computing device<br />Help to personalize and contextualize learning experiences in new ways.<br />
What is inside?<br />
What is inside?<br />Web-applications<br />… more<br />Multi Touch-screen<br />GPS receiver<br />Accelerometer<br />Gyrosk...
Why should we go web-based on mobile devices?<br />
Target audience has a great variance of devices and this will not change<br />Reason 1<br />
Vendor Images used without permission, but this slide is their fault<br />
Native applications are very expensive<br />Reason 2<br />
If you need to support for more than one device you need<br />One developer team for each (sub-) platform<br />Use differe...
Reason 3<br />Most applications don’t really need system functions most of the time<br />
Serious Smart Phones come with a HTML5 capable web-browser <br />Reason 4<br />
Reason 5<br />Avoid the App-store Mania<br />
How does HTML5 support the development ofmobile applications? <br />
HTML5 helps to reduce costs1 application for several devices<br />
HTML5 features for Mobiles<br />Fancier CSS styles and transitions<br />Web-apps can look as good as native apps<br />Cons...
HTML5 features for Mobiles<br />Offline Cache for static content<br />Users can be offline without loosing the application...
A few examples<br />
Social Networking<br /><ul><li>Offline Cache for static content
Offline Storage for user data</li></li></ul><li>Widget-based<br />Personal Learning <br />Environments<br /><ul><li>Offlin...
Offline Storage for user data
Geo-location API</li></li></ul><li>Knowledge Exchange<br /><ul><li>Offline Cache for static content
Offline Storage for user data
Multi-touch API</li></li></ul><li>W-Augmented Reality<br /><ul><li>Offline Cache for static content
Upcoming SlideShare
Loading in …5
×

Html5 for mobiles

12,268 views

Published on

Presentation from the Blueteam Workshop in the CELSTEC lab on 21 February 2011

Published in: Education, Technology
1 Comment
15 Likes
Statistics
Notes
No Downloads
Views
Total views
12,268
On SlideShare
0
From Embeds
0
Number of Embeds
4,170
Actions
Shares
0
Downloads
81
Comments
1
Likes
15
Embeds 0
No embeds

No notes for slide

Html5 for mobiles

  1. HTML5 for Mobile Applicationsfor LearningChristian Glahn<br />
  2. Why are smart phones interesting for learning?<br />
  3. personal ubiquitous computing device<br />
  4. Learner knows <br />the system<br />Personal information<br />management<br />personal ubiquitous computing device<br />lose to the learner<br />
  5. Environmental <br />sensors<br />Supports multi-sensorial <br />interaction<br />personal ubiquitous computingdevice<br />Network connectivity<br />Persistent information<br />“on your fingertips”<br />
  6. personal ubiquitous computing device<br />Help to personalize and contextualize learning experiences in new ways.<br />
  7. What is inside?<br />
  8. What is inside?<br />Web-applications<br />… more<br />Multi Touch-screen<br />GPS receiver<br />Accelerometer<br />Gyroskop<br />Loads of Memory<br />W-LAN<br />3G Connectivity<br />Camera<br />Microphone <br />Sound<br />Clock/ Timers<br />Vibration<br />
  9. Why should we go web-based on mobile devices?<br />
  10. Target audience has a great variance of devices and this will not change<br />Reason 1<br />
  11. Vendor Images used without permission, but this slide is their fault<br />
  12. Native applications are very expensive<br />Reason 2<br />
  13. If you need to support for more than one device you need<br />One developer team for each (sub-) platform<br />Use different development frameworks<br />Implement different UI guidelines<br />Align to the deployment requirements of each platform<br />
  14. Reason 3<br />Most applications don’t really need system functions most of the time<br />
  15. Serious Smart Phones come with a HTML5 capable web-browser <br />Reason 4<br />
  16. Reason 5<br />Avoid the App-store Mania<br />
  17. How does HTML5 support the development ofmobile applications? <br />
  18. HTML5 helps to reduce costs1 application for several devices<br />
  19. HTML5 features for Mobiles<br />Fancier CSS styles and transitions<br />Web-apps can look as good as native apps<br />Consistent visual experience<br />Lightning fast <br />First point for improving web-application performance<br />
  20. HTML5 features for Mobiles<br />Offline Cache for static content<br />Users can be offline without loosing the application<br />Offline Storage for user data<br />No data-loss when returning back online<br />Geo-location API<br />Adapt the application to the users location<br />Multi-touch Event API<br />Use Fingers instead of Mice<br />
  21. A few examples<br />
  22. Social Networking<br /><ul><li>Offline Cache for static content
  23. Offline Storage for user data</li></li></ul><li>Widget-based<br />Personal Learning <br />Environments<br /><ul><li>Offline Cache for static content
  24. Offline Storage for user data
  25. Geo-location API</li></li></ul><li>Knowledge Exchange<br /><ul><li>Offline Cache for static content
  26. Offline Storage for user data
  27. Multi-touch API</li></li></ul><li>W-Augmented Reality<br /><ul><li>Offline Cache for static content
  28. Offline Storage for user data
  29. Geo-location API
  30. Multi-touch API</li></li></ul><li>And if we still need something specialwe can still go phonegaportitanium<br />Binding frameworks that expose native functions to javascript applications.<br />No loss of development time for re-implementing existing functions<br />
  31. http://www.slideshare.net/phish108<br />

×