Fowa html5 apps

HTML5 Appsare the Future

@wolframkriesingVodafone

Mittwoch, 6. Oktober 2010

One HTML5

+

many environments/features

tools :(

Mittwoch, 6. Oktober 2010

The Plan

•Where Are We?

•Tools

•Real Life Examples

Mittwoch, 6. Oktober 2010

The Plan

•Where Are We?

•Tools

•Real Life Examples

Mittwoch, 6. Oktober 2010

Some History

Mittwoch, 6. Oktober 2010

Opera Widgets

2009 2010

Symbian S60

W3C Widgets, Opera, JILGPS, Application

Samsung H1Samsung WRT(WebKit based)

Android(Developer Client)

JILGPS, Audio,

Acceleromter, FileSystem,

etc.

Mittwoch, 6. Oktober 2010

What is a Widget?

Mittwoch, 6. Oktober 2010

Database

Designstyle.css

Layoutindex.html

AJAX Library

Mittwoch, 6. Oktober 2010

Layoutindex.html

Designstyle.css

Database

AJAX LibraryConfiguration

config.xml

W3C Widget =

Icon

Mittwoch, 6. Oktober 2010

What is a W3C Widget?

Mittwoch, 6. Oktober 2010

What is a W3C Widget?

Mittwoch, 6. Oktober 2010

•HTML

•CSS

• JavaScript

• config.xml

• zip it

• rename to *.wgt

What is a W3C Widget?

Mittwoch, 6. Oktober 2010

It's Cross PlatformReally!

Mittwoch, 6. Oktober 2010

Mittwoch, 6. Oktober 2010

The Plan

•Where Are We?

•Tools

•Real Life Examples

Mittwoch, 6. Oktober 2010

Android SDK

Mittwoch, 6. Oktober 2010

• install WRT inside

•flexible device config

•no device needed

Mittwoch, 6. Oktober 2010

DragonFly

Mittwoch, 6. Oktober 2010

catchy

Mittwoch, 6. Oktober 2010

Mittwoch, 6. Oktober 2010

function catchy(ns, fn){ return function(){ try{ ns[fn].apply(ns, arguments); }catch(e){ var err = []; for (var key in e){ if (!key || typeof key=="function") continue; err.push(key + ": " + e[key]); } alert(err.join("\n")); } }}

Mittwoch, 6. Oktober 2010

Mittwoch, 6. Oktober 2010

Opera Mobile

Mittwoch, 6. Oktober 2010

Mittwoch, 6. Oktober 2010

Desktop Tools• Firebug

Debugging, DOM Inspection, etc.

• WebKitFirebug like, very good profiling, storage insight view

• OperaWidgets natively

• Google Chrome

Mittwoch, 6. Oktober 2010

• Vodafone WDKMac, Linux, Windows - Widget Packager, Emulator

• Object BrowserCross Platform Widget (even PhoneGap-built for Android)

• Android SDKInstall Widget Runtime inside

• DragonFlyRequires dev-build, Opera only (Symbian Runtime, Android)

• Opera MobileNo widgets, but mobile

• catchyCatch errors, get more info, poor man's debugging

Mobile Tools

Mittwoch, 6. Oktober 2010

• JIL SDKSigning

• Ripple EmulatorEarly version, JIL Widgets

• ...

Other Tools

Mittwoch, 6. Oktober 2010

Object Browser

Mittwoch, 6. Oktober 2010

Mittwoch, 6. Oktober 2010

Mittwoch, 6. Oktober 2010

Mittwoch, 6. Oktober 2010

Mittwoch, 6. Oktober 2010

Open Source

•a developer must have

•developer.vodafone.comhttp://developer.vodafone.com/object-browser

•githubhttp://github.com/wolframkriesing/object-browser

Mittwoch, 6. Oktober 2010

DemoObject Browser, Gravitator,

Icehockey

Mittwoch, 6. Oktober 2010

@wolframkriesing

Thank you

Mittwoch, 6. Oktober 2010