Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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

277 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
  • Als Erste(r) kommentieren

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

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

×