Mobile WebAppsmatthias.luebken@it-agile.de

twitter: @luebken

Mittwoch, 30. März 2011

Mittwoch, 30. März 2011

Mittwoch, 30. März 2011

WebApp / HTML5 App ?

Eine App auf Basis von Webstandards wie

HTML5, CSS3 und JavaScript mit guter Integration

in das Gerät.

Mittwoch, 30. März 2011

Canvas

Video Drag&Drop

NewMarkup

Audio

Cache Manifest

HTML5 Spec

http://dev.w3.org/html5/spec/

Mittwoch, 30. März 2011

CSS3Web Workers

Web Storage

Web SQL Database

Web SocketsGeolocation

MicrodataDevice API and File API

http://www.sencha.com/blog/

Weitere Technologien

Mittwoch, 30. März 2011

Die “IDE”

Mittwoch, 30. März 2011

Was macht eine App aus?m

UI / UX

Icon

Offline

Appstore

Performance

Geo

Kamera

Mittwoch, 30. März 2011

UI / UX

Mittwoch, 30. März 2011

Mittwoch, 30. März 2011

CSS Animation

Mittwoch, 30. März 2011

• Deklarativ

• Breite Platform-Unterstützung

• Progressive-Enhancement

• Große Nachfrage

• OpenSource, MIT / GPL V2

• Auf GitHub verfügbar

Mittwoch, 30. März 2011

Mittwoch, 30. März 2011

Mittwoch, 30. März 2011

• Programmatisch

• Gut für Smartphone optimiert

• Nur für Smartphones

• Dual-Linzenz: GPL & Kommerziell

• Kostenlos

Touch

Mittwoch, 30. März 2011

iUI

WinkToolkitTouch

Frameworks

Mittwoch, 30. März 2011

Eigenes Icon

Mittwoch, 30. März 2011

Geolocation

Mittwoch, 30. März 2011

Offline

Cache Manifest

CACHE MANIFEST# Rev 2010-12-03

/index.html/itagile_logo.png/jqtouch/jqtouch/jqtouch.min.css/jqtouch/themes/jqt/img/toggleOn.png/jqtouch/themes/jqt/img/toolbar.png/jqtouch/themes/jqt/img/whiteButton.png

NETWORK:/api/

if the file changeseverything gets

revalidated

resources that should be cached

whitelist that shouldn’t be cached

LocalStorage

http://www.w3.org/TR/html5/offline.html http://dev.w3.org/html5/webstorage/Mittwoch, 30. März 2011

Appstore

& Geräte

Mittwoch, 30. März 2011

• Minimale native Hülle

• Entwicklung pur mit Webstandards

• OpenSource

• Akzeptiert

• Iterative Entwicklung

Mittwoch, 30. März 2011

Mittwoch, 30. März 2011

Mittwoch, 30. März 2011

Automatische Builds

Mittwoch, 30. März 2011

Performance

Mittwoch, 30. März 2011

Mittwoch, 30. März 2011

Mittwoch, 30. März 2011

Mittwoch, 30. März 2011

Progressive Enhancement?

Mittwoch, 30. März 2011

WebKit != WebKit

http://www.quirksmode.org/webkit.html

85% Smartphone Market Share

http://radar.oreilly.com/2010/05

Zielplattform Webkit

Mittwoch, 30. März 2011

lanyrd.com/scmzz

Mittwoch, 30. März 2011

“Agile

Developer

Skills”

-Kurs

Verlosung a

m Stand

im Wert

von 1950 €

twitter: @luebken

Mittwoch, 30. März 2011