Hier lernen Sie die vielfältigen Möglichkeiten der App-Entwicklung für alle gängigen Plattformen mit nur einer Programmiersprache kennen. Sie steigen mit den Grundlagen des Intel XDK ein und werden dann mit den wichtigsten Frameworks und Vorgehensweisen vertraut. Mit diesen Infos steigen Sie rasch auf zum versierten App-Entwickler und -Designer.

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!