app vs. widget, html5 apps - cross platform
DESCRIPTION
Slides from the Mobile Moday Developer Day Munich about "App vs. Widget - HTML5 Apps".We show how to get to multiple platforms with the standard web technologies HTML, JavaScript and CSS.TRANSCRIPT
App vs. Widget
HTML5 AppsWolfram Kriesing
uxebu
Montag, 17. Mai 2010
Wolfram Kriesinguxebu
App vs. Widget
HTML5 Apps
Montag, 17. Mai 2010
We open the mobile web.
Montag, 17. Mai 2010
Montag, 17. Mai 2010
Montag, 17. Mai 2010
Montag, 17. Mai 2010
Landscapehttp://www.flickr.com/photos/tillwe/146242691/
Montag, 17. Mai 2010
Landscapehttp://www.flickr.com/photos/tillwe/146242691/
Montag, 17. Mai 2010
http://bit.ly/distimo-appstores
30th July 200914 Stores23rd September 2009
23 Stores2nd December 2009
26 Stores
Montag, 17. Mai 2010
Cross Platform
Montag, 17. Mai 2010
Montag, 17. Mai 2010
Objective-C JavaSymbian C
.NETJava ...
Montag, 17. Mai 2010
HTML
Montag, 17. Mai 2010
http://www.flickr.com/photos/robadob/88901885/
Engine of the web
Montag, 17. Mai 2010
http://www.flickr.com/photos/chris_radcli!/2947219465/
iPhone - First usable mobile browser
Montag, 17. Mai 2010
http://uxebu.com/blog/2010/04/27/touchscroll-a-scrolling-layer-for-webkit-mobile/
Montag, 17. Mai 2010
Montag, 17. Mai 2010
App Store without Apple!
Montag, 17. Mai 2010
What is a Widget?
Montag, 17. Mai 2010
Montag, 17. Mai 2010
}?
Montag, 17. Mai 2010
Database
Designstyle.css
Layoutindex.html
AJAX Library
Montag, 17. Mai 2010
Layoutindex.html
Designstyle.css
Database
AJAX LibraryConfiguration
config.xml
W3C Widget =Icon
Montag, 17. Mai 2010
What is a W3C Widget?
Montag, 17. Mai 2010
What is a W3C Widget?
Montag, 17. Mai 2010
What is a W3C Widget?
•HTML
•CSS
•JavaScript
•config.xml
•zip it
• rename to *.wgt
Montag, 17. Mai 2010
DONE!http://www.flickr.com/photos/sundazed/2704578067/
Montag, 17. Mai 2010
On any phone?
Montag, 17. Mai 2010
HTML
native
Montag, 17. Mai 2010
HTML
native
W3C Widgets
native
Montag, 17. Mai 2010
...yes
W3C Widgets
not purely
but greatHTML
support
Montag, 17. Mai 2010
Almost for free
•Facebook widget
•Dashboard widget
•Website widget
•TV Widget
• ...
Montag, 17. Mai 2010
Almost for free
•Facebook widget
•Dashboard widget
•Website widget
•TV Widget
• ...
Montag, 17. Mai 2010
A Phone is ...
Montag, 17. Mai 2010
http://www.flickr.com/photos/kratz/1984004945/
Montag, 17. Mai 2010
http://www.flickr.com/photos/mbiddulph/3087388964/
Montag, 17. Mai 2010
http://www.flickr.com/photos/redstamp/4222841946/
Montag, 17. Mai 2010
• Camera
• Compass
• GPS
• Accelerometer
• Calendar
• Address book
• Watch
• Alarm clock
• ...
Montag, 17. Mai 2010
Multiple Ways
• W3C Spechttp://w3.org/2009/dap/
• JIL Spechttp://www.jil.org/
• BONDI Spechttp://bondi.omtp.org/
Montag, 17. Mai 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, 17. Mai 2010
PhoneGap"An express goal of the PhoneGap project
is for the project to not exist."
Open Source
Montag, 17. Mai 2010
http://phonegap.pbworks.com/Roadmap
Montag, 17. Mai 2010
EventNinja
Montag, 17. Mai 2010
Database
Layoutindex.html
Designstyle.css
AJAX LibraryConfiguration
config.xml
Icon
Events,a Calendar
Montag, 17. Mai 2010
http://bit.ly/webdev-events
Montag, 17. Mai 2010
Montag, 17. Mai 2010
Montag, 17. Mai 2010
Montag, 17. Mai 2010
http://uxebu.com/blog/2010/01/25/humanapi-the-browser-in-the-real-world/
Montag, 17. Mai 2010
Want to see it in action?
Download it from your store.
Contact us.
Montag, 17. Mai 2010
thx
http://uxebu.com
Wolfram Kriesing, uxebu
[email protected]://twitter.com/uxebu
http://twitter.com/wolframkriesing
Montag, 17. Mai 2010