Mobile Apps Cross Platform Mobile Monday Düsseldorf 2009

Mobile Apps Cross Platform enabling LBS Using HTML, CSS, JavaScript Wolfram Kriesing, uxebu @wolframkriesing

JavaScript FrontEnd AJAX Usability UserExperience Browser CSS djang dojo mobile Web2. widgets OpenSourc Wolfram Kriesing, uxebu @wolframkriesing

Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing

Native Apps • iPhone Objective-C Wolfram Kriesing, uxebu @wolframkriesing

Native Apps • iPhone Objective-C • Android, Blackberry Java Wolfram Kriesing, uxebu @wolframkriesing

Native Apps • iPhone Objective-C • Android, Blackberry Java • Nokia Symbian C Wolfram Kriesing, uxebu @wolframkriesing

Native Apps • iPhone Objective-C • Android, Blackberry Java • Nokia Symbian C • Sony Ericsson Java Wolfram Kriesing, uxebu @wolframkriesing

Native Apps • iPhone Objective-C • Android, Blackberry Java • Nokia Symbian C • Sony Ericsson Java • Window Mobile .NET Wolfram Kriesing, uxebu @wolframkriesing

Native Apps • iPhone Objective-C • Android, Blackberry Java • Nokia Symbian C • Sony Ericsson Java • Window Mobile .NET Cross Platform Expensive and OUCH anyway Wolfram Kriesing, uxebu @wolframkriesing

Types of Mobile "Apps" Wolfram Kriesing, uxebu @wolframkriesing

Types of Mobile • Preinstalled Wolfram Kriesing, uxebu @wolframkriesing

Types of Mobile • Preinstalled • Native App (from "some" app store) Wolfram Kriesing, uxebu @wolframkriesing

Types of Mobile • Preinstalled • Native App (from "some" app store) • Website limited access to phone resources Wolfram Kriesing, uxebu @wolframkriesing

Types of Mobile • Preinstalled • Native App (from "some" app store) • Website limited access to phone resources • W3C Widget access to what the widget runtime provides Wolfram Kriesing, uxebu @wolframkriesing

Types of Mobile • Preinstalled • Native App (from "some" app store) • Website limited access to phone resources • W3C Widget access to what the widget runtime provides • W3C Widget wrapped as native app depends on it's runtime Wolfram Kriesing, uxebu @wolframkriesing

Wolfram Kriesing, uxebu @wolframkriesing

Small apps. Very focused. Many platforms. Wolfram Kriesing, uxebu @wolframkriesing

Mobile Moment Wolfram Kriesing, uxebu @wolframkriesing

HTML CSS JavaScript Wolfram Kriesing, uxebu @wolframkriesing

p le s im HTML CSS JavaScript Wolfram Kriesing, uxebu @wolframkriesing

we ll- p le kn s im ow n HTML CSS JavaScript Wolfram Kriesing, uxebu @wolframkriesing

we ll- p le kn s im ow n HTML CSS JavaScript develop fas t to Wolfram Kriesing, uxebu @wolframkriesing

we ll- p le kn s im ow n HTML CSS JavaScript eas y to develop dev fas t to elop Wolfram Kriesing, uxebu @wolframkriesing

we ll- p le kn s im ow n st HTML te ea sy to CSS JavaScript eas y to develop dev fas t to elop Wolfram Kriesing, uxebu @wolframkriesing

we ll- p le kn s im ow n st HTML te simp ea sy to CSS le te xt JavaScript eas y to develop dev fas t to elop Wolfram Kriesing, uxebu @wolframkriesing

Website as "App" Wolfram Kriesing, uxebu @wolframkriesing

Website as "App" • Native look ok Wolfram Kriesing, uxebu @wolframkriesing

Website as "App" • Native look ok • Well-known technologies (HTML, CSS, JavaScript) super Wolfram Kriesing, uxebu @wolframkriesing

Website as "App" • Native look ok • Well-known technologies (HTML, CSS, JavaScript) super • Access native functionality e.g.: position, contacts, sensors, ... no Wolfram Kriesing, uxebu @wolframkriesing

Website as "App" • Native look ok • Well-known technologies (HTML, CSS, JavaScript) super • Access native functionality e.g.: position, contacts, sensors, ... no • Offline not really Wolfram Kriesing, uxebu @wolframkriesing

W3C Widgets http://www.quirksmode.org/blog/archives/2009/04/introduction_to.html • Native look ok • Well-known technologies (HTML, CSS, JavaScript) super • Access native functionality e.g.: position, contacts, sensors, ... no yes • Offline not really really Wolfram Kriesing, uxebu @wolframkriesing

What is a W3C Wolfram Kriesing, uxebu @wolframkriesing

What is a W3C • Native app on the phone Wolfram Kriesing, uxebu @wolframkriesing

What is a W3C • Native app on the phone • Not a website! Wolfram Kriesing, uxebu @wolframkriesing

What is a W3C • Native app on the phone • Not a website! • Can do AJAX, SVG, CSS Transitions, etc. Wolfram Kriesing, uxebu @wolframkriesing

What is a W3C • Native app on the phone • Not a website! • Can do AJAX, SVG, CSS Transitions, etc. • Has it's own runtime (mostly) Wolfram Kriesing, uxebu @wolframkriesing

What is a W3C Wolfram Kriesing, uxebu @wolframkriesing

What is a W3C • HTML • CSS • JavaScript • conﬁg.xml • zip it • rename to *.wgt Wolfram Kriesing, uxebu @wolframkriesing

Almost for free Wolfram Kriesing, uxebu @wolframkriesing

Almost for free • Facebook widget Wolfram Kriesing, uxebu @wolframkriesing

Almost for free • Facebook widget • Dashboard widget Wolfram Kriesing, uxebu @wolframkriesing

Almost for free • Facebook widget • Dashboard widget • Website widget Wolfram Kriesing, uxebu @wolframkriesing

Almost for free • Facebook widget • Dashboard widget • Website widget • TV Widget Wolfram Kriesing, uxebu @wolframkriesing

Almost for free • Facebook widget • Dashboard widget • Website widget • TV Widget • ... Wolfram Kriesing, uxebu @wolframkriesing

Any Standards? Wolfram Kriesing, uxebu @wolframkriesing

W3C Widget Spec Wolfram Kriesing, uxebu @wolframkriesing

W3C Widget Spec • speciﬁes packaging Wolfram Kriesing, uxebu @wolframkriesing

We want more! Wolfram Kriesing, uxebu @wolframkriesing

Native Access • Camera • Telephony • Geo location • Accelerometer • Compass • Contacts • ... Wolfram Kriesing, uxebu @wolframkriesing

Multiple Ways • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ • W3C Spec http://w3.org/2009/dap/ Wolfram Kriesing, uxebu @wolframkriesing

But they are just specs :-( Wolfram Kriesing, uxebu @wolframkriesing

Multiple Ways Wolfram Kriesing, uxebu @wolframkriesing

Multiple Ways • JIL Spec http://www.jil.org/ Wolfram Kriesing, uxebu @wolframkriesing

Multiple Ways • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ Wolfram Kriesing, uxebu @wolframkriesing

Multiple Ways • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ • W3C Spec http://w3.org/2009/dap/ Wolfram Kriesing, uxebu @wolframkriesing

Multiple Ways • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ • W3C Spec http://w3.org/2009/dap/ • PhoneGap http://phonegap.pbworks.com/ Wolfram Kriesing, uxebu @wolframkriesing

Multiple Ways • 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 Wolfram Kriesing, uxebu @wolframkriesing

Multiple Ways • 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/ Wolfram Kriesing, uxebu @wolframkriesing

Multiple Ways • 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/ • Google Chrome OS??? Wolfram Kriesing, uxebu @wolframkriesing

Runtimes • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ Nokia S60 • W3C Spec http://w3.org/2009/dap/ iPhone • PhoneGap http://phonegap.pbworks.com/ Android • Nokia WRT http://bit.ly/nokia-WRT-APIs Blackberry • Appcelerator http://www.codestrong.com/timobile/api/ • Google Chrome OS??? Windows Mobile Wolfram Kriesing, uxebu @wolframkriesing

PhoneGap "An express goal of the PhoneGap project is for the project to not exist." Wolfram Kriesing, uxebu @wolframkriesing

PhoneGap "An express goal of the PhoneGap project is for the project to not exist." Open Source Wolfram Kriesing, uxebu @wolframkriesing

Distribution? Wolfram Kriesing, uxebu @wolframkriesing

Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing

th http://blog.uxebu.com Wolfram Kriesing, uxebu wolfram@uxebu.com http://twitter.com/uxebu http://twitter.com/wolframkriesing Wolfram Kriesing, uxebu @wolframkriesing

http://wapcoder.de	10
http://www.slideshare.net	8
http://blog.fasoulas.com	2

Mobile Apps Cross Platform Mobile Monday Düsseldorf 2009

by wolframkriesing

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 20

Statistics