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

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

description

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.

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

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

Gregor Biswanger | Freier Trainer, Consultant und Autor

about.me/gregor.biswanger

Cross-Plattform Entwicklung

Apps Entwickeln für alle Plattformen mit

HTML5 und JavaScript

Page 2: Intel XDK: 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

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

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

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

HTML5 liegt im Trend

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

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

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

Wofür dann noch Apps entwickeln?

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

Der Unterschied von App und Web

Mehr Performance

Besseren Zugriff auf Hardware

Bessere Interaktion

Accelerometer Gyroscope GPS Ambient LightCompass NFC

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

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

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

Die Lösung: Xamarin für native Apps

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

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

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

Die Lösung: Adobe PhoneGap

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

Wie PhoneGap funktioniert

PhoneGap Build(Apache Cordova)

JSCSS

HTML

Cloud Compiler

AppsEin Projekt

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

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

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

Die Lösung: Das Intel XDK

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

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

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

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)

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

Kostenlos downloaden unter…

xdk.intel.com

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

Die Entwicklungsumgebung

Code-Editor /

Designer

Emulatoren /

Debugger

Remote-Tools (Test / Debugger / Profiler)

Erstellen von Apps

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Kostenloses Video-Training für alle!

http://goo.gl/BQb8ul

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

Vielen Dank!

http://about.me/Gregor.Biswanger

Ich freue mich auf Ihr Feedback!