Weitere ähnliche Inhalte
Ähnlich wie May 12 html5 apps - cross platform - upfront ug berlin
Ähnlich wie May 12 html5 apps - cross platform - upfront ug berlin (20)
May 12 html5 apps - cross platform - upfront ug berlin
- 1. Mobile Apps
Cross Platform
HTML5 Apps
Wolfram Kriesing
uxebu
Mittwoch, 12. Mai 2010
- 5. Landscape
http://www.flickr.com/photos/tillwe/146242691/
Mittwoch, 12. Mai 2010
- 6. Landscape
http://www.flickr.com/photos/tillwe/146242691/
Mittwoch, 12. Mai 2010
- 7. 30th July 2009
14 Stores
23rd September 2009
23 Stores
2nd December 2009
26 Stores
http://bit.ly/distimo-appstores
Mittwoch, 12. Mai 2010
- 10. Objective-C Symbian C Java
Java .NET ...
Mittwoch, 12. Mai 2010
- 12. Engine of the web
http://www.flickr.com/photos/robadob/88901885/
Mittwoch, 12. Mai 2010
- 13. Why HTML?
•lot of devs
•easy to write
•common
•easy to test
•stable standard
•widely spread
Mittwoch, 12. Mai 2010
- 14. iPhone - First usable mobile browser
http://www.flickr.com/photos/chris_radcli!/2947219465/
Mittwoch, 12. Mai 2010
- 15. 71% of all phones
have a modern xTML web browser.
http://bit.ly/tomiahonen-2010-almanac
Mittwoch, 12. Mai 2010
- 16. App Store
without Apple!
Mittwoch, 12. Mai 2010
- 22. 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
Mittwoch, 12. Mai 2010
- 23. 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
Mittwoch, 12. Mai 2010
- 24. Layout
index.html
Design
style.css
AJAX Library
Database
Mittwoch, 12. Mai 2010
- 25. Layout
index.html
W3C Widget =
Design
Icon style.css
Configuration
AJAX Library config.xml
Database
Mittwoch, 12. Mai 2010
- 26. What is a W3C Widget?
• HTML
• CSS
• JavaScript
• config.xml
• zip it
• rename to *.wgt
Mittwoch, 12. Mai 2010
- 27. DONE! http://www.flickr.com/photos/sundazed/2704578067/
Mittwoch, 12. Mai 2010
- 29. HTML
tive
na
Mittwoch, 12. Mai 2010
- 30. W3C Widgets
ti ve
na
HTML
tive
na
Mittwoch, 12. Mai 2010
- 31. W3C Widgets
...yes
not purely
but great
HTML
support
Mittwoch, 12. Mai 2010
- 32. Almost for free
• Facebook widget
• Dashboard widget
• Website widget
• TV Widget
• ...
Mittwoch, 12. Mai 2010
- 37. • Camera
• Compass
• GPS
• Accelerometer
• Calendar
• Email
• Address book
• Watch
• Alarm clock
• ...
Mittwoch, 12. Mai 2010
- 38. Multiple Ways
• W3C Spec
http://w3.org/2009/dap/
• JIL Spec
http://www.jil.org/
• BONDI Spec
http://bondi.omtp.org/
Mittwoch, 12. Mai 2010
- 39. Multiple Ways
• JIL Spechttp://www.jil.org/
• BONDI Spec http://bondi.omtp.org/
• W3C Spec http://w3.org/2009/dap/
• PhoneGap http://phonegap.pbworks.com/
• Nokia WRT http://bit.ly/nokia-WRT-APIs
• Appcelerator http://www.codestrong.com/timobile/api/
Mittwoch, 12. Mai 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
Mittwoch, 12. Mai 2010
- 41. PhoneGap
"An express goal of the PhoneGap project
is for the project to not exist."
Open Source
Mittwoch, 12. Mai 2010
- 44. Some numbers
• iPhone App = 364 kB
• JavaScript, HTML, CSS, media = 124 kB
• that means PhoneGap+SDK foot print =
240 kB
Mittwoch, 12. Mai 2010
- 45. Native Look
vs.
One style cross platform
Mittwoch, 12. Mai 2010
- 49. Events, Layout
index.html
a Calendar
Design
Icon style.css
Database
Configuration
AJAX Library config.xml
Mittwoch, 12. Mai 2010
- 55. Want to see it in action?
Download it from your store.
Contact us.
Mittwoch, 12. Mai 2010
- 56. thx
http://uxebu.com
Wolfram Kriesing, uxebu
wolfram@uxebu.com
http://twitter.com/uxebu
http://twitter.com/wolframkriesing
Mittwoch, 12. Mai 2010