Bastian Schramm | Harburg-Freudenberger Stefan Scheidt | OPITZ CONSULTING

Hybride Apps mit Ionic

Bastian.Schramm@hf-group.comtwitter/bastian_schramm

github/bsc310

Stefan.Scheidt@opitz-consulting.comtwitter/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