Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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,779 views

Published on

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

Published in: Education, Technology

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 />

×