Gregor Biswanger | Freier Trainer, Consultant und Autor
about.me/gregor.biswanger
Cross-Plattform Entwicklung
Apps Entwickeln für alle Plattformen mit
HTML5 und JavaScript
Ü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
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
HTML5 liegt im Trend
HTML5 läuft auf allen gängigen Geräten!
Wofür dann noch Apps entwickeln?
Der Unterschied von App und Web
Mehr Performance
Besseren Zugriff auf Hardware
Bessere Interaktion
…
Accelerometer Gyroscope GPS Ambient LightCompass NFC
Wir haben ein Problem: Der Markt ist zu groß!
Die Lösung: Xamarin für native Apps
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
Die Lösung: Adobe PhoneGap
Wie PhoneGap funktioniert
PhoneGap Build(Apache Cordova)
JSCSS
HTML
Cloud Compiler
AppsEin Projekt
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
Die Lösung: Das Intel XDK
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
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)
Kostenlos downloaden unter…
xdk.intel.com
Die Entwicklungsumgebung
Code-Editor /
Designer
Emulatoren /
Debugger
Remote-Tools (Test / Debugger / Profiler)
Erstellen von Apps
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
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
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
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
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
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
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
Kostenloses Video-Training für alle!
http://goo.gl/BQb8ul
Vielen Dank!
http://about.me/Gregor.Biswanger
Ich freue mich auf Ihr Feedback!
Top Related