mobile-times 2010: cross platform apps

Mobile AppsCross Platform

Wolfram Kriesinguxebu

Donnerstag, 4. März 2010

We open the mobile web.

Landscapehttp://www.flickr.com/photos/tillwe/146242691/

http://bit.ly/distimo-appstores

30th July 200914 Stores23rd September 2009

23 Stores2nd December 2009

26 Stores

Cross Platform

Objective-C JavaSymbian C

.NETJava ...

http://www.flickr.com/photos/robadob/88901885/

Engine of the web

Why HTML?

•lot of devs

•easy to write

•common

•easy to test

•stable standard

•widely spread

http://www.flickr.com/photos/chris_radcli!/2947219465/

iPhone - First usable mobile browser

http://bit.ly/tomiahonen-2010-almanac

71% of all phoneshave a modern!xTML web browser.

App Store without Apple!

HTML works everywhere!

all the (smart)phones have browsers

low hanging fruit

http://www.flickr.com/photos/halfbisqued/2353845688

=W3C Widget,

Vodafone360 App

What is a Widget?

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

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

Database

Designstyle.css

Layoutindex.html

AJAX Library

Layoutindex.html

Designstyle.css

Database

AJAX LibraryConfiguration

config.xml

W3C Widget =Icon

What is a W3C Widget?

•HTML

•CSS

•JavaScript

•config.xml

•zip it

• rename to *.wgt

DONE!http://www.flickr.com/photos/sundazed/2704578067/

On any phone?

native

W3C Widgets

native

...yes

W3C Widgets

not purely

but greatHTML

support

Almost for free

•Facebook widget

•Dashboard widget

•Website widget

•TV Widget

• ...

A Phone is ...

http://www.flickr.com/photos/kratz/1984004945/

http://www.flickr.com/photos/mbiddulph/3087388964/

http://www.flickr.com/photos/redstamp/4222841946/

• Camera

• Compass

• GPS

• Accelerometer

• Calendar

• Email

• Address book

• Watch

• Alarm clock

• ...

Multiple Ways

• W3C Spechttp://w3.org/2009/dap/

• JIL Spechttp://www.jil.org/

• BONDI Spechttp://bondi.omtp.org/

Runtimes

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

Nokia S60

iPhone

Android

Blackberry

WindowsMobile

PhoneGap"An express goal of the PhoneGap project

is for the project to not exist."

Open Source

http://phonegap.pbworks.com/Roadmap

Some numbers

•iPhone App = 364 kB

•JavaScript, HTML, CSS, media = 124 kB

• that means PhoneGap+SDK foot print = 240 kB

EventNinja

Database

Layoutindex.html

Designstyle.css

AJAX LibraryConfiguration

config.xml

Events,a Calendar

http://bit.ly/webdev-events

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

http://uxebu.com

Wolfram Kriesing, uxebu

wolfram@uxebu.comhttp://twitter.com/uxebu

http://twitter.com/wolframkriesing

mobile-times 2010: cross platform apps

Technology

enterprise mobile apps. cross-platform that works

mobile apps cross platform - overtheair london, 2009

mobile apps cross platform - droidcon 2009

how to develop cross-platform apps

building cross-platform mobile apps

building cross platform mobile apps

cross-platform mobile apps with ruby, mwrc

building cross-platform javascript apps using cordova

build apps cross-platform

html5 apps - cross platform

cross platform mobile web apps

building cross platform apps with electron

erstellung von mobilen cross-platform-apps

introduction to cross platform mobile apps (xamarin)

cross platform apps (danish)

cross-platform desktop apps with electron

build cross-platform apps with xamarin - mobile edge...

creating native cross platform apps

create cross platform apps using corona sdk

cross platform mapping with universal windows apps