HTML5 Apps
                            are the Future

                               @wolframkriesing
                   ...
One HTML5

                            many environments/features


                                       +



          ...
The Plan

                     • Where Are We?
                     • Tools
                     • Real Life Examples


Mi...
The Plan

                     • Where Are We?
                     • Tools
                     • Real Life Examples


Mi...
Some History



Mittwoch, 6. Oktober 2010
Samsung H1                 Android
                     Symbian S60           Samsung WRT             (Developer Client)
 ...
What is a Widget?



Mittwoch, 6. Oktober 2010
Layout
                                         index.html




                                                      Desig...
Layout
                                         index.html




         W3C Widget =
                                     ...
What is a W3C Widget?




Mittwoch, 6. Oktober 2010
What is a W3C Widget?




Mittwoch, 6. Oktober 2010
What is a W3C Widget?

                     • HTML
                     • CSS
                     • JavaScript
          ...
It's Cross Platform
                              Really!


Mittwoch, 6. Oktober 2010
Mittwoch, 6. Oktober 2010
The Plan

                     • Where Are We?
                     • Tools
                     • Real Life Examples


Mi...
Android SDK



Mittwoch, 6. Oktober 2010
• install WRT inside
                            • flexible device config
                            • no device needed


M...
DragonFly



Mittwoch, 6. Oktober 2010
catchy



Mittwoch, 6. Oktober 2010
Mittwoch, 6. Oktober 2010
function catchy(ns, fn){
                   return function(){
                     try{
                       ns[fn].app...
Mittwoch, 6. Oktober 2010
Opera Mobile



Mittwoch, 6. Oktober 2010
Mittwoch, 6. Oktober 2010
Desktop Tools
                     • Firebug DOM Inspection, etc.
                       Debugging,


                    ...
Mobile Tools
                     •      Vodafone WDK
                            Mac, Linux, Windows - Widget Packager, E...
Other Tools
                     • JIL SDK
                       Signing


                     • Ripple Emulator
       ...
Object Browser



Mittwoch, 6. Oktober 2010
Mittwoch, 6. Oktober 2010
Mittwoch, 6. Oktober 2010
Mittwoch, 6. Oktober 2010
Mittwoch, 6. Oktober 2010
Open Source

                     • a developer must have
                     • developer.vodafone.com
                  ...
Demo
                            Object Browser, Gravitator,
                                    Icehockey




Mittwoch, 6...
Thank you




                            @wolframkriesing




Mittwoch, 6. Oktober 2010
Upcoming SlideShare
Loading in...5
×

Fowa html5 apps

1,734

Published on

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,734
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
28
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Fowa html5 apps

  1. 1. HTML5 Apps are the Future @wolframkriesing Vodafone Mittwoch, 6. Oktober 2010
  2. 2. One HTML5 many environments/features + tools :( Mittwoch, 6. Oktober 2010
  3. 3. The Plan • Where Are We? • Tools • Real Life Examples Mittwoch, 6. Oktober 2010
  4. 4. The Plan • Where Are We? • Tools • Real Life Examples Mittwoch, 6. Oktober 2010
  5. 5. Some History Mittwoch, 6. Oktober 2010
  6. 6. Samsung H1 Android Symbian S60 Samsung WRT (Developer Client) (WebKit based) JIL W3C Widgets, Opera, JIL GPS, Audio, Opera Widgets GPS, Application Acceleromter, FileSystem, etc. 2009 2010 Mittwoch, 6. Oktober 2010
  7. 7. What is a Widget? Mittwoch, 6. Oktober 2010
  8. 8. Layout index.html Design style.css AJAX Library Database Mittwoch, 6. Oktober 2010
  9. 9. Layout index.html W3C Widget = Design Icon style.css Configuration AJAX Library config.xml Database Mittwoch, 6. Oktober 2010
  10. 10. What is a W3C Widget? Mittwoch, 6. Oktober 2010
  11. 11. What is a W3C Widget? Mittwoch, 6. Oktober 2010
  12. 12. What is a W3C Widget? • HTML • CSS • JavaScript • config.xml • zip it • rename to *.wgt Mittwoch, 6. Oktober 2010
  13. 13. It's Cross Platform Really! Mittwoch, 6. Oktober 2010
  14. 14. Mittwoch, 6. Oktober 2010
  15. 15. The Plan • Where Are We? • Tools • Real Life Examples Mittwoch, 6. Oktober 2010
  16. 16. Android SDK Mittwoch, 6. Oktober 2010
  17. 17. • install WRT inside • flexible device config • no device needed Mittwoch, 6. Oktober 2010
  18. 18. DragonFly Mittwoch, 6. Oktober 2010
  19. 19. catchy Mittwoch, 6. Oktober 2010
  20. 20. Mittwoch, 6. Oktober 2010
  21. 21. function catchy(ns, fn){ return function(){ try{ ns[fn].apply(ns, arguments); }catch(e){ var err = []; for (var key in e){ if (!key || typeof key=="function") continue; err.push(key + ": " + e[key]); } alert(err.join("n")); } } } Mittwoch, 6. Oktober 2010
  22. 22. Mittwoch, 6. Oktober 2010
  23. 23. Opera Mobile Mittwoch, 6. Oktober 2010
  24. 24. Mittwoch, 6. Oktober 2010
  25. 25. Desktop Tools • Firebug DOM Inspection, etc. Debugging, • WebKit very good profiling, storage insight view Firebug like, • Opera natively Widgets • Google Chrome Mittwoch, 6. Oktober 2010
  26. 26. Mobile Tools • Vodafone WDK Mac, Linux, Windows - Widget Packager, Emulator • Object Browser Cross Platform Widget (even PhoneGap-built for Android) • Android SDK Install Widget Runtime inside • DragonFly Requires dev-build, Opera only (Symbian Runtime, Android) • Opera Mobile No widgets, but mobile • catchy Catch errors, get more info, poor man's debugging Mittwoch, 6. Oktober 2010
  27. 27. Other Tools • JIL SDK Signing • Ripple Emulator Early version, JIL Widgets • ... Mittwoch, 6. Oktober 2010
  28. 28. Object Browser Mittwoch, 6. Oktober 2010
  29. 29. Mittwoch, 6. Oktober 2010
  30. 30. Mittwoch, 6. Oktober 2010
  31. 31. Mittwoch, 6. Oktober 2010
  32. 32. Mittwoch, 6. Oktober 2010
  33. 33. Open Source • a developer must have • developer.vodafone.com http://developer.vodafone.com/object-browser • github http://github.com/wolframkriesing/object-browser Mittwoch, 6. Oktober 2010
  34. 34. Demo Object Browser, Gravitator, Icehockey Mittwoch, 6. Oktober 2010
  35. 35. Thank you @wolframkriesing Mittwoch, 6. Oktober 2010
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×