mobile apps cross platform - overtheair london, 2009

Mobile AppsCross Platform

Wolfram Kriesing, uxebu@wolframkriesing

Using HTML, CSS, JavaScript

Freitag, 25. September 2009

Wolfram Kriesing, uxebu @wolframkriesing

JavaScript AJAX

CSSdojo

Browser

OpenSourceWeb2.0

FrontEndUsability UserExperience

django mobilewidgets

Stores

http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf

30th July 200914 Stores

Stores

30th July 200914 Stores

23rd September 200923 Stores

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)

• Websitelimited access to phone resources

• W3C Widgetaccess to what the widget runtime provides

• W3C Widget wrapped as native appdepends on it's runtime

Small apps.

Very focused.

Many platforms.

Mobile Moment

HTMLCSS

JavaScript

simplewell-known

fast to developeasy to develop

easy to testsimple text

Website as "App"

• Native look ok

• Well-known technologies super(HTML, CSS, JavaScript)

• Access native functionality noe.g.: position, contacts, sensors, ...

• Offline not really

W3C Widgets

• Native look ok

• Well-known technologies super(HTML, CSS, JavaScript)

• Access native functionality no yese.g.: position, contacts, sensors, ...

• Offline not really really

http://www.quirksmode.org/blog/archives/2009/04/introduction_to.html

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

• Facebook widget

• Dashboard widget

• Website widget

• TV Widget

• ...

Almost for free

• Facebook widget

• Dashboard widget

• Website widget

• TV Widget

• ...

Any Standards?

W3C Widget Spec

• specifies packaging

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

• PhoneGap http://phonegap.pbworks.com/

• Nokia WRT http://bit.ly/nokia-WRT-APIs

• Appcelerator http://www.codestrong.com/timobile/api/

• Google Chrome OS???

Runtimes

• PhoneGap http://phonegap.pbworks.com/

• Nokia WRT http://bit.ly/nokia-WRT-APIs

• Appcelerator http://www.codestrong.com/timobile/api/

• Google Chrome OS???

Nokia S60

iPhone

Android

Blackberry

WindowsMobile

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

Distribution?

Stores

http://blog.uxebu.com

Wolfram Kriesing, uxebuwolfram@uxebu.com

http://twitter.com/uxebuhttp://twitter.com/wolframkriesing

mobile apps cross platform - overtheair london, 2009

Technology

t sponsors stephen siciliano senior program manager,...

mobile apps mobile learning apps€¦ · mobile apps...

t-10 international space apps challenge presentation in...

native apps vs hybrid apps vs mobile web apps

building apps for fast growth markets: google play time...

20 essential apps for students in london

taxi apps in london

mobile backend apps and apis meetup london overview of baas...

london jbug, april 2012: developing apps the jboss way

salesforce1 world tour london: salesforce1 platform:...

social jitney - application development company | iphone...

automatic progressive web apps - london, uk · after all,...

how kris-writes-symfony-apps-london

spca2013 - apps, apps, apps

webapis & apps - mozilla london

how to design a web app fast - future of web apps 2011,...

sharepoint apps & office apps

use of social media by eu institutions and bodies - 47th...

marshall london user manual - marshall … · marshall...

wwc london-perf-apps