mobile webapps mit javascript, css, html5

19
Mobile WebApps mit JavaScript, CSS & HTML5 Matthias Lübken, it-agile

Upload: matthias-luebken

Post on 28-Jan-2015

124 views

Category:

Technology


1 download

DESCRIPTION

16.11.2010 at WJAX in Munich. http://it-republik.de/konferenzen/ext_scripts/v2/php/sessions-popup.php?module=wjax2010&id=16461

TRANSCRIPT

Page 1: Mobile Webapps mit JavaScript, CSS, HTML5

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

Page 2: Mobile Webapps mit JavaScript, CSS, HTML5

Mobile WebAppsmit JavaScript, CSS & HTML5

Page 3: Mobile Webapps mit JavaScript, CSS, HTML5

Was macht eine App aus?

• Native User Experience ?

• Eigenes Icon ?

• Offline lauffähig ?

• AppStore ?

Page 4: Mobile Webapps mit JavaScript, CSS, HTML5

Native App

WebseiteHybrid WebApp

Page 5: Mobile Webapps mit JavaScript, CSS, HTML5
Page 6: Mobile Webapps mit JavaScript, CSS, HTML5

WebApp vs. Webseite

Page 7: Mobile Webapps mit JavaScript, CSS, HTML5

WebApp aus Anwendersicht

• Eigenes Homescreen-Icon

• Splashscreen

• Keine Browsernavigation

• Komplett offline möglich

• Native Animationen

Page 8: Mobile Webapps mit JavaScript, CSS, HTML5

WebApp aus Entwicklersicht

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

Page 9: Mobile Webapps mit JavaScript, CSS, HTML5

HTML5 Spec

WeitereTechnologien+

“HTML5”

Page 10: Mobile Webapps mit JavaScript, CSS, HTML5

Canvas

Video Drag&Drop

NewMarkup

Audio

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

Cache Manifest

HTML5 Spec

Page 11: Mobile Webapps mit JavaScript, CSS, HTML5

CSS3Web Workers

Web Storage

Web SQL Database

Web SocketsGeolocation

MicrodataDevice API and File API

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

Weitere Technologien

Page 12: Mobile Webapps mit JavaScript, CSS, HTML5

85% Smartphone Market Share WebKit != WebKit

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

Zielplattform WebKit

Page 13: Mobile Webapps mit JavaScript, CSS, HTML5

WinkToolkit

iUI

Frameworks

Touch

Page 14: Mobile Webapps mit JavaScript, CSS, HTML5

Phonegap

build.phonegap.com

apparat.io

Page 15: Mobile Webapps mit JavaScript, CSS, HTML5

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

Page 16: Mobile Webapps mit JavaScript, CSS, HTML5

Wer nutzt die Web-App?

April Juli

Page 17: Mobile Webapps mit JavaScript, CSS, HTML5

Web-App Entwicklung ist nicht schneller

aber agiler!

Page 18: Mobile Webapps mit JavaScript, CSS, HTML5

Apple

Microsoft

Google

HTML5 ist die Zukunft

Page 19: Mobile Webapps mit JavaScript, CSS, HTML5

Vielen Dank für die Aufmerksamkeit

Morgen 14:00 Uhr Kanban Demo

an unserem Stand