HTML5 Apps
Wolfram Kriesinguxebu
Mittwoch, 1. September 2010
We open the mobile web.
Mittwoch, 1. September 2010
JavaScript AJAX
CSS
dojoBrowser
OpenSourceWeb2.0
FrontEnd
Usability UserExperience
mobile
TouchScroll
Mittwoch, 1. September 2010
http://www.flickr.com/photos/cmoi/760513848/
Mittwoch, 1. September 2010
http://www.flickr.com/photos/cmoi/760513848/
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
Landscapehttp://www.flickr.com/photos/tillwe/146242691/
Mittwoch, 1. September 2010
Landscapehttp://www.flickr.com/photos/tillwe/146242691/
Mittwoch, 1. September 2010
http://bit.ly/distimo-appstores
30th July 200914 Stores23rd September 2009
23 Stores2nd December 2009
26 Stores
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
Objective-C JavaSymbian C
.NETJava ...
Mittwoch, 1. September 2010
Cross Platform
Mittwoch, 1. September 2010
HTML
Mittwoch, 1. September 2010
http://www.flickr.com/photos/robadob/88901885/
Engine of the web
Mittwoch, 1. September 2010
Photos
Videos
Docs
Apps
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
App Store without Apple!
Mittwoch, 1. September 2010
What is a Widget?
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
}?
Mittwoch, 1. September 2010
Database
Designstyle.css
Layoutindex.html
AJAX Library
Mittwoch, 1. September 2010
Layoutindex.html
Designstyle.css
Database
AJAX LibraryConfiguration
config.xml
W3C Widget =Icon
Mittwoch, 1. September 2010
What is a W3C Widget?
Mittwoch, 1. September 2010
What is a W3C Widget?
•HTML
•CSS
•JavaScript
•config.xml
•zip it
• rename to *.wgt
Mittwoch, 1. September 2010
DONE!http://www.flickr.com/photos/sundazed/2704578067/
Mittwoch, 1. September 2010
Tools?
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
On any phone?
Mittwoch, 1. September 2010
HTML
native
Mittwoch, 1. September 2010
HTML
native
W3C Widgets
native
Mittwoch, 1. September 2010
...yes
W3C Widgets
not purely
but greatHTML
support
Mittwoch, 1. September 2010
Almost for free
•Facebook widget
•Dashboard widget
•Website widget
•TV Widget
• ...
Mittwoch, 1. September 2010
A Phone is ...
Mittwoch, 1. September 2010
http://www.flickr.com/photos/kratz/1984004945/
Mittwoch, 1. September 2010
http://www.flickr.com/photos/mbiddulph/3087388964/
Mittwoch, 1. September 2010
http://www.flickr.com/photos/redstamp/4222841946/
Mittwoch, 1. September 2010
• Camera
• Compass
• GPS
• Accelerometer
• Calendar
• Address book
• Watch
• Alarm clock
• ...
Mittwoch, 1. September 2010
Multiple Ways
• W3C Spechttp://w3.org/2009/dap/
• JIL Spechttp://www.jil.org/
• BONDI Spechttp://bondi.omtp.org/
Mittwoch, 1. September 2010
if (Widget.Device.PowerInfo.isCharging){
alert("Battery is charging");
}
var player = Widget.Multimedia.AudioPlayer;
player.open("myAudioFile.mp3");
player.play(1);
if (Widget.Device.RadioInfo.isRoaming){
alert("Money Money Money");
}
Mittwoch, 1. September 2010
Platform adaptations
Business andApplication logic
confi
g.xml
PhoneG
ap
info.plist
Android
iP****
Nokia WRT
pure W3CWidgets
kinda W3CWidgets
Mittwoch, 1. September 2010
PhoneGap"An express goal of the PhoneGap project
is for the project to not exist."
Open Source
Mittwoch, 1. September 2010
http://phonegap.pbworks.com/Roadmap
Mittwoch, 1. September 2010
Some numbers
•iPhone App = 364 kB
•JavaScript, HTML, CSS, media = 124 kB
•PhoneGap+SDK = 240 kB
Mittwoch, 1. September 2010
embedJS(Dojo mobile)
http://github.com/uxebu/embedjs
Release JSConf 2010
Mittwoch, 1. September 2010
http://www.flickr.com/photos/tacoekkel/25538919/
Mittwoch, 1. September 2010
http://www.flickr.com/photos/hugo90/3916794427/
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
Buildhttp://github.com/uxebu/embedjs-tools
Mittwoch, 1. September 2010
dojo-ios4.js
dojo-nokia-wrt.js
dojo-blackberry.js
dojo-blackberry46.js
dojo-opera.js
dojo-windows-mobile.js
Mittwoch, 1. September 2010
EventNinja
Mittwoch, 1. September 2010
Database
Layoutindex.html
Designstyle.css
AJAX LibraryConfiguration
config.xml
Icon
Events,a Calendar
Mittwoch, 1. September 2010
http://bit.ly/webdev-events
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
Mittwoch, 1. September 2010
http://uxebu.com/blog/2010/01/25/humanapi-the-browser-in-the-real-world/
Mittwoch, 1. September 2010
thx
http://uxebu.com
Wolfram Kriesing, uxebu
[email protected]://twitter.com/uxebu
http://twitter.com/wolframkriesing
Mittwoch, 1. September 2010