Agenda. Native Cross- Platform- Entwicklung. Mobile Business Apps. App Demo Code Demo. Fazit. Architektur ALM

Transkript

1

2 Agenda Mobile Business Apps Native Cross- Platform- Entwicklung App Demo Code Demo Fazit Architektur ALM

3 Mobile Business Apps

4 Mobile Business Apps Frontend/Device ALM Multiple Betriebssysteme Multiple Formfaktoren Device Features Design/User Experience Komplexe Frontendlogik Konfigurierbarkeit Business Use Cases 4 Cloud Architektur/Patterns Continuous Feedback Continuous Testing Continuous Delivery Deployment (Store vs. Sideloading) Anbindung 2 Integration Online/Offline Synchronisierung Fehlerbehandlung Protokolle Security Datenvolumen 1 3 On Premise/Cloud Skalierbarkeit Transaktionen Compliance Verfügbarkeit Backendarchitektur Bus-Systeme Frontends/Devices Backend

5 Frontend/Devices Multi-Plattform Multi-Formfaktor 1 Push Notifications UI/UX Design Geschäftslogik Hardware Features

6 Anbindung Protokolle 2 Fehlerbehandlung Datenvolumen On-/Offlinefähigkeit Security Verschlüsselung

7 Integration Enterprise Backends 3 Performance Cloud-Integration 3 Schnittstellen Architekturtypen

8 ALM Continuous Testing 4 Sideloading Continuous Feedback Store Continuous Delivery

9 Cross-Platform Architektur

10 One App Multiple Devices

11 One App Multiple Devices

12 Xamarin UWP WPF Unterstützung der Enterprise-relevanten Plattformen Hoher Grad des Code Sharing XAML als durchgängiges UI Markup Wiederverwendung vorhandener.net Skills und Tools

13 Warum Xamarin? Hoher Grad des Code Sharing Native UI und Performance 100% Zugriff auf native APIs Einheitliche Entwicklungstools ios UI (C#) Android UI (C#) Windows UI (C#) Windows Server Linux Server (Mono) Shared C# Mobile C# Server Shared C# Client/Server

14 Xamarin Device Features (C#) Plattformspezifische Views (C#/Storyboard) Device Features (C#) Plattformspezifische Views (C#/AXML) Device Features (C#) Plattformspezifische Views (C#/XAML) Gemeinsame ViewModels (C#) Gemeinsame Geschäftslogik (C#)

15 Xamarin.Forms Device Features (C#) Device Features (C#) Device Features (C#) Gemeinsame Views (C#/XAML) Gemeinsame ViewModels (C#) Gemeinsame Geschäftslogik (C#)

16 Warum Xamarin.Forms? Xamarin.Forms Xamarin.iOS / Xamarin.Android Business Apps mit Dateneingaben Fokus mehr auf Code-Sharing Apps mit sehr speziellen UIs und Interaktionspatterns Verwendung von zahlreichen plattformspezifischen APIs Fokus mehr auf UI-Modifikationen

17 Xamarin.Forms Beispiel

18 Warum UWP? - UWP Apps laufen auf allen Windows 10 Geräten

19 Warum nicht Xamarin.Forms UWP? - Damals noch Technical Preview Mögliche Option für Enterprise Apps X-Suzzle im Microsoft Store

20 Warum WPF? - Windows 7: Die Plattform im Desktop-Bereich -.NET Apps im Windows Store - Legacy Code als Startpunkt für Cross-Platform Entwicklung Marktanteile Desktop Oktober % Linux 2% Andere 6% Mac OS X 8% Windows XP 11% Windows 8/8.1 48% Windows 7 23% Windows 10

21 Gesamtarchitektur Cordova Xamarin UWP WPF Responsive Excel Web ASP.NET Web API, Web Apps Office 365 Power BI SharePoint Active Directory Business Logic & Services Service Bus Integration Services SQL Server Dynamics CRM M icrosoft Azure

22 Gesamtarchitektur Cordova Xamarin UWP WPF Responsive Excel Web ASP.NET Web API, Web Apps Office 365 Power BI SharePoint Active Directory Business Logic & Services Service Bus Integration Services SQL Server Dynamics CRM M icrosoft Azure

23 Client-Architektur Frontend Xamarin.Forms UWP WPF ViewModels MvvmCross Services, Business Logic Models/Entities HockeyApp Adapter Infrastructure Remote Data Access Local Data Access Hardware Features Local Data Store Backend REST API

24 ALM

25 ALM Continuous Build Continuous UI Testing

26 Continuous Build Build Server Build Agent (on-premise/azure) Mac OS X Build Host/ MacinCloud Team Foundation Server/ Visual Studio Team Services App Xamarin Android Xamarin ios App Code Developer Unit Tests Visual Studio Xamarin Studio Android SDK ios SDK XCode

27 Continuous Build

28 UI Testing ios Android Xamarin.UI Test Coded UI Test WPF UWP

29 UI Testing Xamarin.UITest [Test] public void LoginScreen_ShowsErrorMessage_WhenCredentialsAreInvalid() { var screen = new LoginScreen(app); screen.enterusername("invalidusername"); screen.enterpassword("invalidpassword"); screen.taplogin(); var errormessage = screen.geterrormessage(); Assert.AreEqual("Anmeldung fehlgeschlagen.", errormessage); } class LoginScreen { public LoginScreen(IApp app) { this.app = app; } public void EnterUserName(string username) { app.waitforelement(c => c.textfield("usernameentry")); app.cleartext(c => c.textfield("usernameentry")); app.entertext(c => c.textfield("usernameentry"), username); } }

30 ios und Android Fragmentierung ios Android Gerätetypen 22 > Sprachen Bildschirmgrößen 6 27 OS Versionen 8% 14% 3% 24% 29% 63% 25% 34% ios 10 ios 9 Früher Marshmallow KitKat Früher Lollipop Jelly Bean

31 US Makt Abdeckung ios und Android Fragmentierung 100% 90% 80% 90%: 702 Geräte 70% 75%: 379 Geräte 60% 50% 50%: 125 Geräte 40% 30% 20% 25%: 32 Geräte 10% 0% Anzahl der Geräte Quelle: Open Signal

32 Xamarin Test Cloud Xamarin Test Cloud Web Server Application + Tests IPA/APK + Tests Results Developer

33 Xamarin Test Cloud

34 Xamarin Test Cloud

35 App Demo Code Demo

36 Showcase ShowTime Cordova Xamarin UWP WPF Responsive Excel Web ASP.NET Web API, Web Apps Office 365 Power BI SharePoint Active Directory Business Logic & Services Service Bus Integration Services SQL Server Dynamics CRM M icrosoft Azure

37 Demo

38 Fazit

39 Code Sharing Codeaufteilung über alle Plattformen 14% 8% 8% 50% 20% Plattformübergreifender Code Xamarin.Forms Code Xamarin.Android Code Xamarin.iOS Code UWP Code

40 Code Sharing Codeaufteilung ios/android 11% 25% 64% Plattformübergreifender Code Xamarin.Forms Code Xamarin.iOS oder Xamarin.Android Code

41 Xamarin UWP WPF Hoher Grad des Code Sharing Unterstützung der business-relevanten Plattformen Natives Frontenddesign und User Experience Native Performance auf dem Endgerät Nutzung vorhandener Tools und ALM-Prozesse Nutzung vorhandenen.net Know-Hows Wirtschaftlichkeit

42 Vielen Dank Markus Demmler Principal expert Denis Thomas Senior expert SDX AG Speicherstraße 1, Frankfurt Landwehrstraße 61, München