May 12 html5 apps - cross platform - upfront ug berlin

Mobile Apps Cross Platform HTML5 Apps Wolfram Kriesing uxebu Mittwoch, 12. Mai 2010

We open the mobile web. Mittwoch, 12. Mai 2010

Mittwoch, 12. Mai 2010

Landscape http://www.ﬂickr.com/photos/tillwe/146242691/ Mittwoch, 12. Mai 2010

30th July 2009 14 Stores 23rd September 2009 23 Stores 2nd December 2009 26 Stores http://bit.ly/distimo-appstores Mittwoch, 12. Mai 2010

Cross Platform Mittwoch, 12. Mai 2010

Objective-C Symbian C Java Java .NET ... Mittwoch, 12. Mai 2010

HTML Mittwoch, 12. Mai 2010

Engine of the web http://www.ﬂickr.com/photos/robadob/88901885/ Mittwoch, 12. Mai 2010

Why HTML? •lot of devs •easy to write •common •easy to test •stable standard •widely spread Mittwoch, 12. Mai 2010

iPhone - First usable mobile browser http://www.ﬂickr.com/photos/chris_radcli!/2947219465/ Mittwoch, 12. Mai 2010

71% of all phones have a modern xTML web browser. http://bit.ly/tomiahonen-2010-almanac Mittwoch, 12. Mai 2010

App Store without Apple! Mittwoch, 12. Mai 2010

all the (smart)phones have browsers HTML works everywhere! low hanging fruit Mittwoch, 12. Mai 2010

http://www.ﬂickr.com/photos/halfbisqued/2353845688 = W3C Widget, Vodafone360 App Mittwoch, 12. Mai 2010

What is a Widget? Mittwoch, 12. Mai 2010

}? Mittwoch, 12. Mai 2010

Types of "Apps" • Preinstalled • Native App (from "some" app store) • Website limited access to phone resources • W3C Widget access by widget runtime • Wrapped W3C Widget access depends on it's runtime Mittwoch, 12. Mai 2010

Layout index.html Design style.css AJAX Library Database Mittwoch, 12. Mai 2010

Layout index.html W3C Widget = Design Icon style.css Configuration AJAX Library config.xml Database Mittwoch, 12. Mai 2010

What is a W3C Widget? • HTML • CSS • JavaScript • config.xml • zip it • rename to *.wgt Mittwoch, 12. Mai 2010

DONE! http://www.ﬂickr.com/photos/sundazed/2704578067/ Mittwoch, 12. Mai 2010

On any phone? Mittwoch, 12. Mai 2010

HTML tive na Mittwoch, 12. Mai 2010

W3C Widgets ti ve na HTML tive na Mittwoch, 12. Mai 2010

W3C Widgets ...yes not purely but great HTML support Mittwoch, 12. Mai 2010

Almost for free • Facebook widget • Dashboard widget • Website widget • TV Widget • ... Mittwoch, 12. Mai 2010

A Phone is ... Mittwoch, 12. Mai 2010

http://www.ﬂickr.com/photos/kratz/1984004945/ Mittwoch, 12. Mai 2010

http://www.ﬂickr.com/photos/mbiddulph/3087388964/ Mittwoch, 12. Mai 2010

http://www.ﬂickr.com/photos/redstamp/4222841946/ Mittwoch, 12. Mai 2010

• Camera • Compass • GPS • Accelerometer • Calendar • Email • Address book • Watch • Alarm clock • ... Mittwoch, 12. Mai 2010

Multiple Ways • W3C Spec http://w3.org/2009/dap/ • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ Mittwoch, 12. Mai 2010

Multiple Ways • JIL Spechttp://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/ Mittwoch, 12. Mai 2010

Runtimes Nokia S60 • JIL Spechttp://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ iPhone • W3C Spec http://w3.org/2009/dap/ Android • PhoneGap http://phonegap.pbworks.com/ • Nokia WRT http://bit.ly/nokia-WRT-APIs Blackberry • Appcelerator http://www.codestrong.com/timobile/api/ Windows Mobile Mittwoch, 12. Mai 2010

PhoneGap "An express goal of the PhoneGap project is for the project to not exist." Open Source Mittwoch, 12. Mai 2010

http://phonegap.pbworks.com/Roadmap Mittwoch, 12. Mai 2010

Some numbers Mittwoch, 12. Mai 2010

Some numbers • iPhone App = 364 kB • JavaScript, HTML, CSS, media = 124 kB • that means PhoneGap+SDK foot print = 240 kB Mittwoch, 12. Mai 2010

Native Look vs. One style cross platform Mittwoch, 12. Mai 2010

EventNinja Mittwoch, 12. Mai 2010

Events, Layout index.html a Calendar Design Icon style.css Database Configuration AJAX Library config.xml Mittwoch, 12. Mai 2010

http://bit.ly/webdev-events Mittwoch, 12. Mai 2010

http://uxebu.com/blog/2010/01/25/humanapi-the-browser-in-the-real-world/ Mittwoch, 12. Mai 2010

Want to see it in action? Download it from your store. Contact us. Mittwoch, 12. Mai 2010

thx http://uxebu.com Wolfram Kriesing, uxebu wolfram@uxebu.com http://twitter.com/uxebu http://twitter.com/wolframkriesing Mittwoch, 12. Mai 2010

May 12 html5 apps - cross platform - upfront ug berlin

by guest77ba6f5 on May 12, 2010

Accessibility

Tags

Upload Details

Usage Rights

1 Embed 13

Statistics

May 12 html5 apps - cross platform - upfront ug berlin — Presentation Transcript