Mobile AppsCross Platform
HTML5 AppsWolfram Kriesing
uxebu
Montag, 12. April 2010
We open the mobile web.
Montag, 12. April 2010
Montag, 12. April 2010
Landscapehttp://www.flickr.com/photos/tillwe/146242691/
Montag, 12. April 2010
Landscapehttp://www.flickr.com/photos/tillwe/146242691/
Montag, 12. April 2010
http://bit.ly/distimo-appstores
30th July 200914 Stores23rd September 2009
23 Stores2nd December 2009
26 Stores
Montag, 12. April 2010
Cross Platform
Montag, 12. April 2010
Objective-C JavaSymbian C
.NETJava ...
Montag, 12. April 2010
HTML
Montag, 12. April 2010
http://www.flickr.com/photos/robadob/88901885/
Engine of the web
Montag, 12. April 2010
Why HTML?
•lot of devs
•easy to write
•common
•easy to test
•stable standard
•widely spread
Montag, 12. April 2010
http://www.flickr.com/photos/chris_radcli!/2947219465/
iPhone - First usable mobile browser
Montag, 12. April 2010
http://bit.ly/tomiahonen-2010-almanac
71% of all phoneshave a modern!xTML web browser.
Montag, 12. April 2010
App Store without Apple!
Montag, 12. April 2010
HTML works everywhere!
all the (smart)phones have browsers
low hanging fruit
Montag, 12. April 2010
http://www.flickr.com/photos/halfbisqued/2353845688
=W3C Widget,
Vodafone360 App
Montag, 12. April 2010
What is a Widget?
Montag, 12. April 2010
Montag, 12. April 2010
}?
Montag, 12. April 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, 12. April 2010
Database
Designstyle.css
Layoutindex.html
AJAX Library
Montag, 12. April 2010
Layoutindex.html
Designstyle.css
Database
AJAX LibraryConfiguration
config.xml
W3C Widget =Icon
Montag, 12. April 2010
What is a W3C Widget?
Montag, 12. April 2010
What is a W3C Widget?
Montag, 12. April 2010
What is a W3C Widget?
•HTML
•CSS
•JavaScript
•config.xml
•zip it
• rename to *.wgt
Montag, 12. April 2010
DONE!http://www.flickr.com/photos/sundazed/2704578067/
Montag, 12. April 2010
On any phone?
Montag, 12. April 2010
HTML
native
Montag, 12. April 2010
HTML
native
W3C Widgets
native
Montag, 12. April 2010
HTML
native
W3C Widgets
native
Montag, 12. April 2010
HTML
native
W3C Widgets
native
Montag, 12. April 2010
...yes
W3C Widgets
not purely
but greatHTML
support
Montag, 12. April 2010
Almost for free
•Facebook widget
•Dashboard widget
•Website widget
•TV Widget
• ...
Montag, 12. April 2010
A Phone is ...
Montag, 12. April 2010
http://www.flickr.com/photos/kratz/1984004945/
Montag, 12. April 2010
http://www.flickr.com/photos/mbiddulph/3087388964/
Montag, 12. April 2010
http://www.flickr.com/photos/redstamp/4222841946/
Montag, 12. April 2010
• Camera
• Compass
• GPS
• Accelerometer
• Calendar
• Address book
• Watch
• Alarm clock
• ...
Montag, 12. April 2010
Multiple Ways
• W3C Spechttp://w3.org/2009/dap/
• JIL Spechttp://www.jil.org/
• BONDI Spechttp://bondi.omtp.org/
Montag, 12. April 2010
Runtimes
•JIL Spec http://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/
Nokia S60
iPhone
Android
Blackberry
WindowsMobile
Montag, 12. April 2010
PhoneGap"An express goal of the PhoneGap project
is for the project to not exist."
Open Source
Montag, 12. April 2010
http://phonegap.pbworks.com/Roadmap
Montag, 12. April 2010
Some numbers
•iPhone App = 364 kB
•JavaScript, HTML, CSS, media = 124 kB
• that means PhoneGap+SDK foot print = 240 kB
Montag, 12. April 2010
EventNinja
Montag, 12. April 2010
Database
Layoutindex.html
Designstyle.css
AJAX LibraryConfiguration
config.xml
Icon
Events,a Calendar
Montag, 12. April 2010
http://bit.ly/webdev-events
Montag, 12. April 2010
Montag, 12. April 2010
Montag, 12. April 2010
Montag, 12. April 2010
http://uxebu.com/blog/2010/01/25/humanapi-the-browser-in-the-real-world/
Montag, 12. April 2010
Want to see it in action?
Download it from your store.
Contact us.
Montag, 12. April 2010
thx
http://uxebu.com
Wolfram Kriesing, uxebu
[email protected]://twitter.com/uxebu
http://twitter.com/wolframkriesing
Montag, 12. April 2010
Top Related