AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Herzlich Willkommen!
Gleich geht es los.
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Cross Platform Apps
mit Visual Studio
und Apache Cordova
Peter Hecker
GFU Cyrus AG, Köln
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Peter Hecker
• Seit 1986: „Entwickler, Trainer“
• Seit 1995: „Web 1.0“
• Seit 2009: „Mobile Web“
• @phecker65
GFU Cyrus AG
„Ihr Partner für IT-Schulungen“
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Cross Platform Apps
mit Visual Studio
und Apache Cordova
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Cross Platform Apps
• Cross Device
• Smartphone, Tablet, Notebook, PC, TV, Car,
Watch, Glasses etc.
• Cross Operating System
• Android, iOS, Windows, OS X, Linux etc.
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Cross Platform Apps
• „Platform/Runtime - Browser“
• „API/Framework - Web-Stack“ 







AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Visual Studio 2015
https://msdn.microsoft.com/en-us/library/
dn771545(v=vs.140).aspx
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
http://cordova.apache.org/
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Von PhoneGap nach
Apache Cordova
• 04/2009: Entwicklung durch
Nitobi
• 10/2011: Kauf von Adobe
• 10/2011: Apache Cordova
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
http://phonegap.com/
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Native, Web und Hybrid-Apps im
Vergleich
Quelle: http://blog.meltmedia.com/2013/05/theres-more-than-one-way-to-build-mobile-apps/
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
$ sudo npm install cordova -g
$ cordova create myapp
$ cd myapp
$ cordova platform add ios android
$ cordova emulate ios
https://nodejs.org/
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
http://phonegap.com/about/feature/
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Core Plugins
Persistenz
• LocalStorage
• WebSQL
• Indexed DB
• FileSystem
• File Transfer
• Contacts
Sensorik
• Device
• Device Motion
(Accelerometer)
• Device
Orientation
(Compass)
• Battery Status
• Network
Information
(Connection)
• Geolocation
Multimedia
• Media
• Media Capture
• Camera
• InAppBrowser
Utilities
• Globalization
• Splashscreen
• Dialogs
• Vibration
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
The Apache Cordova Plugins Registry
http://plugins.cordova.io
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
[ 238 ]
architecture so you can safely consider them as native plugins.
When you plan to write a custom plugin, keep in mind that you have to write the native
code from scratch for all the platforms you want to support. Before starting to write a
plugin you should check if what you are searching for has been implemented already
at https://github.com/phonegap/phonegap-plugins. This repository is not a
comprehensive list but the community around PhoneGap is working hard to keep it up-to-date.
Architektur eines Plugin
PhoneGap / Cordova - API
Quelle: PhoneGap 3 Beginner’s Guide
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
https://www.visualstudio.com/en-us/features/cordova-vs.aspx
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
https://msdn.microsoft.com/en-us/library/dn757054(v=vs.140).aspx
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Projekt erstellen
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Cordova ist
kein UI/UX-Framework
und auch
kein App-Framework!
???
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
???
UI/UX-Framework
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
???
App-Framework
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
• „Everybody loves AngularJS“
• Ionic basiert auf AngularJS
• Alternativen:
• jQueryMobile
• Sencha Touch
• Kendo UI
• Onsen UI
• …
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
http://sworkit.com/
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
https://angular-ui.github.io/bootstrap/
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
http://mobileangularui.com/
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
https://material.angularjs.org/#/
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
http://ngcordova.com/
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Microsoft und AngularJS
http://t3n.de/news/angularjs-20-typescript-597814/
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Microsoft und Cross Platform
http://news.microsoft.com/2014/11/12/microsoft-takes-net-open-source-and-
cross-platform-adds-new-development-capabilities-with-visual-studio-2015-
net-2015-and-visual-studio-online/
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
https://wiki.apache.org/cordova/who
Adobe
BlackBerry
Google
IBM
Intel Corporation
Microsoft Open Technologies Inc.
Mozilla
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Zusammenfassung
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
peter@gfu.net, @phecker65, 0221/828090
„Fragen, Anregungen, Wünsche“
AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Das war’s!

Cross Plattform Apps mit Visual Studio und Apache Cordova