More Related Content More from wolframkriesing (20) Mobile-Times 2010: Cross Platform Apps1. Mobile Apps
Cross Platform
Wolfram Kriesing
uxebu
Donnerstag, 4. März 2010
4. Landscape
http://www.flickr.com/photos/tillwe/146242691/
Donnerstag, 4. März 2010
5. Landscape
http://www.flickr.com/photos/tillwe/146242691/
Donnerstag, 4. März 2010
6. 30th July 2009
14 Stores
23rd September 2009
23 Stores
2nd December 2009
26 Stores
http://bit.ly/distimo-appstores
Donnerstag, 4. März 2010
8. Objective-C Symbian C Java
Java .NET ...
Donnerstag, 4. März 2010
10. Engine of the web
http://www.flickr.com/photos/robadob/88901885/
Donnerstag, 4. März 2010
11. Why HTML?
•lot of devs
•easy to write
•common
•easy to test
•stable standard
•widely spread
Donnerstag, 4. März 2010
12. iPhone - First usable mobile browser
http://www.flickr.com/photos/chris_radcli!/2947219465/
Donnerstag, 4. März 2010
13. 71% of all phones
have a modern xTML web browser.
http://bit.ly/tomiahonen-2010-almanac
Donnerstag, 4. März 2010
14. App Store
without Apple!
Donnerstag, 4. März 2010
15. all the (smart)phones have browsers
HTML works everywhere!
low hanging fruit
Donnerstag, 4. März 2010
17. What is a Widget?
Donnerstag, 4. März 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
Donnerstag, 4. März 2010
21. 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
Donnerstag, 4. März 2010
22. Layout
index.html
Design
style.css
AJAX Library
Database
Donnerstag, 4. März 2010
23. Layout
index.html
W3C Widget =
Design
Icon style.css
Configuration
AJAX Library config.xml
Database
Donnerstag, 4. März 2010
24. What is a W3C Widget?
• HTML
• CSS
• JavaScript
• config.xml
• zip it
• rename to *.wgt
Donnerstag, 4. März 2010
25. DONE! http://www.flickr.com/photos/sundazed/2704578067/
Donnerstag, 4. März 2010
27. HTML
tive
na
Donnerstag, 4. März 2010
28. W3C Widgets
ti ve
na
HTML
tive
na
Donnerstag, 4. März 2010
29. W3C Widgets
...yes
not purely
but great
HTML
support
Donnerstag, 4. März 2010
30. Almost for free
• Facebook widget
• Dashboard widget
• Website widget
• TV Widget
• ...
Donnerstag, 4. März 2010
35. • Camera
• Compass
• GPS
• Accelerometer
• Calendar
• Email
• Address book
• Watch
• Alarm clock
• ...
Donnerstag, 4. März 2010
36. Multiple Ways
• W3C Spec
http://w3.org/2009/dap/
• JIL Spec
http://www.jil.org/
• BONDI Spec
http://bondi.omtp.org/
Donnerstag, 4. März 2010
37. 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
Donnerstag, 4. März 2010
38. PhoneGap
"An express goal of the PhoneGap project
is for the project to not exist."
Open Source
Donnerstag, 4. März 2010
40. Some numbers
• iPhone App = 364 kB
• JavaScript, HTML, CSS, media = 124 kB
• that means PhoneGap+SDK foot print =
240 kB
Donnerstag, 4. März 2010
42. Events, Layout
index.html
a Calendar
Design
Icon style.css
Database
Configuration
AJAX Library config.xml
Donnerstag, 4. März 2010
48. thx
http://uxebu.com
Wolfram Kriesing, uxebu
wolfram@uxebu.com
http://twitter.com/uxebu
http://twitter.com/wolframkriesing
Donnerstag, 4. März 2010