mobile webapps mit javascript, css, html5

Mobile WebAppsmit JavaScript, CSS & HTML5Matthias Lübken, it-agile

Mobile WebAppsmit JavaScript, CSS & HTML5

Was macht eine App aus?

• Native User Experience ?

• Eigenes Icon ?

• Offline lauffähig ?

• AppStore ?

Native App

WebseiteHybrid WebApp

WebApp vs. Webseite

WebApp aus Anwendersicht

• Eigenes Homescreen-Icon

• Splashscreen

• Keine Browsernavigation

• Komplett offline möglich

• Native Animationen

WebApp aus Entwicklersicht

Eine auf HTML5 basierende Webseite, die für Smartphones optimiert ist.

HTML5 Spec

WeitereTechnologien+

“HTML5”

Canvas

Video Drag&Drop

NewMarkup

Audio

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

Cache Manifest

HTML5 Spec

CSS3Web Workers

Web Storage

Web SQL Database

Web SocketsGeolocation

MicrodataDevice API and File API

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

Weitere Technologien

85% Smartphone Market Share WebKit != WebKit

http://www.quirksmode.org/webkit.htmlhttp://radar.oreilly.com/2010/05

Zielplattform WebKit

WinkToolkit

iUI

Frameworks

Touch

Phonegap

build.phonegap.com

apparat.io

Beispiel m.popula.de

• Plattform übergreifend

• Keine Abhängigkeit von Apple-Freischaltung

• Keine Versionsschleifen

• Anwendungsnahe Darstellung

• offene und uns bekannte Technologie

• geringe Hürde für den Nutzer

• Inhalte sind über Suchmaschinen erreichbar

Wer nutzt die Web-App?

April Juli

Web-App Entwicklung ist nicht schneller

aber agiler!

Apple

Microsoft

Google

HTML5 ist die Zukunft

Vielen Dank für die Aufmerksamkeit

Morgen 14:00 Uhr Kanban Demo

an unserem Stand