Weitere ähnliche Inhalte
Ähnlich wie Webmontag München Cross Platform (20)
Mehr von wolframkriesing (20)
Kürzlich hochgeladen (20)
Webmontag München Cross Platform
- 1. Mobile Apps
Cross Platform
HTML5 Apps
Wolfram Kriesing
uxebu
Montag, 12. April 2010
- 4. Landscape
http://www.flickr.com/photos/tillwe/146242691/
Montag, 12. April 2010
- 5. Landscape
http://www.flickr.com/photos/tillwe/146242691/
Montag, 12. April 2010
- 6. 30th July 2009
14 Stores
23rd September 2009
23 Stores
2nd December 2009
26 Stores
http://bit.ly/distimo-appstores
Montag, 12. April 2010
- 8. Objective-C Symbian C Java
Java .NET ...
Montag, 12. April 2010
- 10. Engine of the web
http://www.flickr.com/photos/robadob/88901885/
Montag, 12. April 2010
- 11. Why HTML?
•lot of devs
•easy to write
•common
•easy to test
•stable standard
•widely spread
Montag, 12. April 2010
- 12. iPhone - First usable mobile browser
http://www.flickr.com/photos/chris_radcli!/2947219465/
Montag, 12. April 2010
- 13. 71% of all phones
have a modern xTML web browser.
http://bit.ly/tomiahonen-2010-almanac
Montag, 12. April 2010
- 14. App Store
without Apple!
Montag, 12. April 2010
- 20. Types of "Apps"
• Preinstalled
• Native App (from "some" app store)
• Website
limited access to phone resources
• W3C Widget
access by widget runtime
• Wrapped W3C Widget
access depends on it's runtime
Montag, 12. April 2010
- 21. Layout
index.html
Design
style.css
AJAX Library
Database
Montag, 12. April 2010
- 22. Layout
index.html
W3C Widget =
Design
Icon style.css
Configuration
AJAX Library config.xml
Database
Montag, 12. April 2010
- 23. What is a W3C Widget?
Montag, 12. April 2010
- 24. What is a W3C Widget?
Montag, 12. April 2010
- 25. What is a W3C Widget?
• HTML
• CSS
• JavaScript
• config.xml
• zip it
• rename to *.wgt
Montag, 12. April 2010
- 26. DONE! http://www.flickr.com/photos/sundazed/2704578067/
Montag, 12. April 2010
- 28. HTML
tive
na
Montag, 12. April 2010
- 29. W3C Widgets
ti ve
na
HTML
tive
na
Montag, 12. April 2010
- 30. W3C Widgets
ti ve
na
HTML
tive
na
Montag, 12. April 2010
- 31. W3C Widgets
ti ve
na
HTML
tive
na
Montag, 12. April 2010
- 32. W3C Widgets
...yes
not purely
but great
HTML
support
Montag, 12. April 2010
- 33. Almost for free
• Facebook widget
• Dashboard widget
• Website widget
• TV Widget
• ...
Montag, 12. April 2010
- 38. • Camera
• Compass
• GPS
• Accelerometer
• Calendar
• Email
• Address book
• Watch
• Alarm clock
• ...
Montag, 12. April 2010
- 39. Multiple Ways
• W3C Spec
http://w3.org/2009/dap/
• JIL Spec
http://www.jil.org/
• BONDI Spec
http://bondi.omtp.org/
Montag, 12. April 2010
- 40. Runtimes
Nokia S60
• JIL Spechttp://www.jil.org/
• BONDI Spec http://bondi.omtp.org/
iPhone
• W3C Spec http://w3.org/2009/dap/
Android
• PhoneGap http://phonegap.pbworks.com/
• Nokia WRT http://bit.ly/nokia-WRT-APIs Blackberry
• Appcelerator http://www.codestrong.com/timobile/api/ Windows
Mobile
Montag, 12. April 2010
- 41. PhoneGap
"An express goal of the PhoneGap project
is for the project to not exist."
Open Source
Montag, 12. April 2010
- 43. Some numbers
• iPhone App = 364 kB
• JavaScript, HTML, CSS, media = 124 kB
• that means PhoneGap+SDK foot print =
240 kB
Montag, 12. April 2010
- 45. Events, Layout
index.html
a Calendar
Design
Icon style.css
Database
Configuration
AJAX Library config.xml
Montag, 12. April 2010
- 51. Want to see it in action?
Download it from your store.
Contact us.
Montag, 12. April 2010
- 52. thx
http://uxebu.com
Wolfram Kriesing, uxebu
wolfram@uxebu.com
http://twitter.com/uxebu
http://twitter.com/wolframkriesing
Montag, 12. April 2010