• Save
Html5 for mobiles
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Html5 for mobiles

on

  • 7,979 views

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

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

Statistics

Views

Total Views
7,979
Views on SlideShare
6,103
Embed Views
1,876

Actions

Likes
14
Downloads
79
Comments
1

23 Embeds 1,876

http://chinese.classroom-aid.com 1391
http://portal.ou.nl 240
http://it-republik.de 70
http://classroom-aid.com 44
http://lo-f.at 33
http://thebusinessglue.com 25
https://lo-f.at 21
http://entwickler.com 16
http://entwickler.de 7
http://paper.li 7
http://phpmagazin.de 4
http://bitly.com 4
http://www.mongodb.org 2
http://webcache.googleusercontent.com 2
http://twitter.com 2
http://www.google.com.tw 1
http://192.168.6.52 1
http://www.linkedin.com 1
http://a0.twimg.com 1
http://translate.googleusercontent.com 1
http://marktab.net 1
http://blog.triveos.com.br 1
http://www.google.no 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Html5 for mobiles Presentation Transcript

  • 1. HTML5 for Mobile Applicationsfor LearningChristian Glahn
  • 2.
  • 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 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
  • 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
  • 23. Social Networking
    • Offline Cache for static content
    • 24. Offline Storage for user data
  • Widget-based
    Personal Learning
    Environments
    • Offline Cache for static content
    • 25. Offline Storage for user data
    • 26. Geo-location API
  • Knowledge Exchange
    • Offline Cache for static content
    • 27. Offline Storage for user data
    • 28. Multi-touch API
  • W-Augmented Reality
    • Offline Cache for static content
    • 29. Offline Storage for user data
    • 30. Geo-location API
    • 31. 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
  • 32. http://www.slideshare.net/phish108