Folien zum Vortrag "Cross Plattform-App-Entwicklung in Visual Studio 2015: Xamarin und Cordova".

1. Cross-Plattform-App-
Entwicklung in Visual Studio
2015:
Xamarin und Cordova
André Krämer
Softwareentwickler, Trainer & Berater
andre@andrekraemer.de| http://andrekraemer.de| http://andrekraemer.de/blog | http://github.com/AndreKraemer

3. Herausforderungen in modernen
Geschäftsanwendungen

4. Geschäftsanwendungen, wie wir sie
kennen …
Screenshot des Open Source Tools Bulk Rename Utility. Screenshot erstellt von André Krämer

5. Foto: © anyaberkut |Fotolia.com

6. Foto: © PIKSEL | istockphoto.com

7. Foto: © pannawat | Fotolia.com

8. Bis Ende 2017 wird der Bedarf an
Enterprise Mobile Apps die
verfügbaren Entwicklungskapazitäten
um den Faktor fünf übersteigen
Quelle: Gartner | http://www.gartner.com/newsroom/id/3076817

9. Smartphone Marktanteile Q2/2015
(Quelle: IDC)
Android; 82,80%
iOS; 13,90%
Windows Phone;
2,60%
Rest; 0,70%
Android
iOS
Windows Phone
Rest

10. Verteilung der Tablet Betriebssysteme im geschäftlichen Umfeld
(Quelle: Good Technology)
iOS; 64%
Android; 25%
Windows;
11%
iOS
Android
Windows

11. Herausforderung
• Durch die vielfallt an Geräten muss für unterschiedliche Betriebssysteme
entwickelt werden
• iOS
• Android
• Universal Windows Platform Apps (Windows 10)
• Für Jede Plattform wird anders entwickelt
• iOS: Objective C oder Swift und Xcode
• Android: Java und Android Studio
• UWP: C# / VB.NET oder C++ mit XAML (oder JavaScript + HTML)

12. Sie haben begrenzte
Entwicklerressourcen!
Foto: © NinaMalyna| istockphoto.com

13. Lösungsansätze

14. Nativ für jede Plattform mit den Hersteller SDKs
und Werkzeugen
• Mehrere Teams
• Mehrere Codezweige
• Unterschiedliche Werkzeuge

15. Hybrid mit HTML und JavaScript
•Entwicklung mit HTML /
JavaScript
•Geteilter Code über mehrere
Plattformen
•Darstellung der App in einem
rahmenlosen Browser
•Zugriff auf native APIs über
Plugins
Native Wrapper
Webview mit
Ihrer JavaScript /
HTML App

16. Nativ mit Xamarin
•C# + .NET Framework
•Geteilter Code über
mehrere Plattformen
•Natives UI
•Native Performance
•100 % der nativen APIs im
Zugriff
Bild: © Xamarin

17. Die Xamarin Platform

18. Was ist die Xamarin Platform
• Kommerzielles Produkt der Firma Xamarin
• Erlaubt die Entwicklung für Android und iOS mit C#

19. Architektur von Xamarin.Android

20. Architektur von Xamarin.iOS
• Apple erlaubt keine Laufzeitumgebungen unter iOS
• Deshalb wird der C# Quellcode für Xamarin.iOS Ahead-Of-Time (AOT)
kompiliert
• à Natives ARM Binary für iOS

21. Entwicklungswerkzeuge
Xamarin Studio
PC oder Mac
Visual Studio Plugin
VS 2010 und höher

22. Visual Studio 2015

23. Screenshot der Xamarin Preistabelle. Screenshot erstellt von André Krämer

24. Screenshot der Homepage der Xamarin Starter Edition. Screenshot erstellt von André Krämer

25. Systemanforderungen
• Zur Android Entwicklung reicht ein Windows PC
• Zur iOS Entwicklung wird ein Mac benötigt.
• Die Entwicklung kann trotzdem unter Windows in Visual Studio
stattfinden

26. iOS Entwicklung unter Windows

27. Demo
Xamarin
Source Code in Kürze unter
http://github.com/AndreKraemer

28. Das hab ich mir gespart ...

29. Fazit Xamarin
• C# kann für alle Plattformen genutzt werden
• Geschäftslogik kann über Portable Class Libraries geteilt werden
• Für das UI ist im klassischen Ansatz Detailwissen über die Plattform-
APIs erforderlich

30. Xamarin.Forms

31. Demo
Xamarin.Forms

32. Fazit Xamarin.Forms
• C# kann für alle Plattformen genutzt werden
• Geschäftslogik kann über Portable Class Libraries geteilt werden
• Für das UI ist im klassischen Ansatz Detailwissen über die Plattform-
APIs erforderlich

33. Apache Cordova

34. Cordova (Phonegap)
• Quelloffenes Framework der Apache Foundation
• Entwicklung für Android, iOS, Windows Phone, FirefoxOS ... mit HTML
/ JavaScript
• Keine Java / Objective-C Kenntnisse
• Ursprünglich Phonegap, später Cordova

35. Cordova Architektur

36. Cordova liefert kein CSS!

37. UI Frameworks
• jQuery Mobile
• DevXtreme (DevExpress)
• Kendo UI (Telerik)
• Ignite UI (Infragistics)
• Onsen (Open Source)
• Ionic (Open Source)

38. Ionic

39. Cordova in VS 2015

40. iOS Konfiguration (OS X)
Quelle: MSDN | https://msdn.microsoft.com/library/dn757054(v=vs.140).aspx#ios

41. iOS Konfiguration (VS 2015)

42. Demo
Cordova mit Ionic

43. Fazit Corova / Ionic
• Plattformübergreifende Entwicklung mit HTML / JS ist möglich
• Performance auf modernen Geräten kein Problem
• Einsatz eines UI Frameworks ist sinnvoll

44. Zusammenfassung
• Visual Studio 2015 unterstützt die Entwicklung von Apps für Android und
iOS.
• Alle notwendigen Werkzeuge / SDKs werden direkt durch das Visual
Studio Setup installiert.
• Zusätzlich kommt ein Android Emulator von Microsoft mit
• Neben der Entwicklung und der Verpackung von Apps wird auch das
Debugging ermöglicht.
• Als Entwickler habe ich die Wahl, ob ich lieber mit C# und XAML oder
HTML und JavaScript arbeiten möchte.

45. Welches Framework sollte ich
einsetzen?

46. Entscheidungsfindung
• Nicht nur auf Basis der Programmiersprache entscheiden!
• Keine veralteten Vorurteile ungeprüft übernehmen!
• Besser: Strukturierte Entscheidungsfindung auf Basis einer Kriterien- /
Anforderungsliste

47. Kriterienliste?
• Verbreitung
• Kosten
• Support
• Nutzung von C# oder JS Bibliotheken
• Zuverlässigkeit
• ...
• Mehr ab Januar 2016 auf http://andrekraemer.de

48. Xamarin Crashkurs (Beispielfilme)
• https://www.video2brain.com/de/tutorial/installation-unter-windows-1
• https://www.video2brain.com/de/tutorial/android-emulator
• https://www.video2brain.com/de/tutorial/sqlite-hinzufuegen

49. Doch lieber nativ?
http://andrekraemer.de/training/video-trainings/swift-fuer-c-entwickler

50. Homepage
andre@andrekraemer.de| http://andrekraemer.de| http://andrekraemer.de/blog | http://github.com/AndreKraemer
Vielen Dank!
Blog
Xing
Facebook
Twitter
Google+
50
Sämtliche Abbildung wurden ordnungsgemäß bei IStockPhoto oder fotolia lizensiert.
Fragen
?
Schulung, Beratung und Entwicklung mit den Schwerpunkten:
• Cross Plattform Apps mit Xamarin & Cordova/ Ionic
• ASP.NET MVC / Web API & JavaScript / Angular JS
• Datenzugriff mit dem Entity Framework
• Team Foundation Server / ALM
• Automatische Dokumentengenerierung mit TX Text
Control
• Performance- & Memory Analysen
• Softwarearchitektur

51. Meine Dienstleistungen
• Schulungen
• ASP.NET
• Xamarin
• TX Text Control
• Infragistics NetAdvantage
• Team Foundation Server
• Consulting
• Durchführung von Technologieworkshops
• Code- / Architekturreviews
• Analyse von managed Memory Leaks
• Prototypenentwicklung
• Remote Entwickler-Support
• Projektbegleitendes Coaching
• Softwareentwicklung
• Mobile Apps (Windows 8, Windows Phone, Android, iOS)
• Entwicklung von Web-Anwendungen mit ASP.NET MVC, Web Api, AngularJS
51