mobile webapps mit javascript, css, html5
Post on 28-Jan-2015
131 Views
Preview:
DESCRIPTION
TRANSCRIPT
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
HTML5 ist die Zukunft
Vielen Dank für die Aufmerksamkeit
Morgen 14:00 Uhr Kanban Demo
an unserem Stand
top related