Mobile Apps Cross Platform - Droidcon 2009

Cross Platform
Mobile Apps
Using HTML, CSS, JavaScript

Wolfram Kriesing, uxebu
@wolframkriesing

Donnerstag, 26. November 2009

JavaScript FrontEnd AJAX
Usability
UserExperience
Browser CSS
django dojo
mobile Web2.0
widgets OpenSource

Wolfram Kriesing, uxebu @wolframkriesing


Stores

30th July 2009
14 Stores

http://blog.distimo.com/mobile-app-store-overview/



Stores

30th July 2009
27th October 2009
14 Stores
24 Stores

http://blog.distimo.com/mobile-app-store-overview/



Wanna write native
Apps for each?



Native Apps

• iPhone Objective-C
• Android, Blackberry Java
• Nokia Symbian C
• Sony Ericsson Java
• Window Mobile .NET
Cross Platform
Expensive and OUCH anyway


Types of Mobile "Apps"

• 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



we
le l l-k
p no
s im wn
HTML
te st
easy to CSS simp
le te
xt
JavaScript
easy
velop to d
fast to de evel
op



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



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



Unified
Development
tools


What is a W3C Widget?

• Native app on the phone
• Not a website!
• Can do AJAX, SVG, CSS Transitions, etc.
• Has it's own runtime (mostly)




• HTML
• CSS
• JavaScript
• config.xml
• zip it
• rename to *.wgt



Almost for free

• Palm Pré
• Facebook widget
• Dashboard widget
• Website widget
• TV Widget
• ...



Any Standards?



W3C Widget Spec

• specifies packaging & configuration



We want more!



Native Access

• Camera
• Telephony
• Geo location
• Accelerometer
• Compass
• Contacts
• ...


Multiple Ways

• JIL Spec http://www.jil.org/

• BONDI Spec http://bondi.omtp.org/

• W3C Spec http://w3.org/2009/dap/



But they are just specs :-(



Multiple Ways



• 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???


Runtimes


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



PhoneGap
"An express goal of the PhoneGap project
is for the project to not exist."

Open Source



Some numbers

• iPhone App = 364 kB
• JavaScript, HTML, CSS, media = 124 kB
• that means PhoneGap+SDK foot print = 240 kB



thx

http://blog.uxebu.com

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



Mobile Apps Cross Platform - Droidcon 2009

Recomendados

Recomendados

Más contenido relacionado

Similar a Mobile Apps Cross Platform - Droidcon 2009

Similar a Mobile Apps Cross Platform - Droidcon 2009 (20)

Más de wolframkriesing

Más de wolframkriesing (20)

Último

Último (20)

Mobile Apps Cross Platform - Droidcon 2009