SlideShare ist ein Scribd-Unternehmen logo
1 von 19
Downloaden Sie, um offline zu lesen
Mobile WebApps
mit JavaScript, CSS & HTML5
Matthias Lübken, it-agile
Mobile WebApps
mit JavaScript, CSS & HTML5
Was macht eine App aus?
• Native User Experience ?
• Eigenes Icon ?
• Offline lauffähig ?
• AppStore ?
Native
App
Webseite
Hybrid WebApp
Mobile Webapps mit JavaScript, CSS, HTML5
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
Weitere
Technologien
+
“HTML5”
Canvas
Video Drag&Drop
New
Markup
Audio
http://dev.w3.org/html5/spec/
Cache Manifest
HTML5 Spec
CSS3
Web Workers
Web Storage
Web SQL Database
Web Sockets
Geolocation
Microdata
Device API and File API
http://www.sencha.com/blog/
Weitere Technologien
85% Smartphone
Market Share
WebKit != WebKit
http://www.quirksmode.org/webkit.html
http://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

Más contenido relacionado

Andere mochten auch

Schimmelratgeber
SchimmelratgeberSchimmelratgeber
SchimmelratgeberEberle Bau
 
Finanzierung 2020
Finanzierung 2020Finanzierung 2020
Finanzierung 2020Clas Beese
 
Daniel Bayer: Die Zielgruppe wird zur Dialoggruppe, Facebook für die Kommuni...
Daniel Bayer: Die Zielgruppe wird zur Dialoggruppe,  Facebook für die Kommuni...Daniel Bayer: Die Zielgruppe wird zur Dialoggruppe,  Facebook für die Kommuni...
Daniel Bayer: Die Zielgruppe wird zur Dialoggruppe, Facebook für die Kommuni...Stefanie Kollenberg, Raabe Verlag
 
Proyecto desarrollo de competencias comunicativas en los docentes
Proyecto desarrollo de competencias comunicativas en los docentesProyecto desarrollo de competencias comunicativas en los docentes
Proyecto desarrollo de competencias comunicativas en los docenteslaura elena aragon hope
 
Der TYPO3 File Abstraction Layer
Der TYPO3 File Abstraction LayerDer TYPO3 File Abstraction Layer
Der TYPO3 File Abstraction Layerandreaswo
 
Sinusstudien & Social Media
Sinusstudien & Social Media Sinusstudien & Social Media
Sinusstudien & Social Media Kirche 2.0
 
Umfrage unter Energieexperten zur Energiewende: Keine Partei kann es
Umfrage unter Energieexperten zur Energiewende: Keine Partei kann esUmfrage unter Energieexperten zur Energiewende: Keine Partei kann es
Umfrage unter Energieexperten zur Energiewende: Keine Partei kann esAndreas Jung
 

Andere mochten auch (15)

Els ànecs
Els ànecsEls ànecs
Els ànecs
 
Siagie 2.0 inicial
Siagie 2.0 inicialSiagie 2.0 inicial
Siagie 2.0 inicial
 
Schimmelratgeber
SchimmelratgeberSchimmelratgeber
Schimmelratgeber
 
1 kaufe einen_hund1
1 kaufe einen_hund11 kaufe einen_hund1
1 kaufe einen_hund1
 
Finanzierung 2020
Finanzierung 2020Finanzierung 2020
Finanzierung 2020
 
Daniel Bayer: Die Zielgruppe wird zur Dialoggruppe, Facebook für die Kommuni...
Daniel Bayer: Die Zielgruppe wird zur Dialoggruppe,  Facebook für die Kommuni...Daniel Bayer: Die Zielgruppe wird zur Dialoggruppe,  Facebook für die Kommuni...
Daniel Bayer: Die Zielgruppe wird zur Dialoggruppe, Facebook für die Kommuni...
 
Wunderlich
WunderlichWunderlich
Wunderlich
 
Proyecto desarrollo de competencias comunicativas en los docentes
Proyecto desarrollo de competencias comunicativas en los docentesProyecto desarrollo de competencias comunicativas en los docentes
Proyecto desarrollo de competencias comunicativas en los docentes
 
Der TYPO3 File Abstraction Layer
Der TYPO3 File Abstraction LayerDer TYPO3 File Abstraction Layer
Der TYPO3 File Abstraction Layer
 
Frauen
FrauenFrauen
Frauen
 
Klassische Weihnachtsgedichte
Klassische WeihnachtsgedichteKlassische Weihnachtsgedichte
Klassische Weihnachtsgedichte
 
Sinusstudien & Social Media
Sinusstudien & Social Media Sinusstudien & Social Media
Sinusstudien & Social Media
 
Umfrage unter Energieexperten zur Energiewende: Keine Partei kann es
Umfrage unter Energieexperten zur Energiewende: Keine Partei kann esUmfrage unter Energieexperten zur Energiewende: Keine Partei kann es
Umfrage unter Energieexperten zur Energiewende: Keine Partei kann es
 
Christina Beck: Wissenschaftskommunikation im Internet
Christina Beck: Wissenschaftskommunikation im InternetChristina Beck: Wissenschaftskommunikation im Internet
Christina Beck: Wissenschaftskommunikation im Internet
 
Fuada Stankovic: Konfliktbewältigung
Fuada Stankovic: KonfliktbewältigungFuada Stankovic: Konfliktbewältigung
Fuada Stankovic: Konfliktbewältigung
 

Mehr von Matthias Luebken

Who needs containers in a serverless world
Who needs containers in a serverless worldWho needs containers in a serverless world
Who needs containers in a serverless worldMatthias Luebken
 
Who needs containers in a serverless world
Who needs containers in a serverless worldWho needs containers in a serverless world
Who needs containers in a serverless worldMatthias Luebken
 
Eine Einführung in Docker
Eine Einführung in DockerEine Einführung in Docker
Eine Einführung in DockerMatthias Luebken
 
How to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one roomHow to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one roomMatthias Luebken
 
How to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one roomHow to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one roomMatthias Luebken
 
Docker Introduction – @ Agile Bonn
Docker Introduction – @ Agile BonnDocker Introduction – @ Agile Bonn
Docker Introduction – @ Agile BonnMatthias Luebken
 
“Und wie war ich so?”
Feedback in Unternehmen
“Und wie war ich so?”
Feedback in Unternehmen“Und wie war ich so?”
Feedback in Unternehmen
“Und wie war ich so?”
Feedback in UnternehmenMatthias Luebken
 
Talk: Staying Startup at Interactive-Cologne
Talk: Staying Startup at Interactive-CologneTalk: Staying Startup at Interactive-Cologne
Talk: Staying Startup at Interactive-CologneMatthias Luebken
 
Verbessertes Feedback durch Peerreview
Verbessertes Feedback durch PeerreviewVerbessertes Feedback durch Peerreview
Verbessertes Feedback durch PeerreviewMatthias Luebken
 
Mobile Webapps Entwicklung
Mobile Webapps EntwicklungMobile Webapps Entwicklung
Mobile Webapps EntwicklungMatthias Luebken
 

Mehr von Matthias Luebken (15)

Who needs containers in a serverless world
Who needs containers in a serverless worldWho needs containers in a serverless world
Who needs containers in a serverless world
 
Who needs containers in a serverless world
Who needs containers in a serverless worldWho needs containers in a serverless world
Who needs containers in a serverless world
 
Container Patterns
Container PatternsContainer Patterns
Container Patterns
 
Eine Einführung in Docker
Eine Einführung in DockerEine Einführung in Docker
Eine Einführung in Docker
 
How to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one roomHow to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one room
 
How to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one roomHow to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one room
 
Docker Introduction – @ Agile Bonn
Docker Introduction – @ Agile BonnDocker Introduction – @ Agile Bonn
Docker Introduction – @ Agile Bonn
 
“Und wie war ich so?”
Feedback in Unternehmen
“Und wie war ich so?”
Feedback in Unternehmen“Und wie war ich so?”
Feedback in Unternehmen
“Und wie war ich so?”
Feedback in Unternehmen
 
Home- (office) ?
Home- (office) ?Home- (office) ?
Home- (office) ?
 
Staying Startup
Staying StartupStaying Startup
Staying Startup
 
Talk: Staying Startup at Interactive-Cologne
Talk: Staying Startup at Interactive-CologneTalk: Staying Startup at Interactive-Cologne
Talk: Staying Startup at Interactive-Cologne
 
Verbessertes Feedback durch Peerreview
Verbessertes Feedback durch PeerreviewVerbessertes Feedback durch Peerreview
Verbessertes Feedback durch Peerreview
 
Mobile WebApps
Mobile WebAppsMobile WebApps
Mobile WebApps
 
Mobile Webapps Entwicklung
Mobile Webapps EntwicklungMobile Webapps Entwicklung
Mobile Webapps Entwicklung
 
Mobile Webapps Motivation
Mobile Webapps MotivationMobile Webapps Motivation
Mobile Webapps Motivation
 

Mobile Webapps mit JavaScript, CSS, HTML5