Cross platform development - by Uxebu
-
Upload
vodafone-developer -
Category
Technology
-
view
666 -
download
2
Transcript of Cross platform development - by Uxebu
![Page 1: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/1.jpg)
Mobile AppsCross Platform
Wolfram Kriesinguxebu
Montag, 15. Februar 2010
![Page 2: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/2.jpg)
We open the mobile web.
Montag, 15. Februar 2010
![Page 3: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/3.jpg)
Montag, 15. Februar 2010
![Page 4: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/4.jpg)
Landscapehttp://www.flickr.com/photos/tillwe/146242691/
Montag, 15. Februar 2010
![Page 5: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/5.jpg)
Landscapehttp://www.flickr.com/photos/tillwe/146242691/
Montag, 15. Februar 2010
![Page 6: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/6.jpg)
http://bit.ly/distimo-appstores
30th July 200914 Stores23rd September 2009
23 Stores2nd December 2009
26 Stores
Montag, 15. Februar 2010
![Page 7: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/7.jpg)
Cross Platform
Montag, 15. Februar 2010
![Page 8: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/8.jpg)
Objective-C JavaSymbian C
.NETJava ...
Montag, 15. Februar 2010
![Page 9: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/9.jpg)
HTML
Montag, 15. Februar 2010
![Page 10: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/10.jpg)
http://www.flickr.com/photos/robadob/88901885/
Engine of the web
Montag, 15. Februar 2010
![Page 11: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/11.jpg)
Why HTML?
•lot of devs
•easy to write
•common
•easy to test
•stable standard
•widely spread
Montag, 15. Februar 2010
![Page 12: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/12.jpg)
http://www.flickr.com/photos/chris_radcli!/2947219465/
iPhone - First usable mobile browser
Montag, 15. Februar 2010
![Page 13: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/13.jpg)
http://bit.ly/tomiahonen-2010-almanac
71% of all phoneshave a modern!xTML web browser.
Montag, 15. Februar 2010
![Page 14: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/14.jpg)
HTML works everywhere!
all the (smart)phones have browsers
low hanging fruit
Montag, 15. Februar 2010
![Page 15: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/15.jpg)
http://www.flickr.com/photos/halfbisqued/2353845688
=W3C Widget,
Vodafone360 App
Montag, 15. Februar 2010
![Page 16: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/16.jpg)
What is a Widget?
Montag, 15. Februar 2010
![Page 17: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/17.jpg)
Montag, 15. Februar 2010
![Page 18: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/18.jpg)
Montag, 15. Februar 2010
![Page 19: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/19.jpg)
}?
Montag, 15. Februar 2010
![Page 20: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/20.jpg)
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
![Page 21: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/21.jpg)
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
![Page 22: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/22.jpg)
Database
Designstyle.css
Layoutindex.html
AJAX Library
Montag, 15. Februar 2010
![Page 23: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/23.jpg)
Layoutindex.html
Designstyle.css
Database
AJAX LibraryConfiguration
config.xml
W3C Widget =Icon
Montag, 15. Februar 2010
![Page 24: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/24.jpg)
DONE!http://www.flickr.com/photos/sundazed/2704578067/
Montag, 15. Februar 2010
![Page 25: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/25.jpg)
Montag, 15. Februar 2010
![Page 26: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/26.jpg)
Montag, 15. Februar 2010
![Page 27: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/27.jpg)
QA
•Install?
•Run?
•Logo?
•Malware, Virus?
•Content
• ....
http://www.slideshare.net/portathons/vodafone-360-quality-criteria-and-testing-191009
Montag, 15. Februar 2010
![Page 28: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/28.jpg)
Montag, 15. Februar 2010
![Page 29: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/29.jpg)
On any phone?
Montag, 15. Februar 2010
![Page 30: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/30.jpg)
HTML
native
Montag, 15. Februar 2010
![Page 31: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/31.jpg)
HTML
native
Montag, 15. Februar 2010
![Page 32: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/32.jpg)
HTML
native
W3C Widgets
native
Montag, 15. Februar 2010
![Page 33: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/33.jpg)
W3C Widgets
...yes
Montag, 15. Februar 2010
![Page 34: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/34.jpg)
...yes
W3C Widgets
not purely
but greatHTML
support
Montag, 15. Februar 2010
![Page 35: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/35.jpg)
Montag, 15. Februar 2010
![Page 36: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/36.jpg)
A Phone is ...
Montag, 15. Februar 2010
![Page 37: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/37.jpg)
http://www.flickr.com/photos/kratz/1984004945/
Montag, 15. Februar 2010
![Page 38: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/38.jpg)
http://www.flickr.com/photos/mbiddulph/3087388964/
Montag, 15. Februar 2010
![Page 39: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/39.jpg)
http://www.flickr.com/photos/redstamp/4222841946/
Montag, 15. Februar 2010
![Page 40: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/40.jpg)
• Camera
• Compass
• GPS
• Accelerometer
• Calendar
• Address book
• Watch
• Alarm clock
• ...
Montag, 15. Februar 2010
![Page 41: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/41.jpg)
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
![Page 42: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/42.jpg)
EventNinja
Montag, 15. Februar 2010
![Page 43: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/43.jpg)
Database
Layoutindex.html
Designstyle.css
AJAX LibraryConfiguration
config.xml
Icon
Events,a Calendar
Montag, 15. Februar 2010
![Page 44: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/44.jpg)
http://bit.ly/webdev-events
Montag, 15. Februar 2010
![Page 45: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/45.jpg)
Montag, 15. Februar 2010
![Page 46: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/46.jpg)
Montag, 15. Februar 2010
![Page 47: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/47.jpg)
Montag, 15. Februar 2010
![Page 48: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/48.jpg)
Want to see it in action?
Download it from your store.
Contact us.
Montag, 15. Februar 2010
![Page 49: Cross platform development - by Uxebu](https://reader033.fdocuments.net/reader033/viewer/2022052822/554ccfbab4c905cc488b470a/html5/thumbnails/49.jpg)
thx
http://uxebu.com
Wolfram Kriesing, uxebu
[email protected]://twitter.com/uxebu
http://twitter.com/wolframkriesing
Montag, 15. Februar 2010