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

1. HTML5 for Mobile Applicationsfor LearningChristian Glahn

3. Why are smart phones interesting for learning?

4. personal ubiquitous computing device

5. Learner knows the system Personal information management personal ubiquitous computing device lose to the learner

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

7. personal ubiquitous computing device Help to personalize and contextualize learning experiences in new ways.

8. What is inside?

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

10. Why should we go web-based on mobile devices?

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

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

13. Native applications are very expensive Reason 2

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

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

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

17. Reason 5 Avoid the App-store Mania

18. How does HTML5 support the development ofmobile applications?

19. HTML5 helps to reduce costs1 application for several devices

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

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

22. A few examples

25. Offline Storage for user data

27. Offline Storage for user data

29. Offline Storage for user data

30. Geo-location API

32. http://www.slideshare.net/phish108