SlideShare une entreprise Scribd logo
1  sur  15
Télécharger pour lire hors ligne
ANSÄTZE MOBILER APP-ENTWICKLUNG
VOR- UND NACHTEILE
Elisabeth Barth
@elisabeth__b
PWA
AUFBAU APP-TECHNOLOGIEN
2
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
GERÄTEUNTERSTÜTZUNG
Mobile Website/

Web App
Hybride App Native App
Responsive
Website
Alle
Betriebssysteme
Responsive
Website
Android, iOS
(Windows Phone, …)
Android, iOS,
Windows Phone
Keine Website
ENTWICKLUNGSZEIT
Mobile Website/

Web App
Hybride App Native App
Hybrid App
Developer
• Kein passendes Framework -
native Implementation muss
selbst vorgenommen werden
• Business-Logik einheitlich
über alle Plattformen
iOS Developer +
Android Developer
• Pro Platform min. ein
Entwickler benötigt
• Business-Logik-
Implementierung je
Plattform
Web Developer
• Business-Logik
einheitlich über alle
Plattformen
HARDWARE-SUPPORT
Quelle: https://whatwebcando.today/
HARDWARE-SUPPORT
Quelle: https://whatwebcando.today/
Browser-Unterstützung: Offline Mode
OFFLINE NUTZBARKEIT
• WEB: Application Cache, FileSystem, IndexedDB, WebSQL,

LocalStorage, SessionStorage
• Wichtig: Speicherbegrenzung beachten
• Hybrid + Native: Gerätespeicher- und Datenbank-Limits
APP-STORE
Mobile Website/

Web App
Hybride App Native App
Kein App-Store App-Store App-Store
APP-STORE
Vorteile Nachteile
Zentrale Anlaufstelle für Apps
Technische Einschränkungen nach App-
Store-Guidelines
Apps bewertet + kommentiert Review Zeiten (1-2 Tage)
Leichter Vergleich zwischen Apps App geht im App-Store unter
Sicherheit vor Viren-Infektionen Provisions-Abgabe
Unterstützung älterer Versionen
APP-STORE
Quelle: http://www.zdnet.de/88253297/sketch-
coda-entwickler-verlassen-den-mac-app-store
APP-STORE
• 60% der Google PlayStore Apps wurden niemals
heruntergeladen
• ein Nutzer lädt im Ø weniger als 3 Apps/Monat
herunter; 

die Hälfte der US Nutzer lädt 0 Apps im Monat herunter
• 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
PERFORMANZ & USABILITY
Geschwindigkeit ist ein wichtiges Kriterium bei Usability.
• Web-Apps und hybride Apps sind limitiert auf Browser-
Performanz
• Native Apps können die vollen Ressourcen des
Betriebssystems nutzen
• Gestensteuerung
• Natives Nutzerfeeling
• Komplexe Animationen
SEO
• Web-App kann per Link geteilt werden
• Web-App muss nicht installiert sein, um ein Link aufzurufen
• Für native iOS-App muss Website vorhanden sein, um Inhalte

über die Google-Suche finden zu können und darauf

zu verlinken
ÜBERSICHT
14
Web-App Hybride App Native App
Performanz - - +
Offline Nutzbarkeit - + +
Zugriff auf native
Funktionen
- + +
Installation + - -
Erreichbarkeit + - -
Kosten + + -
Wartung und
Updates
+ - -
Plattform-
Unabhängigkeit
+ + -
ZUSAMMENFASSUNG
In 90% der Fälle sollte man
bereits heute hybrid entwickeln.
In den nächsten Jahren wird es immer mehr
von nativ zu hybrid und Web gehen.
Je nach Projekt-Anforderungen sollte man entscheiden,
welche App-Technologie sinnvoll ist.
15

Contenu connexe

Tendances

Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)Peter Rozek
 
App oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum WebinarApp oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum WebinarEduvision Ausbildungen
 
Mobile Apps mit Mehrwert (by CSS)
Mobile Apps mit Mehrwert (by CSS)Mobile Apps mit Mehrwert (by CSS)
Mobile Apps mit Mehrwert (by CSS)cssgmbh
 
Hybrid App Development mit Intel XDK
Hybrid App Development mit Intel XDKHybrid App Development mit Intel XDK
Hybrid App Development mit Intel XDKHans Rudolf Tremp
 
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)Peter Rozek
 
Responsive Navigation Patterns - UX und Guidelines
Responsive Navigation Patterns - UX und GuidelinesResponsive Navigation Patterns - UX und Guidelines
Responsive Navigation Patterns - UX und GuidelinesPeter Rozek
 
Digital Publishing Suite v29 Update
Digital Publishing Suite v29 UpdateDigital Publishing Suite v29 Update
Digital Publishing Suite v29 UpdateMichaela Lehr
 
Atlassian Unite - iOS Entwicklung managen mit Atlassian Tools
Atlassian Unite - iOS Entwicklung managen mit Atlassian ToolsAtlassian Unite - iOS Entwicklung managen mit Atlassian Tools
Atlassian Unite - iOS Entwicklung managen mit Atlassian ToolsAtlassian
 
Android tablet webmontag_benno_bartels
Android tablet webmontag_benno_bartelsAndroid tablet webmontag_benno_bartels
Android tablet webmontag_benno_bartelsinsertEFFECT GmbH
 
Mobile Apps mit Mehrwert
Mobile Apps mit MehrwertMobile Apps mit Mehrwert
Mobile Apps mit Mehrwertcssgmbh
 
Erstellen einer erfolgreichen App in sechs Schritten
Erstellen einer erfolgreichen App in sechs SchrittenErstellen einer erfolgreichen App in sechs Schritten
Erstellen einer erfolgreichen App in sechs SchrittenRakuten Aquafadas
 
Case Study: TROIKA
Case Study: TROIKACase Study: TROIKA
Case Study: TROIKAFLYACTS GmbH
 
Responsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und GuidelinesResponsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und GuidelinesPeter Rozek
 

Tendances (16)

Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
 
App oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum WebinarApp oder Mobile Website Slides zum Webinar
App oder Mobile Website Slides zum Webinar
 
Mobile Apps mit Mehrwert (by CSS)
Mobile Apps mit Mehrwert (by CSS)Mobile Apps mit Mehrwert (by CSS)
Mobile Apps mit Mehrwert (by CSS)
 
Hybrid App Development mit Intel XDK
Hybrid App Development mit Intel XDKHybrid App Development mit Intel XDK
Hybrid App Development mit Intel XDK
 
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
 
Responsive Navigation Patterns - UX und Guidelines
Responsive Navigation Patterns - UX und GuidelinesResponsive Navigation Patterns - UX und Guidelines
Responsive Navigation Patterns - UX und Guidelines
 
Digital Publishing Suite v29 Update
Digital Publishing Suite v29 UpdateDigital Publishing Suite v29 Update
Digital Publishing Suite v29 Update
 
Atlassian Unite - iOS Entwicklung managen mit Atlassian Tools
Atlassian Unite - iOS Entwicklung managen mit Atlassian ToolsAtlassian Unite - iOS Entwicklung managen mit Atlassian Tools
Atlassian Unite - iOS Entwicklung managen mit Atlassian Tools
 
Tutorial Mobile Marketing QR-Code
Tutorial Mobile Marketing QR-CodeTutorial Mobile Marketing QR-Code
Tutorial Mobile Marketing QR-Code
 
Android tablet webmontag_benno_bartels
Android tablet webmontag_benno_bartelsAndroid tablet webmontag_benno_bartels
Android tablet webmontag_benno_bartels
 
Mobile Apps mit Mehrwert
Mobile Apps mit MehrwertMobile Apps mit Mehrwert
Mobile Apps mit Mehrwert
 
Erstellen einer erfolgreichen App in sechs Schritten
Erstellen einer erfolgreichen App in sechs SchrittenErstellen einer erfolgreichen App in sechs Schritten
Erstellen einer erfolgreichen App in sechs Schritten
 
.NET MAUI
.NET MAUI.NET MAUI
.NET MAUI
 
Case Study: TROIKA
Case Study: TROIKACase Study: TROIKA
Case Study: TROIKA
 
Responsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und GuidelinesResponsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und Guidelines
 
Apps für Kultureinrichtungen
Apps für KultureinrichtungenApps für Kultureinrichtungen
Apps für Kultureinrichtungen
 

Similaire à Ansätze mobiler App Entwicklung mit Vor- und Nachteilen

Creasoft-Akademie - Mobile Multiplattform Apps
Creasoft-Akademie - Mobile Multiplattform AppsCreasoft-Akademie - Mobile Multiplattform Apps
Creasoft-Akademie - Mobile Multiplattform AppsCreasoft AG
 
Cross Plattform Entwicklung für Mobile Anwendungen
Cross Plattform Entwicklung für Mobile AnwendungenCross Plattform Entwicklung für Mobile Anwendungen
Cross Plattform Entwicklung für Mobile AnwendungenMarkus Eiglsperger
 
Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)
Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)
Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)Jens Küsters
 
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...We4IT Group
 
Onedigicom think mobile - oliver schmitt, re-lounge gmb h
Onedigicom   think mobile - oliver schmitt, re-lounge gmb hOnedigicom   think mobile - oliver schmitt, re-lounge gmb h
Onedigicom think mobile - oliver schmitt, re-lounge gmb hDigicomp Academy AG
 
#onedigicomp: Think mobile – Die Bedeutung des mobilen Web für Unternehmen
#onedigicomp: Think mobile – Die Bedeutung des mobilen Web für Unternehmen#onedigicomp: Think mobile – Die Bedeutung des mobilen Web für Unternehmen
#onedigicomp: Think mobile – Die Bedeutung des mobilen Web für UnternehmenDigicomp Academy AG
 
Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)Koombea
 
jQuery Mobile 1.3 - Das Kompendium mit 200 Seiten
jQuery Mobile 1.3 - Das Kompendium mit 200 SeitenjQuery Mobile 1.3 - Das Kompendium mit 200 Seiten
jQuery Mobile 1.3 - Das Kompendium mit 200 Seitendie.agilen GmbH
 
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Bokowsky + Laymann GmbH
 
Progressive Web Apps and TYPO3
Progressive Web Apps and TYPO3Progressive Web Apps and TYPO3
Progressive Web Apps and TYPO3flossels
 
Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...
Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...
Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...Christian Sauter
 
Case Study: Produktkonfigurator Web-App
Case Study: Produktkonfigurator Web-AppCase Study: Produktkonfigurator Web-App
Case Study: Produktkonfigurator Web-AppFLYACTS GmbH
 
Erstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-AppsErstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-AppsRalf Lütke
 
Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.GFU Cyrus AG
 
Webinar: Mobile Shop Optimierung - was wirklich wichtig ist
Webinar: Mobile Shop Optimierung - was wirklich wichtig istWebinar: Mobile Shop Optimierung - was wirklich wichtig ist
Webinar: Mobile Shop Optimierung - was wirklich wichtig istwasmitweb GmbH
 
Hybride Mobile Apps entwickeln mit AngularJS und Ionic
Hybride Mobile Apps entwickeln mit AngularJS und Ionic Hybride Mobile Apps entwickeln mit AngularJS und Ionic
Hybride Mobile Apps entwickeln mit AngularJS und Ionic OPITZ CONSULTING Deutschland
 

Similaire à Ansätze mobiler App Entwicklung mit Vor- und Nachteilen (20)

Creasoft-Akademie - Mobile Multiplattform Apps
Creasoft-Akademie - Mobile Multiplattform AppsCreasoft-Akademie - Mobile Multiplattform Apps
Creasoft-Akademie - Mobile Multiplattform Apps
 
Cross Plattform Entwicklung für Mobile Anwendungen
Cross Plattform Entwicklung für Mobile AnwendungenCross Plattform Entwicklung für Mobile Anwendungen
Cross Plattform Entwicklung für Mobile Anwendungen
 
Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)
Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)
Automatisierte Generierung hybrider Apps für Mobile Devices (Kolloquium)
 
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
 
Onedigicom think mobile - oliver schmitt, re-lounge gmb h
Onedigicom   think mobile - oliver schmitt, re-lounge gmb hOnedigicom   think mobile - oliver schmitt, re-lounge gmb h
Onedigicom think mobile - oliver schmitt, re-lounge gmb h
 
#onedigicomp: Think mobile – Die Bedeutung des mobilen Web für Unternehmen
#onedigicomp: Think mobile – Die Bedeutung des mobilen Web für Unternehmen#onedigicomp: Think mobile – Die Bedeutung des mobilen Web für Unternehmen
#onedigicomp: Think mobile – Die Bedeutung des mobilen Web für Unternehmen
 
Mobile Web Apps
Mobile Web AppsMobile Web Apps
Mobile Web Apps
 
Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)
 
App Entwicklung Kosten
App Entwicklung KostenApp Entwicklung Kosten
App Entwicklung Kosten
 
jQuery Mobile 1.3 - Das Kompendium mit 200 Seiten
jQuery Mobile 1.3 - Das Kompendium mit 200 SeitenjQuery Mobile 1.3 - Das Kompendium mit 200 Seiten
jQuery Mobile 1.3 - Das Kompendium mit 200 Seiten
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
 
Progressive Web Apps and TYPO3
Progressive Web Apps and TYPO3Progressive Web Apps and TYPO3
Progressive Web Apps and TYPO3
 
Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...
Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...
Case Study: Cross-Platform Strategie in einem Großprojekt der App-Entwicklung...
 
Case Study: Produktkonfigurator Web-App
Case Study: Produktkonfigurator Web-AppCase Study: Produktkonfigurator Web-App
Case Study: Produktkonfigurator Web-App
 
Erstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-AppsErstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-Apps
 
Hybride Entwicklung mit Ionic
Hybride Entwicklung mit IonicHybride Entwicklung mit Ionic
Hybride Entwicklung mit Ionic
 
Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.
 
Webinar: Mobile Shop Optimierung - was wirklich wichtig ist
Webinar: Mobile Shop Optimierung - was wirklich wichtig istWebinar: Mobile Shop Optimierung - was wirklich wichtig ist
Webinar: Mobile Shop Optimierung - was wirklich wichtig ist
 
Hybride Mobile Apps entwickeln mit AngularJS und Ionic
Hybride Mobile Apps entwickeln mit AngularJS und Ionic Hybride Mobile Apps entwickeln mit AngularJS und Ionic
Hybride Mobile Apps entwickeln mit AngularJS und Ionic
 

Ansätze mobiler App Entwicklung mit Vor- und Nachteilen