Plattformunabhängige App-Entwicklung - Eine für alle?

Transkript

1 Plattformunabhängige App-Entwicklung - Eine für alle?

2 AGENDA Kurze Firmenpräsentation: M&M Software GmbH Motivation Komponenten der plattformunabhängigen App-Entwicklung Vergleich der App-Arten Beispiele von plattformunabhängigen Apps Technologien / Entwicklungsansätze Auswahl des richtigen Ansatzes App-Strategie Handlungsempfehlungen

3 M&M SOFTWARE GMBH Deutschland (St. Georgen) Deutschland (Hannover) China (Suzhou)

4 SERVICE PORTFOLIO Consulting Offshore development Software development Supporting services Professional software development and consulting for industrial automation is our core business.

5 TARGET MARKETS OF OUR CUSTOMERS Process Factory Machinery Our customers benefit from our excellent domain know-how Maritime Building Energy

6 MOTIVATION Vielfalt der Plattformen Betriebssysteme: ios, Android, Windows, BlackBerry, etc. Verschiedene Formfaktoren: Smartphone, Phablet, Tablet Dynamik im Markt Viele neue Player Bisher starke Player verschwinden, z.b. WebOS von HP Höherer Bedienkomfort Touch-Bedienung Kleine, handliche Geräte Erweiterter Funktionsumfang GPS-Anbindung Ständige Konnektivität Gewohnter Gebrauch der Smartphones bei den Mitarbeitern und Kunden Kenntnisse im Umgang vorhanden Erwartungen an Apps und Usability

7 KOMPONENTEN DER PLATTFORMUNABHÄNGIGEN APP- ENTWICKLUNG App Entwicklung Programmiersprachen Entwicklungsumgebungen Framework/Bibliotheken Installation über App Store Aufruf im Browser Installation über App Store Bereitstellung Web Browser Native App Web App Hybride App OS spezifische Teile HTML CSS JavaScript Browser Engine HTML CSS JavaScript OS Spezifische Teile OS spezifisch über Web Browser über Browser Engine OS Spezifisch Ausführung OS spezifische Schnittstelle Hardware Komponenten User Interface Mobile Operating System

8 VERGLEICH DER APP-ARTEN Internetzugang prinzipiell nötig (ja) 1 User Experience und Performance (gering) 0,8 0,6 Installation notwendig (ja) 0,4 Verfügbar im App Store der Plattform (nein) 0,2 0 Portierung bestehender Anwendungen (schlecht) Entwicklungswerkzeuge (speziell) Zugriffsmöglichkeit auf Plattformfunktionen (eingeschränkt) Entwicklungsaufwand (hoch) Web-Apps Hybride Apps vollständig native Apps

9 BEISPIEL: APP DER STANFORD UNIVERSITY Technologie Web App HTML5 jquery Mobile Framework Informationsportal und Publikation Ablegen des Start-Icons auf dem Home- Bildschirm

10 BEISPIEL: APP DER STANFORD UNIVERSITY Technologie Hybride App HTML5 Sencha Framework Vergleich Facebook native App mit HTML5-App Gute Performance bei HTML5 Laden von Daten in Fastbook optimiert

11 BEISPIEL: WIKIPEDIA MOBILE Technologie Hybride App HTML5 PhoneGap Funktionen Übersetzt in mehr als 25 Sprachen Mehr als 20 Mio. Artikel Artikelsuche in der Umgebung des aktuellen Anwenders (GPS) Speichern von Artikeln, um sie später offline zu lesen

12 TECHNOLOGIE HTML5 Bild: Peter Kroener unter CC Lizenz (

13 ENTWICKLUNGSANSÄTZE: WEB APP HTML5, JavaScript und CSS als Basis Ergänzende Frameworks jquery / jquery Mobile Backbone.js: MVC Angular.js: MVC Qooxdoo: UI Elemente Node.js: Serverseitige Entwicklung mit JavaScript und viele, viele mehr Web Browser Web App HTML CSS JavaScript Responsive Web Design Client-Server Architektur Rich Internet Application (RIA)

14 ENTWICKLUNGSANSÄTZE: HYBRIDE APP HTML5, JavaScript und CSS als Basis Hybride App PhoneGap / Cordova Wrapper / Bibliothek für HTML5, CSS, JavaScript Ermöglicht Hardware-Zugriffe auf die verschiedenen Plattformen Packager: Bereitstellung der App im App-Store Browser Engine HTML CSS JavaScript OS Spezifische Teile Sencha Touch Entwicklung von Apps für mobile Plattformen Bereitstellung UI Elemente Packager: Bereitstellung der App im App-Store Ergänzende Frameworks Siehe Web App

15 ENTWICKLUNGSANSÄTZE: (REINE) NATIVE APP ios Objective C, Swift als Programmiersprache Entwicklungsumgebung X-Code Native App OS spezifische Teile Android Java als Programmiersprache Entwicklungsumgebung Eclipse, Android Studio Windows C# als Programmiersprache Entwicklungsumgebung Visual Studio

16 WEITERE ENTWICKLUNGSANSÄTZE Cross compiler Qt: C++ als Quellsprache Xamarin: C# als Quellsprache Web to native Konverter Titanium: JavaScript als Quellsprache Quellcode Transformation Google Web Toolkit (GWT): Java -> JavaScript Native JavaScript APIs Chrome OS: HTML5, CSS, JavaScript als Basis Firefox OS: HTML5, CSS, JavaScript als Basis

17 AUSWAHL DES RICHTIGEN ANSATZES Web App Eigene Verteilung der App Pilot-App Sichtbarkeit der App in Suchmaschinen Native Entwicklung Bestehende native Erfahrungen, Skills der Mitarbeiter Anzahl unterstützter Plattformen gering Nutzung nativer Funktionen Hohe Anforderungen an das User Interface Hybride App Mischung/Kompromiss aus beiden Ansätzen Erfahrungen und Skills in Web Entwicklung Zukünftige Betrachtungen

18 APP-STRATEGIE Phase 1: Anwendungsfälle identifizieren Nutzergruppen, Prozesse, Interviews Phase 2: Vision, Ziele und Anforderungen ableiten Mobile-/Gerätestrategie, Apps, Sicherheit Phase 3: Entwicklungsstrategie aufsetzen App Design, App Entwicklung, Architektur Phase 4: App vermarkten, bereitstellen und betreiben Vertriebsstrategie, Wartung, Support, MDM

19 HANDLUNGSEMPFEHLUNGEN Kurzfristig Verstehen der mobilen Technologie Finden von passenden Anwendungsszenarien Erste Schritte zu einer mobilen Strategie Mittelfristig Benennung eines Verantwortlichen aus dem Top Management Koordination der mobilen Aktivitäten Mobile Architektur definieren Quick-Wins identifizieren und realisieren Langfristig Strategie nachjustieren durch Marktbeobachtung Neue Anwendungsszenarien identifizieren Nutzen der mobilen Strategie sicherstellen und erhöhen

20 BESUCHEN SIE UNS! Michael Reiß Dipl. Math. (FH) Consultant Phone: Christian Gnädig Dipl. Inform. (FH) Sales Manager International Phone: Mobile: Skype: cgg_mm M&M Software GmbH Industriestr St. Georgen GERMANY