Bastian Schramm | Harburg-Freudenberger Stefan Scheidt | OPITZ CONSULTING
Hybride Apps mit Ionic
[email protected]/bastian_schramm
github/bsc310
[email protected]/stefanscheidtgithub/stefanscheidt
Ihre Sprecher
© OPITZ CONSULTING GmbH 2011 Seite 3<Präsentationstitel – bitte im Folienmaster ändern>
MissionWir entwickeln gemeinsam mit allen Branchen Lösungen, die dazu führen, dass sich diese Organisationen besser entwickeln als ihr Wettbewerb.
Unsere Dienstleistung erfolgt partnerschaftlich und ist auf eine langjährige Zusammenarbeit angelegt.
LeistungsangebotBusiness IT AlignmentBusiness Information ManagementBusiness Process ManagementAnwendungsentwicklungSOA und System-Integration IT-Infrastruktur-Management
MärkteBranchenübergreifendÜber 600 Kunden
29%Industrie / Versorger /
Telekommunikation
29%Handel / Logistik / Dienstleistungen
42% Öffentliche Auftraggeber / Banken und Versicherungen / Vereine und Verbände
EckdatenGründung 1990 400 Mitarbeiter9 Standorte
Bestandteil der POSSEHL Gruppe Gründung 1879 > 1100 Mitarbeiter 5 Produktionsstandorte
EckdatenLeistungsangebot
Mischer Mischer Automation Spezial Maschinen Service
Mission
With ambition to continuously optimize products and processes, we mix more than approx. 20 Mio. tons of rubber (40 Mio. tons compound) each year
Märkte
Hybrid Apps
Native Platform
JavaScript API
Native Bridge
Native Frameworks + SDK‘s
HTML5 App
In diesem Vortrag:
(also Cordova ...)
Ionic
Ionic
„Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS components
for building highly interactive apps. Built with Sass and optimized for AngularJS“
http://ionicframework.com
”Ionic’s ultimate goal is to make it easier to develop native mobile apps with HTML5, also
known as Hybrid apps”
Ionic
„Ionic is focused mainly on the look and feel, and UI interaction of your app. “
http://ionicframework.com/docs/overview
„Ionic is that missing piece when creating native apps with web standards. Just drop in some CSS
and JavaScript, and you’ll quickly get up to speed developing native applications with HTML5. “
Ionic Showcases
http://showcase.ionicframework.com/
Ionic Showcases
Ionic Building Blocks
http://cordova.apache.org
Windows Phone
Cordova JS API
Cordova Native Lib
Silverlight Framework + Windows Phone SDK
iPhone
Cordova JS API
Cordova Native Lib
IOS Framework + SDK‘s
Android Phone
Cordova JS API
Cordova Native Lib
Android Framework + SDK‘s
HTML5 App
HTML enhanced for web apps!
MV* withDependency Injection
AngularJS
http://angularjs.org/
Two-WayData Binding
DeclarativeUI Templates
Framework
http://sass-lang.com
Getting Started ...
Ionic Installation und Start
$ npm install -g ionic
$ ionic start todo-app
$ cd todo-app
$ ionic platform ios
$ ionic emulate ios
$ ionic run ios
Demo ...
Beispielcode
https://github.com/opitzconsulting/ionicdemo
Erfahrungen
Links
http://ionicframework.com
https://www.youtube.com/channel/UChYheBnVeCfhCmqZfCUdJQw
http://cordova.apache.org
https://angularjs.org
http://ngcordova.com
Herzlichen Dank fürIhre Aufmerksamkeit!
youtube.com/opitzconsulting
twitter.com/OC_WIRE
slideshare.net/opitzconsulting
xing.com/net/opitzconsulting