Progressive Web App
die Zukunft mobiler App-Nutzung
Elisabeth Barth
ebarth@crowd-architects.com
WAS IST EINE
PROGRESSIVE WEB APP (PWA)?
• Mischung aus responsiver Website und nativer App
• Merkmale einer nativen App
• ...
PWA
PWA IM APP-TECHNOLOGIE-UNIVERSUM
3
Interface
Business Logik
CSS3
HTML5
JavaScript
Mobile Website/

Web App
Hybride App...
4
Quelle: https://whatwebcando.today/
VORTEILE EINER PWA
• Schnellere Ladezeiten
• kann über die Standard Websuche gefunden werden
• unterliegt nicht den Beschr...
KOMPATIBILITÄT
• Chrome, Firefox und Opera unterstützten Funktionen für PWAs
vollumfänglich
• Grund: Unterstützung von Ser...
WARUM PWA?
• 60% der Google PlayStore Apps wurden niemals
heruntergeladen
• Ø weniger als 3 Apps/Monat pro Nutzer; die Häl...
PWA BEISPIEL
8
https://paperplanes.world
ANWENDUNGSMÖGLICHKEITEN
9
Benötige ich native Geräte-Funktionen, die es zwingend 

notwendig machen eine native App zu ent...
Nächste SlideShare
Wird geladen in …5
×

Progressive Web App - die Zukunft mobiler App-Nutzung

185 Aufrufe

Veröffentlicht am

Grundlegende Einführung in das Thema Progressive Web Apps und wie es die Zukunft mobiler App-Nutzung und Entwicklung verändern kann.

Veröffentlicht in: Technologie
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
185
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
8
Aktionen
Geteilt
0
Downloads
3
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Progressive Web App - die Zukunft mobiler App-Nutzung

  1. 1. Progressive Web App die Zukunft mobiler App-Nutzung Elisabeth Barth ebarth@crowd-architects.com
  2. 2. WAS IST EINE PROGRESSIVE WEB APP (PWA)? • Mischung aus responsiver Website und nativer App • Merkmale einer nativen App • Home-Screen-Button • Push Notifications • Offline-Funktionalität (Offline-First Experience) • Hardware Funktionalität (z.B. Kamera) 2
  3. 3. PWA PWA IM APP-TECHNOLOGIE-UNIVERSUM 3 Interface Business Logik CSS3 HTML5 JavaScript Mobile Website/
 Web App Hybride App Native App React Native
 Titanium
 NativeScript Native JavaScript Native CSS3 HTML5 JavaScript Native Ionic
  4. 4. 4 Quelle: https://whatwebcando.today/
  5. 5. VORTEILE EINER PWA • Schnellere Ladezeiten • kann über die Standard Websuche gefunden werden • unterliegt nicht den Beschränkungen der App-Stores • keine Installation notwendig • kann jeder Zeit mit Updates versorgt werden • Cross-Plattform • schnelle Entwicklungszeiten (eine App für alle Plattformen) 5
  6. 6. KOMPATIBILITÄT • Chrome, Firefox und Opera unterstützten Funktionen für PWAs vollumfänglich • Grund: Unterstützung von Service Worker • Safari Nutzer können PWAs nutzen, benötigen aber zwingend eine Internetverbindung 6 Quelle: http://caniuse.com/ #feat=serviceworkers
  7. 7. WARUM PWA? • 60% der Google PlayStore Apps wurden niemals heruntergeladen • Ø weniger als 3 Apps/Monat pro Nutzer; die Hälfte der US Nutzer lädt 0 Apps im Monat • 80% Nutzungszeit entfallen auf nur 5 Apps pro Nutzer • 94% App Einnahmen werden von 1% der Apps erstellt • Nur 20% der App Downloads werden aktive Nutzer 7
  8. 8. PWA BEISPIEL 8 https://paperplanes.world
  9. 9. ANWENDUNGSMÖGLICHKEITEN 9 Benötige ich native Geräte-Funktionen, die es zwingend 
 notwendig machen eine native App zu entwickeln? • Wann sollte man sich für eine PWA entscheiden? • Wunsch nach mobiler Website & App • Zielgruppe mit schlechter Internetverbindung

×