mobile cross platform mwc barcelona 2010 at vodafone app planet
DESCRIPTION
This presentation is a high level overview of how to build a W3C Widget and which devices we put it on.TRANSCRIPT
Mobile AppsCross Platform
Wolfram Kriesinguxebu
Montag, 15. Februar 2010
We open the mobile web.
Montag, 15. Februar 2010
Montag, 15. Februar 2010
Landscapehttp://www.flickr.com/photos/tillwe/146242691/
Montag, 15. Februar 2010
Landscapehttp://www.flickr.com/photos/tillwe/146242691/
Montag, 15. Februar 2010
http://bit.ly/distimo-appstores
30th July 200914 Stores23rd September 2009
23 Stores2nd December 2009
26 Stores
Montag, 15. Februar 2010
Cross Platform
Montag, 15. Februar 2010
Objective-C JavaSymbian C
.NETJava ...
Montag, 15. Februar 2010
HTML
Montag, 15. Februar 2010
http://www.flickr.com/photos/robadob/88901885/
Engine of the web
Montag, 15. Februar 2010
Why HTML?
•lot of devs
•easy to write
•common
•easy to test
•stable standard
•widely spread
Montag, 15. Februar 2010
http://www.flickr.com/photos/chris_radcli!/2947219465/
iPhone - First usable mobile browser
Montag, 15. Februar 2010
http://bit.ly/tomiahonen-2010-almanac
71% of all phoneshave a modern!xTML web browser.
Montag, 15. Februar 2010
HTML works everywhere!
all the (smart)phones have browsers
low hanging fruit
Montag, 15. Februar 2010
http://www.flickr.com/photos/halfbisqued/2353845688
=W3C Widget,
Vodafone360 App
Montag, 15. Februar 2010
What is a Widget?
Montag, 15. Februar 2010
Montag, 15. Februar 2010
Montag, 15. Februar 2010
}?
Montag, 15. Februar 2010
Types of "Apps"
• Preinstalled
• Native App (from "some" app store)
• Websitelimited access to phone resources
• W3C Widgetaccess by widget runtime
• Wrapped W3C Widgetaccess depends on it's runtime
Montag, 15. Februar 2010
Types of "Apps"
• Preinstalled
• Native App (from "some" app store)
• Websitelimited access to phone resources
• W3C Widgetaccess by widget runtime
• Wrapped W3C Widgetaccess depends on it's runtime
Montag, 15. Februar 2010
Database
Designstyle.css
Layoutindex.html
AJAX Library
Montag, 15. Februar 2010
Layoutindex.html
Designstyle.css
Database
AJAX LibraryConfiguration
config.xml
W3C Widget =Icon
Montag, 15. Februar 2010
DONE!http://www.flickr.com/photos/sundazed/2704578067/
Montag, 15. Februar 2010
Montag, 15. Februar 2010
Montag, 15. Februar 2010
QA
•Install?
•Run?
•Logo?
•Malware, Virus?
•Content
• ....
http://www.slideshare.net/portathons/vodafone-360-quality-criteria-and-testing-191009
Montag, 15. Februar 2010
Montag, 15. Februar 2010
On any phone?
Montag, 15. Februar 2010
HTML
native
Montag, 15. Februar 2010
HTML
native
Montag, 15. Februar 2010
HTML
native
W3C Widgets
native
Montag, 15. Februar 2010
W3C Widgets
...yes
Montag, 15. Februar 2010
...yes
W3C Widgets
not purely
but greatHTML
support
Montag, 15. Februar 2010
Montag, 15. Februar 2010
A Phone is ...
Montag, 15. Februar 2010
http://www.flickr.com/photos/kratz/1984004945/
Montag, 15. Februar 2010
http://www.flickr.com/photos/mbiddulph/3087388964/
Montag, 15. Februar 2010
http://www.flickr.com/photos/redstamp/4222841946/
Montag, 15. Februar 2010
• Camera
• Compass
• GPS
• Accelerometer
• Calendar
• Address book
• Watch
• Alarm clock
• ...
Montag, 15. Februar 2010
Native APIs
•JIL.orghttp://jil.org
•W3C DAPhttp://www.w3.org/2009/dap/
•W3C System APIhttp://www.w3.org/TR/2010/WD-system-info-api-20100202/
•...
Montag, 15. Februar 2010
EventNinja
Montag, 15. Februar 2010
Database
Layoutindex.html
Designstyle.css
AJAX LibraryConfiguration
config.xml
Icon
Events,a Calendar
Montag, 15. Februar 2010
http://bit.ly/webdev-events
Montag, 15. Februar 2010
Montag, 15. Februar 2010
Montag, 15. Februar 2010
Montag, 15. Februar 2010
Want to see it in action?
Download it from your store.
Contact us.
Montag, 15. Februar 2010
thx
http://uxebu.com
Wolfram Kriesing, uxebu
[email protected]://twitter.com/uxebu
http://twitter.com/wolframkriesing
Montag, 15. Februar 2010