Gregor Biswanger ist ein freier Trainer und Consultant, der sich auf die Cross-Plattform-Entwicklung mit HTML5 und JavaScript spezialisiert hat. Er beschreibt verschiedene Lösungen für die Entwicklung von Apps, einschließlich Xamarin, Adobe PhoneGap und Intel XDK, und beleuchtet deren Vor- und Nachteile. Das Intel XDK bietet eine kostenlose Entwicklungsumgebung mit Unterstützung für mehrere Plattformen sowie Tools zur App-Erstellung, Debugging und Emulatoren.

1. Gregor Biswanger | Freier Trainer, Consultant und Autor
about.me/gregor.biswanger
Cross-Plattform Entwicklung
Apps Entwickeln für alle Plattformen mit
HTML5 und JavaScript

2. Über mich
 Gründer von CleverSocial.de
 Freier Consultant und Trainer
 Schwerpunkte .NET-Architektur, Agile
Prozesse, XAML, Web und Cloud
 Technologieberater für die Intel Developer
Zone
 Sprecher auf Konferenzen und User Groups
 Freier Autor für heise.de, dotnetpro,
WindowsDeveloper und viele weitere
Fachmagazine
 Video-Trainer bei video2brain und
Microsoft
Gregor Biswanger
Microsoft MVP für Client App Dev
Intel Black Belt
dotnet-blog.net
about.me/gregor.biswanger

3. Unser Reiseplan
 Wieso ist Cross-Plattform Entwicklung
wichtig
 Aktuelle Lösungen im Vergleich
 Einführung in das Intel XDK
• Vorstellung der Funktionen
• Die erste eigene Hybrid-App

4. HTML5 liegt im Trend

5. HTML5 läuft auf allen gängigen Geräten!

6. Wofür dann noch Apps entwickeln?

7. Der Unterschied von App und Web
 Mehr Performance
 Besseren Zugriff auf Hardware
 Bessere Interaktion
 …
Accelerometer Gyroscope GPS Ambient LightCompass NFC

8. Wir haben ein Problem: Der Markt ist zu groß!

9. Die Lösung: Xamarin für native Apps

10. Vorteile
 Die Entwicklungsumgebung ist
Visual Studio
 Entwicklungssprache ist C#
 Die Apps werden nativ kompiliert
Nachteile
 Ist nicht kostenlos
 Jede Plattform hat eine eigene API
 Noch kein einheitliches Frontend
 Performance bei der Android
Entwicklung ist zu langsam
 Probleme bei der Kompatibilität
von älteren Android Versionen
 Die Apple-Plattform kann nur auf
dem Mac entwickelt werden
 Zu wenig Plattformen werden
unterstützt
Xamarin

11. Die Lösung: Adobe PhoneGap

12. Wie PhoneGap funktioniert
PhoneGap Build
(Apache Cordova)
JS
CSS
HTML
Cloud Compiler
AppsEin Projekt

13. Vorteile
 Ein Code für alle gängige
Plattformen
 Eine Vielzahl an
Plattformen werden unterstützt
 Einheitliche API für alle gängigen
Plattformen
 Sehr große Community
Nachteile
 Das Erstellen von Apps in der
Cloud ist nicht kostenfrei
 Die Apps sind nur teilweise nativ
 Für jede Plattform wird ein
eigener Emulator benötigt
 Für jede Plattform wird eine
eigene Datenstruktur benötigt
 Plattform spezifische Contracts
müssen mit zusätzlichen Aufwand
implementiert werden
 Hoher Lernaufwand
Adobe PhoneGap

14. Die Lösung: Das Intel XDK

15. Vorteile
 Ein Code für alle gängige Plattformen
 Eine Vielzahl an Plattformen wird unterstützt
 Einheitliche API für alle gängigen Plattformen
 Sehr große Community
 Kostenlose Entwicklungsumgebung
 Emulatoren für alle gängigen Geräte und
Plattformen
 Kostenloses Erstellen von Apps
 Interoperabilität zu anderen
Entwicklungsumgebungen
 Einige native Lösungen für schnellere Apps
 Rapid Application Development möglich
Nachteile
 Die Apps sind nur teilweise nativ
 Plattform spezifische Contracts
müssen mit zusätzlichen Aufwand
implementiert werden
Intel XDK

16. Das Intel XDK
 Komplett kostenlos
 Leichtgewichtig mit nur 130 MB
 Läuft unter Windows, OS X, Linux und
weitere Linux-Derivaten
 Ist selbst in HTML und JavaScript entwickelt
worden
 Besteht aus:
• Einer Entwicklungsumgebung (IDE)
• Ein JavaScript UI Framework (Intel App Framework)
• Kostenlosen App Builder in der Cloud (basierend auf Apache
Cordova)

17. Kostenlos downloaden unter…
xdk.intel.com

18. Die Entwicklungsumgebung
Code-Editor /
Designer
Emulatoren /
Debugger
Remote-Tools
(Test / Debugger / Profiler)
Erstellen von Apps

19. Der erste Start, die Projektverwaltung
 Start with a Blank Project
• Ein leeres Projekt mit Verweis auf das Intel App
Framework ohne App Designer
 Work with a Demo
• 14 fertige Demoanwendungen stehen zur Verfügung
 Import an Existing App
 Use App Starter
• Für HTML-Anfänger
 Start with App Designer
• Leeres Projekt mit App Designer Unterstützung

20. Der Develop-Tab
 Code-Editor ist vom Adobes Open-Source
HTML-Editor Brackets
• IntelliSense für JavaScript
 App Designer
• Unterstützt unterschiedliche JavaScript UI
Frameworks:
• Intel App Framework
• Bootstrap 3
• JQuery Mobile
• Topcoat
• Unterstützt Responsive Webdesign

21. Der Emulate-Tab
 Apache Ripple Integration simuliert Mobile
Geräte
• Emulatoren für Smartphones, Tablets, E-Book-
Reader und Ultrabooks
• Das Simulieren von Sensoren ist möglich
 Debugging mittels Google Chrome
Developer Tools

22. Der Test-Tab
 Ermöglicht ein Ausführen der App auf dem
eigenen Device
• Mobile
• Über die Cloud
• WiFi
• Über WLAN
 App muss auf dem Zielgerät vorhanden sein
• Intel XDK App Preview
• Für Windows Phone
• App Lab
• Für Android und Apple

23. Der Build-Tab
 App wird vom Intel XDK Build Service in der
Cloud erzeugt
 Unterstützt werden die Plattformen:
• Windows 8 Store Apps, Windows Phone 8 Apps
• Android, Crosswalk for Android
• Tizen
• Amazon
• Nook
• iOS Ad Hoc, iOS Production
• WebApp
• Chrome App
• Facebook App

24. Der Service-Tab
 Cloud-Dienste von Drittanbietern
 Teilweise kostenpflichtig
 Proxy-Generator für REST Web-Services mit
JSON
• Ist vom Open-Source Projekt I/O Docs

25. Fazit
 Das Intel XDK bietet alle wichtigen Funktionen
für die Cross-Plattform Entwicklung
 Das Intel XDK ist eine Kombination aus
unterschiedlichen Open-Source-Projekten
 Interoperabilität zu jeder Phase

26. Kostenloses Video-Training für alle!
http://goo.gl/BQb8ul

27. Vielen Dank!
http://about.me/Gregor.Biswanger
Ich freue mich auf Ihr Feedback!