Warum Sie keine "App-Strategie" benötigen: "Mobile-First" bedeutet mehr als nur Smartphone

Alle schreien "Mobile-First" und viele denken, dass sie jetzt unbedingt mobile Apps brauchen. Das mag auf den ersten Blick betrachtet durchaus stimmen. Doch sind die berühmten Apps nur die aktuelle Spitze des Eisbergs. Eigentlich geht es darum, künftig Kunden und Mitarbeiter gleichermaßen zu erreichen und ihnen die relevanten Anwendungen und Daten überall und jederzeit auf sichere Art und Weise zur Verfügung zu stellen. Denn wir als Menschen sind mobil - und dies bitte ohne den Zwang, Apps aus den App Stores installieren zu müssen. Ob Smartphone, ob Tablet, ob Laptop, ob Desktop - und egal ob im Unternehmensnetzwerk oder draußen im großen weiten Internet: in diesem Vortrag zeigt Ihnen Christian Weyer wie man heute mit einer geschickten Architektur und HTML5-basierten Technologen Multi-Channel- und echte Cross-Plattform-Anwendungen - sogar mit einer einzigen Code-Basis - erstellen kann. Für alle und für alles. Uuund Action!

Transcript

1. Warum Sie keine "App-Strategie" benötigen "Mobile-First" bedeutet mehr als nur Smartphone Christian Weyer Thinktecture AG christian.weyer@thinktecture.com
2. Mitgründer & Principal Consultant Thinktecture AG Fokus auf § Mobile & Web-basierte Anwendungsarchitekturen § Cross-Plattform-Lösungen § Pragmatische End-to-End Implementierungen Microsoft MVP ASP.NET (Architecture) ASPInsider, AzureInsider Google GDE Web Technologies christian.weyer@thinktecture.com @christianweyer Christian Weyer 2
3. Übrigens… • Und falls Ihnen jemand einreden möchte, dass "das mit HTML5 ja gar nicht geht“ - seien Sie skeptisch • Die Dreimann-Studenten-Firma macht es bereits • Das Limit bei HTML5 liegt teilweise Größenordnungen über dem was viele erwarten 3
4. „Mobile-First“ Künftige Generationen sind hyper-mobil 4
5. Mobiler Lebensstil, mobile Arbeitsweise § Daten und Prozesse müssen mobil sein Kommende Generationen kennen nichts anderes mehr § Digitalisierung muss das Morgen beachten & Lösungen bieten Reichweite heißt die Maxime § Grenzen verschwimmen – und verschwinden Heute für morgen 5
6. Apps, Apps, Apps „There is an app for that“ 6
7. Nutzungsverhalten in vergangenen Jahren gravierend geändert § Recherchieren mittags über Desktop-PC im Büro § Unterwegs mit Smartphone online § Surfen abends via Tablet auf der Couch Kanalübergreifend & geräteübergreifend § Apps können demnach nur die Spitze des Eisbergs sein § Nicht immer etwas installieren müssen Mobile App sollte – technologisch gesehen - „Abfallprodukt“ sein § Ein Icon auf dem Home-Bildschirm Übergreifend 7
8. Alles, immer & überall Betriebssysteme werden unwichtig 8
9. Cross-Plattform 9 D
10. Der Benutzer im Zentrum User Experience als Schlüssel 10
11. Alle Plattformen, alle Geräte - egal wo und was § Möglichst ohne Bruch in der Nutzung User Experience steht vor neuen Herausforderungen § Homogenes Benutzererlebnis, Anwendung intuitiv bedienbar § User Interface mit einer Technologie oder gar Codebasis umsetzen § Aber angepasst an Formfaktoren und Stärken der Plattformen Sicherheit steht auch vor neuen Herausforderungen Für den Benutzer 11
12. Es ist ein Feature 12 Aber das sieht ja gar nicht wie eine native Anwendung aus. Genau.
13. Das Web ist überall Es geht um Anwendungen – nicht um Sites 13
14. HTML5 als potente Plattform § Inklusive Offline-Betrieb Moderne Programmiersprachen § Es muss nicht immer JavaScript sein Mächtige Anwendungs-Framework § Es muss nicht immer jQuery sein Flexibles Layout-System § CSS3 Flexbox zur Rettung Das moderne Web 14
15. Enterprise-fähige Technologien Kein Spielzeug mehr 15
16. Java & .NET/C# regieren seit vielen Jahren Typescript & Angular könnten Wachablösung werden Typescript • Programmiersprache von Microsoft • Typsichere Erweiterung von JavaScript • Erzeugt immer JavaScript für die Ausführung Angular 2 § Single Page Applications(SPA) Framework von Google § Konsequent komponentenbasiert § Sehr gute Tool-Unterstützung § Optimiert für mobile Performance Microsoft & Google richten es 16 D
17. Flexible Anwendungen Da geht was 17
18. Jenseits von einfachen Apps: Multi-Widgets und Multi-Fenster Szenarien § Moderne Cross-Plattform Portale Widgets kapseln einfache oder komplexe fachliche Funktionalität § Können komplett unabhängig entwickelt werden § Sind frei konfigurier- und platzierbar § Können miteinander kommunizieren Auch für mobile Szenarien möglich § Spezielle mobile Ansicht, bspw. für Tablets Beispiel: Portal – „Reloaded“ 18 D
19. Jeder mit jedem Grenzen sprengen 19
20. Erhöhte Benutzungsfreundlichkeit durch mehr Interaktion § Daten-Updates vom Server aktiv in die Clients pushen Modernes Web ermöglicht vielfältige Push-Kommunikation § In der Anwendung selbst § Über die Browser-Plattform (teilweise) Strukturierte und binäre Datenströme § Optional auch Audio & Video möglich Echtzeitkommunikation 20 D
21. Zukunftssicherheit Wider die Schnelllebigkeit 21
22. Web-Welt zeigt i.d.R. mehr & kürzere Releases und Lebenszyklen als von Java und .NET gewohnt § Heute ist Angular 2 Spitze... § Gestern war es Angular 1... § Morgen...? § Und was ist denn mit React...? Optionale Unabhängigkeit von Technologie-Frameworks und –Versionen § Notwendige Basis-Features (iframes) in allen modernen Browsern vorhanden “Bleibt alles anders” 22 D
24. Das Beste aus beiden Welten Web & Nativ 24
25. Cordova für mobile Apps § Framework & Toolkit zur Erstellung nativer Anwendungsrahmen für HTML5- Anwendungen § Nutzt Web-View-Komponenten der jeweiligen Plattform § Möglichkeit über Plugins mit der nativen Plattform zu kommunizieren Electron für Desktop-Anwendungen § Ähnlicher Ansatz wie Cordova, nur für Desktop-Betriebssysteme § Windows (Desktop), Linux, macOS § Verwendet dedizierte Version von Chromium und node.js § Möglichkeit über Node-Module in die native Plattform einzuklinken Native Apps & Anwendungen (Hybrid) 25 D
26. Fazit Es ist 2016 – Action, jetzt! 26
27. MacOS X Windows Desktop iOS Android Windows Mobile Browser Browser Browsers Windows 10 / UWP Linux
28. Übrigens… • Und falls Ihnen jemand einreden möchte, dass "das mit HTML5 ja gar nicht geht“ - seien Sie skeptisch • Die Dreimann-Studenten-Firma macht es bereits • Das Limit bei HTML5 liegt teilweise Größenordnungen über dem was viele erwarten 28
29. Christian Weyer Thinktecture AG http://www.thinktecture.com christian.weyer@thinktecture.com @christianweyer Kontakt 29
30. BoardZ! § https://github.com/thinktecture/boardz-cross-platform-sample LVMIT Open Source § http://lvm-it.github.io/index_de.html Ressourcen 30