Gregor Biswanger | Freier Trainer, Consultant und Autor
about.me/gregor.biswanger
Cross-Plattform Entwicklung
Apps Entwick...
Über mich
 Gründer von CleverSocial.de
 Freier Consultant und Trainer
 Schwerpunkte .NET-Architektur, Agile
Prozesse, X...
Unser Reiseplan
 Wieso ist Cross-Plattform Entwicklung
wichtig
 Aktuelle Lösungen im Vergleich
 Einführung in das Intel...
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...
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
Nach...
Die Lösung: Adobe PhoneGap
Wie PhoneGap funktioniert
PhoneGap Build
(Apache Cordova)
JS
CSS
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 ...
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 al...
Das Intel XDK
 Komplett kostenlos
 Leichtgewichtig mit nur 130 MB
 Läuft unter Windows, OS X, Linux und
weitere Linux-D...
Kostenlos downloaden unter…
xdk.intel.com
Die Entwicklungsumgebung
Code-Editor /
Designer
Emulatoren /
Debugger
Remote-Tools
(Test / Debugger / Profiler)
Erstellen ...
Der erste Start, die Projektverwaltung
 Start with a Blank Project
• Ein leeres Projekt mit Verweis auf das Intel App
Fra...
Der Develop-Tab
 Code-Editor ist vom Adobes Open-Source
HTML-Editor Brackets
• IntelliSense für JavaScript
 App Designer...
Der Emulate-Tab
 Apache Ripple Integration simuliert Mobile
Geräte
• Emulatoren für Smartphones, Tablets, E-Book-
Reader ...
Der Test-Tab
 Ermöglicht ein Ausführen der App auf dem
eigenen Device
• Mobile
• Über die Cloud
• WiFi
• Über WLAN
 App ...
Der Build-Tab
 App wird vom Intel XDK Build Service in der
Cloud erzeugt
 Unterstützt werden die Plattformen:
• Windows ...
Der Service-Tab
 Cloud-Dienste von Drittanbietern
 Teilweise kostenpflichtig
 Proxy-Generator für REST Web-Services mit...
Fazit
 Das Intel XDK bietet alle wichtigen Funktionen
für die Cross-Plattform Entwicklung
 Das Intel XDK ist eine Kombin...
Kostenloses Video-Training für alle!
http://goo.gl/BQb8ul
Vielen Dank!
http://about.me/Gregor.Biswanger
Ich freue mich auf Ihr Feedback!
Upcoming SlideShare
Loading in...5
×

Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen mit HTML5 und JavaScript

987

Published on

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.

Published in: Software
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
987
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen mit HTML5 und JavaScript

  1. 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. 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. 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. 4. HTML5 liegt im Trend
  5. 5. HTML5 läuft auf allen gängigen Geräten!
  6. 6. Wofür dann noch Apps entwickeln?
  7. 7. Der Unterschied von App und Web  Mehr Performance  Besseren Zugriff auf Hardware  Bessere Interaktion  … Accelerometer Gyroscope GPS Ambient LightCompass NFC
  8. 8. Wir haben ein Problem: Der Markt ist zu groß!
  9. 9. Die Lösung: Xamarin für native Apps
  10. 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. 11. Die Lösung: Adobe PhoneGap
  12. 12. Wie PhoneGap funktioniert PhoneGap Build (Apache Cordova) JS CSS HTML Cloud Compiler AppsEin Projekt
  13. 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. 14. Die Lösung: Das Intel XDK
  15. 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. 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. 17. Kostenlos downloaden unter… xdk.intel.com
  18. 18. Die Entwicklungsumgebung Code-Editor / Designer Emulatoren / Debugger Remote-Tools (Test / Debugger / Profiler) Erstellen von Apps
  19. 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. 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. 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. 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. 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. 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. 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. 26. Kostenloses Video-Training für alle! http://goo.gl/BQb8ul
  27. 27. Vielen Dank! http://about.me/Gregor.Biswanger Ich freue mich auf Ihr Feedback!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×