1. HTML5 Apps
are the Future
@wolframkriesing
Vodafone
Mittwoch, 6. Oktober 2010

2. One HTML5
many environments/features
+
tools :(
Mittwoch, 6. Oktober 2010

3. The Plan
• Where Are We?
• Tools
• Real Life Examples
Mittwoch, 6. Oktober 2010

4. The Plan
• Where Are We?
• Tools
• Real Life Examples
Mittwoch, 6. Oktober 2010

5. Some History
Mittwoch, 6. Oktober 2010

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. What is a Widget?
Mittwoch, 6. Oktober 2010

8. Layout
index.html
Design
style.css
AJAX Library
Database
Mittwoch, 6. Oktober 2010

9. Layout
index.html
W3C Widget =
Design
Icon style.css
Configuration
AJAX Library config.xml
Database
Mittwoch, 6. Oktober 2010

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

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

12. What is a W3C Widget?
• HTML
• CSS
• JavaScript
• config.xml
• zip it
• rename to *.wgt
Mittwoch, 6. Oktober 2010

13. It's Cross Platform
Really!
Mittwoch, 6. Oktober 2010

14. Mittwoch, 6. Oktober 2010

15. The Plan
• Where Are We?
• Tools
• Real Life Examples
Mittwoch, 6. Oktober 2010

16. Android SDK
Mittwoch, 6. Oktober 2010

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

18. DragonFly
Mittwoch, 6. Oktober 2010

19. catchy
Mittwoch, 6. Oktober 2010

20. Mittwoch, 6. Oktober 2010

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. Mittwoch, 6. Oktober 2010

23. Opera Mobile
Mittwoch, 6. Oktober 2010

24. Mittwoch, 6. Oktober 2010

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. 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. Other Tools
• JIL SDK
Signing
• Ripple Emulator
Early version, JIL Widgets
• ...
Mittwoch, 6. Oktober 2010

28. Object Browser
Mittwoch, 6. Oktober 2010

29. Mittwoch, 6. Oktober 2010

30. Mittwoch, 6. Oktober 2010

31. Mittwoch, 6. Oktober 2010

32. Mittwoch, 6. Oktober 2010

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. Demo
Object Browser, Gravitator,
Icehockey
Mittwoch, 6. Oktober 2010

35. Thank you
@wolframkriesing
Mittwoch, 6. Oktober 2010