Hybride Mobile Apps entwickeln mit AngularJS und Ionic
http://www.opitz-consulting.com/go/3-6-11 Die Entwicklung mobiler Apps mit HTML, CSS und JavaScript stellt noch immer eine Herausforderung dar. Ein neues Werkzeug, um diese Herausforderung zu meistern, ist das Ionic Framework. Es baut auf dem bekannten JavaScript-Frontend-Framework AngularJS auf und fokussiert sich auf die Gestaltung der Benutzeroberfläche einer App. Für das Deployment als hybride App unterstützt es PhoneGap. Dieser Vortrag stellt Ionic durch das Live-Entwickeln einer Beispiel-Applikation vor, die am Ende des Vortrags mit PhoneGap als App verpackt wird. Die Software-Architekten Stefan Scheidt und Bastian Schramm hielten diesen Vortrag am 3. September in Berlin bei der Mobile Tech Conference. -- Über uns: Als führender Projektspezialist für ganzheitliche IT-Lösungen tragen wir zur Wertsteigerung der Organisationen unserer Kunden bei und bringen IT und Business in Einklang. Mit OPITZ CONSULTING als zuverlässigem Partner können sich unsere Kunden auf ihr Kerngeschäft konzentrieren und ihre Wettbewerbsvorteile nachhaltig absichern und ausbauen. Über unsere IT-Beratung: http://www.opitz-consulting.com/go/3-8-10 Unser Leistungsangebot: http://www.opitz-consulting.com/go/3-8-874 Karriere bei OPITZ CONSULTING: http://www.opitz-consulting.com/go/3-8-5
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (10)
Ähnlich wie Hybride Mobile Apps entwickeln mit AngularJS und Ionic
Ähnlich wie Hybride Mobile Apps entwickeln mit AngularJS und Ionic (20)
Mehr von OPITZ CONSULTING Deutschland
Mehr von OPITZ CONSULTING Deutschland (20)
Hybride Mobile Apps entwickeln mit AngularJS und Ionic
- 1. Bastian Schramm | Harburg-Freudenberger Stefan Scheidt | OPITZ CONSULTING Hybride Apps mit Ionic
- 2. Ihre Sprecher Bastian.Schramm@hf-group.com twitter/bastian_schramm github/bsc310 Stefan.Scheidt@opitz-consulting.com twitter/stefanscheidt github/stefanscheidt
- 3. Mission Wir 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. Leistungsangebot Business IT Alignment Business Information Management Business Process Management Anwendungsentwicklung SOA und System-Integration IT-Infrastruktur-Management Märkte Branchenübergreifend Über 600 Kunden 29% Industrie / Versorger / Telekommunikation 29% Handel / Logistik / Dienstleistungen 42% Öffentliche Auftraggeber / Banken und Versicherungen / Vereine und Verbände Eckdaten Gründung 1990 400 Mitarbeiter 9 Standorte © OPITZ CONSULTING <Präsentationstitel – bitte im Folienmaster ändern> GmbH 2011 Seite 3
- 4. 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 Leistungsangebot Eckdaten Bestandteil der POSSEHL Gruppe Gründung 1879 > 1100 Mitarbeiter 5 Produktionsstandorte Mischer Mischer Automation Spezial Maschinen Service Märkte
- 5. Hybrid Apps
- 6. In diesem Vortrag: HTML5 App JavaScript API Native Bridge Native Frameworks + SDK‘s Native Platform (also Cordova ...)
- 7. Ionic
- 9. Ionic ”Ionic’s ultimate goal is to make it easier to develop native mobile apps with HTML5, also known as Hybrid apps” „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
- 10. Ionic „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 is focused mainly on the look and feel, and UI interaction of your app. “ http://ionicframework.com/docs/overview
- 12. Ionic Showcases
- 16. Cordova JS API Cordova Native Lib Silverlight Framework + Windows Phone SDK Windows Phone Cordova JS API Cordova Native Lib IOS Framework + SDK‘s iPhone Cordova JS API Cordova Native Lib Android Framework + SDK‘s Android Phone HTML5 App
- 17. HTML enhanced for web apps!
- 18. MV* with Dependency Injection AngularJS Framework http://angularjs.org/ Two-Way Data Binding Declarative UI Templates
- 21. Ionic Installation und Start $ npm install -g ionic $ ionic start todo-app $ cd todo-app $ ionic platform ios $ ionic emulate ios $ ionic run ios
- 22. Demo ...
- 24. Erfahrungen
- 25. Links http://ionicframework.com https://www.youtube.com/channel/UChYheBnVeCfhCmqZfCUdJQw http://cordova.apache.org https://angularjs.org http://ngcordova.com
- 26. Herzlichen Dank für Ihre Aufmerksamkeit! youtube.com/opitzconsulting twitter.com/OC_WIRE slideshare.net/opitzconsulting xing.com/net/opitzconsulting
Hinweis der Redaktion
- Leistung – Mischen und Automation Märkte – Reifen- und Kunststoffindustrie
- Ionic ist ein Open-Source-Framework zur Erstellung mobiler Web-Apps auf der Basis von HTML5. Durch Googles Open Source Technologie AngularJS hat es bereits jetzt eine große, immer weiter wachsende Community. Das Alpha-Release war Ende November 2013[1]. Am 07. Mai. 2014 war das bis dahin größte Update auf Ionic 1.0 Beta 4[2].
- Ziel: Unterstützung bei der Entwicklung von nativen mobile Apps mit HTML5 Open Source Mobile optimierte UI – Komponenten Optimiert für AngularJS
- Ionic nimmt dem Entwickler den nativen Teil ab- Der Webentwickler verwendet sein CSS und JavaScript und ionic „macht den Rest“ Ein weiterer Hauptfokus liegt auf dem dem Look And Feel und der UI Interaktion
- Lösung: Angular: Framework: Angular unterstützt alle Teile der Anwendungsentwicklung, auch Struktur für Anwendung Also nicht nur eine Bibliothek wie jQuery Dependency Injection: Declarative UI Templates Voraussetzung für Databinding Databinding Declarative UI Templates: Templates waren in jQuery Version wichtig Notwendig für das Databinding, siehe später