SlideShare ist ein Scribd-Unternehmen logo
/ web / technology / partner /
dmr solutions gmbh
Siemensstr. 8A, 61352 Bad Homburg, Tel.: 06172 4988554
www.dmr-solutions.com - info@dmr-solutions.com
Cross-Plattform-Apps
Native Apps für iOS und Android
mit einer Programmierung
/ web / technology / partner /
Cross-Plattform?
Was meinen wir mit „cross-plattform“:
1) Läuft auf iOS und Android
 Läuft grundsätzlich auf iOS und Android
 Sieht überall gleich aus (Webseiten Look & Feel)
2) Verhält sich wie eine App
 Sieht wie eine native App aus (native Look & Feel)
 Native Bedien-Elemente und Bedien-Funktionen
3) Im Store
 Liegt in den offiziellen Stores zur Installation (Google Play und Apple iTunes)
 Offiziell geprüft und als App akzeptiert (UX, Sicherheit, …)
2
/ web / technology / partner /
Beispiel: Native Buttons
Nativ entwickelt:
 iOS, programmiert in Objective-C
 Android, programmiert in Java
 2-4 Apps mit gleichen Funktionen (Phones + Tablets) und
 2 Programmiersprachen, 2 Projekte, 2 Teams
 2 x Wartung / Weiterentwicklung
3
/ web / technology / partner /
Native Buttons cross-plattform
Cross-plattform entwickelt mit Titanium:
 „Write Once, Run Anywhere“ - Ansatz
 z.B. Titanium, programmiert in JavaScript
var myButton = Ti.UI.createButton({
title:'Click Me!'
})
4
/ web / technology / partner /
Beispiel: Native-Like Look & Feel
Cross-plattform entwickelt mit Kendo UI Mobile:
 Mobile Webseiten in JavaScript und HTML5 (als ob nativ)
 z.B. Kendo UI Mobile Framework
 „native themes“, z.B. Tab-Bar:
iOS unten,
Android oben
5
/ web / technology / partner /
Cross Platform Tools
Cross Platform App Development Tool Benchmarking 2013:
 research2guidance, Berlin, www.research2guidance.com
 Untersuchung von fast 100 Tools
 meist verwendet:
6
/ web / technology / partner /
Cross Platform Tool Landscape
Cross platform app development tool categories:
 Web App Toolkits: Kendo UI, JQuery Mobile, Sencha Touch, …
 App Factories: AppMachine, AppMakr, … (für Nicht-Entwickler)
 Cross Platform IDEs: Titanium, PhoneGap, Adobe Air, …
 …
7
/ web / technology / partner /
Web Apps
Mobile Webseiten:
 HTML/CSS/JavaScript, z.B. responsive web design = läuft im Browser
 sehr viele Web-Entwickler verfügbar
 Aussehen wird durch HTML/CSS/JavaScript bestimmt (Webseiten Look & Feel),
Mobile-Frameworks, z.B. jQuery Mobile, neu: Ionic, CocoonJS , The-M-Project,
 Nicht in den Stores Famo.us, SAP/OpenUI5, Intel XDK
Web-Apps:
 HTML/CSS/JavaScript + Web App Toolkit / UI-Framework = läuft im Browser
 viele Web-Entwickler verfügbar, mobil-Erfahrungen hilfreich
 Natives Aussehen durch eigenes HTML/CSS/JavaScript bzw. UI-Frameworks:
Native Look & Feel z.B.: Sencha Touch, Kendo UI, Dojo Toolkit, ChocolateChip-UI
 Nicht in den Stores
8
/ web / technology / partner /
Hybrid Apps
Hybrid-Apps mit PhoneGap:
 Web App + Adobe PhoneGap (Apache Cordova) = native App,
Webseiten als native App gekapselt (Wrapper)
 viele Web-Entwickler verfügbar, mobil-Erfahrungen nötig
 viele geräte-spezifische Funktionen verfügbar:
iOS, Android, Blackberry, Windows, Palm WebOS, Bada, Symbian.
 App im Store möglich: aber Apple will dort nur "richtige" Apps (native Look & Feel)
(s.u. "PhoneGap advice on dealing with Apple application rejections“)
 http://phonegap.com/blog/build/getting-started-with-phonegap-and-phonegap-build/
9
/ web / technology / partner /
Herausforderungen für Hybrid-Apps
Herausforderungen:
 Browser-Unterschiede
 mobil-UX-Erfahrungen
 Performance
 Tools
How can you improve an app,
if you can’t measure it?
(profiling)
How can you fix a bug,
if you can’t replicate it?
(debugging)
 http://www.developereconomics.com/html5-performance-fine-missing-tools/
10
/ web / technology / partner /
Native Cross Platform Apps
Native Apps mit Titanium:
 JavaScript + Titanium = native App (native JavaScript interpreters)
 viele JavaScript-Entwickler verfügbar,
allerdings mobil- und Titanium-spezifische Erfahrungen nötig!
 viele geräte-spezifische Funktionen verfügbar:
iOS, Android, Blackberry, (Windows demnächst),
z.B. „echte“/native Bedien-Elemente (buttons, tab bars, alert messages etc.)
 als „richtige“ App im Store
 http://www.appcelerator.com/titanium/
 http://www.appcelerator.com/blog/2012/05/comparing-titanium-and-phonegap/
11
/ web / technology / partner /
Beispiel: iOS7-Update mit Titanium
Titanium Entwicklungsumgebung:
 Programmierung in JavaScript für iOS, Android, …
 Aufruf der Gerätefunktionen über Titanium SDK
 Ausführung der Gerätefunktionen nativ
 iOS7-Update mit Titanium:
Anpassung des Titanium SDK durch Appcelerator,
nur minimale Anpassung der Apps nötig!
 iOS7-Update in Objective-C:
eigene Anpassung der iOS-App,
umfangreiche Änderungen nötig!
12
iOS-Update
/ web / technology / partner /
Appcelerator Titanium
Titanium Entwicklungsumgebung 3.x:
 cross-plattform: iOS, Android, Blackberry, demnächst Windows
 mit MVC-Framework (Alloy)
 mit Entwicklungsumgebung (Studio)
 eine Programmierung in JavaScript,
nicht multithreadingfähig
 ca. 70-80% gemeinsamer Kode
 kostenlos
 > 5.000 APIs, gut dokumentiert
 Einarbeitung nötig!
 http://www.appcelerator.com/
13
/ web / technology / partner /
Titanium Verbreitung
Titanium weltweit: Stand 1/2014
 65.397 mobile Apps
 auf 195.419.479 Geräten
 545.658 Entwickler
(Downloads?)
April 2013
14
/ web / technology / partner /
Appcelerator Plattform
Zusätzlich:
 Appcelerator Cloud Services
 Marktplatz für fertige Module
 Connectors (PayPal, DropBox,
Google Calendar, Facebook, Twitter, …)
 Kostenpflichtig: Appcelerator Platform
für Unternehmen
Echtzeit-Analyse
Test-Umgebung
Enterprise Connectors
(SAP, Oracle, Salesforce,
Microsoft SharePoint and Dynamics)
…
15
/ web / technology / partner /
Cross Platform Vergleich
Web-App Hybrid-App native App native Apps
(PhoneGap) (Titanium) (Objective-C + Java)
 im Store: - (+) + +
 Performance,
Animation: - +/- + ++
 Touch, Sensor,
Geo-Location: + + ++ ++
 Kalender,
Adressbuch: - + + +
 Kamera: +/- + + ++
 auch offline: +/- + ++ ++
 hardware-nah: - + + ++
 App-Größe: 0 - - +
 Kosten: ++ + + -
16
/ web / technology / partner /
Cross Platform Empfehlung
Web-App Hybrid-App native App native Apps
(PhoneGap) (Titanium) (Objective-C + Java)
 Aufruf ohne Installation, automatische Updates,
ohne Store : mobile Web-Seiten oder Web-App
 im Store: PhoneGap oder Titanium
 native look & feel: Titanium
 Performance: Titanium oder Objective-C + Java
 hardware-nah: Objective-C + Java
 Kosten: PhoneGap oder Titanium
 spezifische Anforderungen: zu prüfen!
 übliche Anforderungen: Titanium
17
„Was kostet eine App?“
„So viel wie ein Auto.“
„Welches Auto?“
„Genau!“
/ web / technology / partner /
Quellen:
 http://www.appcelerator.com/enterprise/
 http://de.slideshare.net/ralcocer/multi-platform-development-using-titanium-alloy
 http://research2guidance.com/cross-platform-tool-benchmarking-2013/
 http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and-
phonegap-advice.html
 IBM Whitepaper April 2012: Native, web or hybrid mobile-app development
Kontakt:
Siemensstr. 8A, 61352 Bad Homburg, Tel.: 06172 / 4988554
http://www.dmr-solutions.com
mailto:info@dmr-solutions.com
Wir sitzen in der Nähe von Frankfurt und sind spezialisiert auf:
Webanwendungen: SW-Entwicklung für Internet, Intranet, Extranet und
mobile Lösungen: Mobile Webseiten und Cross-Plattform-Apps.
Referenzen unter http://www.dmr-solutions.com/category/referenzen/
Danke für Ihre Aufmerksamkeit
18

Weitere ähnliche Inhalte

Was ist angesagt?

Referat: Architektur und Entwicklung mobiler Anwendungen
Referat: Architektur und Entwicklung mobiler AnwendungenReferat: Architektur und Entwicklung mobiler Anwendungen
Referat: Architektur und Entwicklung mobiler Anwendungen
Digicomp Academy AG
 
Executive Summary – App Entwicklung für Entscheider
Executive Summary – App Entwicklung für EntscheiderExecutive Summary – App Entwicklung für Entscheider
Executive Summary – App Entwicklung für Entscheider
Bokowsky + Laymann GmbH
 
Entstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische UnternehmenEntstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische Unternehmen
Björn Rohles
 
Executive Summary - App-Entwicklung für Entscheider, Webinale Edition
Executive Summary - App-Entwicklung für Entscheider, Webinale EditionExecutive Summary - App-Entwicklung für Entscheider, Webinale Edition
Executive Summary - App-Entwicklung für Entscheider, Webinale Edition
Bokowsky + Laymann GmbH
 
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
Gregor Biswanger
 
01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...
01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...
01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...Mandy Goram
 
jQuery Mobile Kompakt - das Kompendium - über 150 Seiten (typovision)
jQuery Mobile Kompakt  - das Kompendium - über 150 Seiten (typovision)jQuery Mobile Kompakt  - das Kompendium - über 150 Seiten (typovision)
jQuery Mobile Kompakt - das Kompendium - über 150 Seiten (typovision)
die.agilen GmbH
 
ONE Konferenz: Von der Idee zur App
ONE Konferenz: Von der Idee zur AppONE Konferenz: Von der Idee zur App
ONE Konferenz: Von der Idee zur App
Netcetera
 
Windows phone 7 talk
Windows phone 7 talkWindows phone 7 talk
Windows phone 7 talkBenny Reimold
 
Apps für Kultureinrichtungen
Apps für KultureinrichtungenApps für Kultureinrichtungen
Apps für Kultureinrichtungen
Bokowsky + Laymann GmbH
 
Spring - Frühling fürs iPhone - Spring-basierte Backends für iOS-Applikatione...
Spring - Frühling fürs iPhone - Spring-basierte Backends für iOS-Applikatione...Spring - Frühling fürs iPhone - Spring-basierte Backends für iOS-Applikatione...
Spring - Frühling fürs iPhone - Spring-basierte Backends für iOS-Applikatione...
OPITZ CONSULTING Deutschland
 
Die Android Plattform
Die Android PlattformDie Android Plattform
Die Android Plattform
Moritz Haarmann
 
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011Dominik Helleberg
 
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX GmbH
 
Anforderungen an das Touchscreen-Design
Anforderungen an das Touchscreen-DesignAnforderungen an das Touchscreen-Design
Anforderungen an das Touchscreen-Design
soultank AG
 
Einführung in Flex Mobile
Einführung in Flex MobileEinführung in Flex Mobile
Einführung in Flex Mobile
Johannes Hohenbichler
 
Niemals nach Mitternacht füttern - Grüne Roboter überall!
Niemals nach Mitternacht füttern - Grüne Roboter überall!Niemals nach Mitternacht füttern - Grüne Roboter überall!
Niemals nach Mitternacht füttern - Grüne Roboter überall!
inovex GmbH
 
Hybrid App Development mit Intel XDK
Hybrid App Development mit Intel XDKHybrid App Development mit Intel XDK
Hybrid App Development mit Intel XDK
Hans Rudolf Tremp
 
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstelleniOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellenMichael Kühnel
 
App-Hilfe – User Assistance für mobile Anwendungen (Entwicklertag Karlsruhe 2...
App-Hilfe – User Assistance für mobile Anwendungen (Entwicklertag Karlsruhe 2...App-Hilfe – User Assistance für mobile Anwendungen (Entwicklertag Karlsruhe 2...
App-Hilfe – User Assistance für mobile Anwendungen (Entwicklertag Karlsruhe 2...
Martin Häberle
 

Was ist angesagt? (20)

Referat: Architektur und Entwicklung mobiler Anwendungen
Referat: Architektur und Entwicklung mobiler AnwendungenReferat: Architektur und Entwicklung mobiler Anwendungen
Referat: Architektur und Entwicklung mobiler Anwendungen
 
Executive Summary – App Entwicklung für Entscheider
Executive Summary – App Entwicklung für EntscheiderExecutive Summary – App Entwicklung für Entscheider
Executive Summary – App Entwicklung für Entscheider
 
Entstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische UnternehmenEntstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische Unternehmen
 
Executive Summary - App-Entwicklung für Entscheider, Webinale Edition
Executive Summary - App-Entwicklung für Entscheider, Webinale EditionExecutive Summary - App-Entwicklung für Entscheider, Webinale Edition
Executive Summary - App-Entwicklung für Entscheider, Webinale Edition
 
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
 
01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...
01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...
01-2015 - Java aktuell - Mandy Goram - Entwicklung mobiler Anwendungen für Bl...
 
jQuery Mobile Kompakt - das Kompendium - über 150 Seiten (typovision)
jQuery Mobile Kompakt  - das Kompendium - über 150 Seiten (typovision)jQuery Mobile Kompakt  - das Kompendium - über 150 Seiten (typovision)
jQuery Mobile Kompakt - das Kompendium - über 150 Seiten (typovision)
 
ONE Konferenz: Von der Idee zur App
ONE Konferenz: Von der Idee zur AppONE Konferenz: Von der Idee zur App
ONE Konferenz: Von der Idee zur App
 
Windows phone 7 talk
Windows phone 7 talkWindows phone 7 talk
Windows phone 7 talk
 
Apps für Kultureinrichtungen
Apps für KultureinrichtungenApps für Kultureinrichtungen
Apps für Kultureinrichtungen
 
Spring - Frühling fürs iPhone - Spring-basierte Backends für iOS-Applikatione...
Spring - Frühling fürs iPhone - Spring-basierte Backends für iOS-Applikatione...Spring - Frühling fürs iPhone - Spring-basierte Backends für iOS-Applikatione...
Spring - Frühling fürs iPhone - Spring-basierte Backends für iOS-Applikatione...
 
Die Android Plattform
Die Android PlattformDie Android Plattform
Die Android Plattform
 
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
 
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestaltenBTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
BTEXX Fachartikel: Zukunftssichere Anwendungen mit SAP gestalten
 
Anforderungen an das Touchscreen-Design
Anforderungen an das Touchscreen-DesignAnforderungen an das Touchscreen-Design
Anforderungen an das Touchscreen-Design
 
Einführung in Flex Mobile
Einführung in Flex MobileEinführung in Flex Mobile
Einführung in Flex Mobile
 
Niemals nach Mitternacht füttern - Grüne Roboter überall!
Niemals nach Mitternacht füttern - Grüne Roboter überall!Niemals nach Mitternacht füttern - Grüne Roboter überall!
Niemals nach Mitternacht füttern - Grüne Roboter überall!
 
Hybrid App Development mit Intel XDK
Hybrid App Development mit Intel XDKHybrid App Development mit Intel XDK
Hybrid App Development mit Intel XDK
 
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstelleniOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
 
App-Hilfe – User Assistance für mobile Anwendungen (Entwicklertag Karlsruhe 2...
App-Hilfe – User Assistance für mobile Anwendungen (Entwicklertag Karlsruhe 2...App-Hilfe – User Assistance für mobile Anwendungen (Entwicklertag Karlsruhe 2...
App-Hilfe – User Assistance für mobile Anwendungen (Entwicklertag Karlsruhe 2...
 

Ähnlich wie Erstellung von mobilen cross-platform-Apps

Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
IKS Gesellschaft für Informations- und Kommunikationssysteme mbH
 
Android Apps mit Xamarin entwickeln
Android Apps mit Xamarin entwickelnAndroid Apps mit Xamarin entwickeln
Android Apps mit Xamarin entwickeln
André Krämer
 
Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...
Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...
Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...
Gregor Biswanger
 
Mobile Anwendungen mit Apache Cordova
Mobile Anwendungen mit Apache CordovaMobile Anwendungen mit Apache Cordova
Mobile Anwendungen mit Apache Cordova
Yvette Teiken
 
Android Entwicklung (App Entwickler Konferenz 2010 der Telekom)
Android Entwicklung (App Entwickler Konferenz 2010 der Telekom)Android Entwicklung (App Entwickler Konferenz 2010 der Telekom)
Android Entwicklung (App Entwickler Konferenz 2010 der Telekom)
greenrobot
 
Titanium Vs Phonegap
Titanium Vs PhonegapTitanium Vs Phonegap
Titanium Vs Phonegap
Sebastian Deutsch
 
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
Rainer Stropek
 
DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...
DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...
DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...
Marc Müller
 
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...We4IT Group
 
Android Entwicklung GTUG München 2009
Android Entwicklung GTUG München 2009Android Entwicklung GTUG München 2009
Android Entwicklung GTUG München 2009
greenrobot
 
Die mobile Herausforderung
Die mobile Herausforderung Die mobile Herausforderung
Die mobile Herausforderung
Martin Reiher
 
My application as webdesigner and front-end developer
My application as webdesigner and front-end developerMy application as webdesigner and front-end developer
My application as webdesigner and front-end developerchristianschweinhardt
 
Sencha Touch & PhoneGap
Sencha Touch & PhoneGapSencha Touch & PhoneGap
Sencha Touch & PhoneGap
Stefan Kolb
 
ESE Conference: iOS, Android, WP7... Alle nativ auf einen Streich! streich
ESE Conference: iOS, Android, WP7...Alle nativ auf einen Streich! streichESE Conference: iOS, Android, WP7...Alle nativ auf einen Streich! streich
ESE Conference: iOS, Android, WP7... Alle nativ auf einen Streich! streich
Romano Roth
 
Sencha Touch und PhoneGap
Sencha Touch und PhoneGapSencha Touch und PhoneGap
Sencha Touch und PhoneGap
Indiginox
 
Einführung in die webOS Programmierung
Einführung in die webOS ProgrammierungEinführung in die webOS Programmierung
Einführung in die webOS Programmierung
Markus Leutwyler
 
Mobile Applikationen: Cross-Plattform-Entwicklung
Mobile Applikationen: Cross-Plattform-EntwicklungMobile Applikationen: Cross-Plattform-Entwicklung
Mobile Applikationen: Cross-Plattform-Entwicklung
IKS Gesellschaft für Informations- und Kommunikationssysteme mbH
 
Hybride Entwicklung mit Ionic
Hybride Entwicklung mit IonicHybride Entwicklung mit Ionic
Hybride Entwicklung mit Ionic
Lukas Leander Rosenstock
 
Android Entwicklung
Android EntwicklungAndroid Entwicklung
Android Entwicklung
franky1888
 
Top 10 Internet Trends 2006
Top 10 Internet Trends 2006Top 10 Internet Trends 2006
Top 10 Internet Trends 2006
Jürg Stuker
 

Ähnlich wie Erstellung von mobilen cross-platform-Apps (20)

Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
 
Android Apps mit Xamarin entwickeln
Android Apps mit Xamarin entwickelnAndroid Apps mit Xamarin entwickeln
Android Apps mit Xamarin entwickeln
 
Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...
Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...
Roadshow: Einstieg in die Hybrid-App Entwicklung mit dem Intel XDK und Apache...
 
Mobile Anwendungen mit Apache Cordova
Mobile Anwendungen mit Apache CordovaMobile Anwendungen mit Apache Cordova
Mobile Anwendungen mit Apache Cordova
 
Android Entwicklung (App Entwickler Konferenz 2010 der Telekom)
Android Entwicklung (App Entwickler Konferenz 2010 der Telekom)Android Entwicklung (App Entwickler Konferenz 2010 der Telekom)
Android Entwicklung (App Entwickler Konferenz 2010 der Telekom)
 
Titanium Vs Phonegap
Titanium Vs PhonegapTitanium Vs Phonegap
Titanium Vs Phonegap
 
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
 
DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...
DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...
DWX 2017 - Alternativen zu Visual-Studio-Testtools: Wann lohnt es sich auch m...
 
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
We4IT LCTY 2013 - captain mobility - delivering your existing ibm domino appl...
 
Android Entwicklung GTUG München 2009
Android Entwicklung GTUG München 2009Android Entwicklung GTUG München 2009
Android Entwicklung GTUG München 2009
 
Die mobile Herausforderung
Die mobile Herausforderung Die mobile Herausforderung
Die mobile Herausforderung
 
My application as webdesigner and front-end developer
My application as webdesigner and front-end developerMy application as webdesigner and front-end developer
My application as webdesigner and front-end developer
 
Sencha Touch & PhoneGap
Sencha Touch & PhoneGapSencha Touch & PhoneGap
Sencha Touch & PhoneGap
 
ESE Conference: iOS, Android, WP7... Alle nativ auf einen Streich! streich
ESE Conference: iOS, Android, WP7...Alle nativ auf einen Streich! streichESE Conference: iOS, Android, WP7...Alle nativ auf einen Streich! streich
ESE Conference: iOS, Android, WP7... Alle nativ auf einen Streich! streich
 
Sencha Touch und PhoneGap
Sencha Touch und PhoneGapSencha Touch und PhoneGap
Sencha Touch und PhoneGap
 
Einführung in die webOS Programmierung
Einführung in die webOS ProgrammierungEinführung in die webOS Programmierung
Einführung in die webOS Programmierung
 
Mobile Applikationen: Cross-Plattform-Entwicklung
Mobile Applikationen: Cross-Plattform-EntwicklungMobile Applikationen: Cross-Plattform-Entwicklung
Mobile Applikationen: Cross-Plattform-Entwicklung
 
Hybride Entwicklung mit Ionic
Hybride Entwicklung mit IonicHybride Entwicklung mit Ionic
Hybride Entwicklung mit Ionic
 
Android Entwicklung
Android EntwicklungAndroid Entwicklung
Android Entwicklung
 
Top 10 Internet Trends 2006
Top 10 Internet Trends 2006Top 10 Internet Trends 2006
Top 10 Internet Trends 2006
 

Erstellung von mobilen cross-platform-Apps

  • 1. / web / technology / partner / dmr solutions gmbh Siemensstr. 8A, 61352 Bad Homburg, Tel.: 06172 4988554 www.dmr-solutions.com - info@dmr-solutions.com Cross-Plattform-Apps Native Apps für iOS und Android mit einer Programmierung
  • 2. / web / technology / partner / Cross-Plattform? Was meinen wir mit „cross-plattform“: 1) Läuft auf iOS und Android  Läuft grundsätzlich auf iOS und Android  Sieht überall gleich aus (Webseiten Look & Feel) 2) Verhält sich wie eine App  Sieht wie eine native App aus (native Look & Feel)  Native Bedien-Elemente und Bedien-Funktionen 3) Im Store  Liegt in den offiziellen Stores zur Installation (Google Play und Apple iTunes)  Offiziell geprüft und als App akzeptiert (UX, Sicherheit, …) 2
  • 3. / web / technology / partner / Beispiel: Native Buttons Nativ entwickelt:  iOS, programmiert in Objective-C  Android, programmiert in Java  2-4 Apps mit gleichen Funktionen (Phones + Tablets) und  2 Programmiersprachen, 2 Projekte, 2 Teams  2 x Wartung / Weiterentwicklung 3
  • 4. / web / technology / partner / Native Buttons cross-plattform Cross-plattform entwickelt mit Titanium:  „Write Once, Run Anywhere“ - Ansatz  z.B. Titanium, programmiert in JavaScript var myButton = Ti.UI.createButton({ title:'Click Me!' }) 4
  • 5. / web / technology / partner / Beispiel: Native-Like Look & Feel Cross-plattform entwickelt mit Kendo UI Mobile:  Mobile Webseiten in JavaScript und HTML5 (als ob nativ)  z.B. Kendo UI Mobile Framework  „native themes“, z.B. Tab-Bar: iOS unten, Android oben 5
  • 6. / web / technology / partner / Cross Platform Tools Cross Platform App Development Tool Benchmarking 2013:  research2guidance, Berlin, www.research2guidance.com  Untersuchung von fast 100 Tools  meist verwendet: 6
  • 7. / web / technology / partner / Cross Platform Tool Landscape Cross platform app development tool categories:  Web App Toolkits: Kendo UI, JQuery Mobile, Sencha Touch, …  App Factories: AppMachine, AppMakr, … (für Nicht-Entwickler)  Cross Platform IDEs: Titanium, PhoneGap, Adobe Air, …  … 7
  • 8. / web / technology / partner / Web Apps Mobile Webseiten:  HTML/CSS/JavaScript, z.B. responsive web design = läuft im Browser  sehr viele Web-Entwickler verfügbar  Aussehen wird durch HTML/CSS/JavaScript bestimmt (Webseiten Look & Feel), Mobile-Frameworks, z.B. jQuery Mobile, neu: Ionic, CocoonJS , The-M-Project,  Nicht in den Stores Famo.us, SAP/OpenUI5, Intel XDK Web-Apps:  HTML/CSS/JavaScript + Web App Toolkit / UI-Framework = läuft im Browser  viele Web-Entwickler verfügbar, mobil-Erfahrungen hilfreich  Natives Aussehen durch eigenes HTML/CSS/JavaScript bzw. UI-Frameworks: Native Look & Feel z.B.: Sencha Touch, Kendo UI, Dojo Toolkit, ChocolateChip-UI  Nicht in den Stores 8
  • 9. / web / technology / partner / Hybrid Apps Hybrid-Apps mit PhoneGap:  Web App + Adobe PhoneGap (Apache Cordova) = native App, Webseiten als native App gekapselt (Wrapper)  viele Web-Entwickler verfügbar, mobil-Erfahrungen nötig  viele geräte-spezifische Funktionen verfügbar: iOS, Android, Blackberry, Windows, Palm WebOS, Bada, Symbian.  App im Store möglich: aber Apple will dort nur "richtige" Apps (native Look & Feel) (s.u. "PhoneGap advice on dealing with Apple application rejections“)  http://phonegap.com/blog/build/getting-started-with-phonegap-and-phonegap-build/ 9
  • 10. / web / technology / partner / Herausforderungen für Hybrid-Apps Herausforderungen:  Browser-Unterschiede  mobil-UX-Erfahrungen  Performance  Tools How can you improve an app, if you can’t measure it? (profiling) How can you fix a bug, if you can’t replicate it? (debugging)  http://www.developereconomics.com/html5-performance-fine-missing-tools/ 10
  • 11. / web / technology / partner / Native Cross Platform Apps Native Apps mit Titanium:  JavaScript + Titanium = native App (native JavaScript interpreters)  viele JavaScript-Entwickler verfügbar, allerdings mobil- und Titanium-spezifische Erfahrungen nötig!  viele geräte-spezifische Funktionen verfügbar: iOS, Android, Blackberry, (Windows demnächst), z.B. „echte“/native Bedien-Elemente (buttons, tab bars, alert messages etc.)  als „richtige“ App im Store  http://www.appcelerator.com/titanium/  http://www.appcelerator.com/blog/2012/05/comparing-titanium-and-phonegap/ 11
  • 12. / web / technology / partner / Beispiel: iOS7-Update mit Titanium Titanium Entwicklungsumgebung:  Programmierung in JavaScript für iOS, Android, …  Aufruf der Gerätefunktionen über Titanium SDK  Ausführung der Gerätefunktionen nativ  iOS7-Update mit Titanium: Anpassung des Titanium SDK durch Appcelerator, nur minimale Anpassung der Apps nötig!  iOS7-Update in Objective-C: eigene Anpassung der iOS-App, umfangreiche Änderungen nötig! 12 iOS-Update
  • 13. / web / technology / partner / Appcelerator Titanium Titanium Entwicklungsumgebung 3.x:  cross-plattform: iOS, Android, Blackberry, demnächst Windows  mit MVC-Framework (Alloy)  mit Entwicklungsumgebung (Studio)  eine Programmierung in JavaScript, nicht multithreadingfähig  ca. 70-80% gemeinsamer Kode  kostenlos  > 5.000 APIs, gut dokumentiert  Einarbeitung nötig!  http://www.appcelerator.com/ 13
  • 14. / web / technology / partner / Titanium Verbreitung Titanium weltweit: Stand 1/2014  65.397 mobile Apps  auf 195.419.479 Geräten  545.658 Entwickler (Downloads?) April 2013 14
  • 15. / web / technology / partner / Appcelerator Plattform Zusätzlich:  Appcelerator Cloud Services  Marktplatz für fertige Module  Connectors (PayPal, DropBox, Google Calendar, Facebook, Twitter, …)  Kostenpflichtig: Appcelerator Platform für Unternehmen Echtzeit-Analyse Test-Umgebung Enterprise Connectors (SAP, Oracle, Salesforce, Microsoft SharePoint and Dynamics) … 15
  • 16. / web / technology / partner / Cross Platform Vergleich Web-App Hybrid-App native App native Apps (PhoneGap) (Titanium) (Objective-C + Java)  im Store: - (+) + +  Performance, Animation: - +/- + ++  Touch, Sensor, Geo-Location: + + ++ ++  Kalender, Adressbuch: - + + +  Kamera: +/- + + ++  auch offline: +/- + ++ ++  hardware-nah: - + + ++  App-Größe: 0 - - +  Kosten: ++ + + - 16
  • 17. / web / technology / partner / Cross Platform Empfehlung Web-App Hybrid-App native App native Apps (PhoneGap) (Titanium) (Objective-C + Java)  Aufruf ohne Installation, automatische Updates, ohne Store : mobile Web-Seiten oder Web-App  im Store: PhoneGap oder Titanium  native look & feel: Titanium  Performance: Titanium oder Objective-C + Java  hardware-nah: Objective-C + Java  Kosten: PhoneGap oder Titanium  spezifische Anforderungen: zu prüfen!  übliche Anforderungen: Titanium 17 „Was kostet eine App?“ „So viel wie ein Auto.“ „Welches Auto?“ „Genau!“
  • 18. / web / technology / partner / Quellen:  http://www.appcelerator.com/enterprise/  http://de.slideshare.net/ralcocer/multi-platform-development-using-titanium-alloy  http://research2guidance.com/cross-platform-tool-benchmarking-2013/  http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and- phonegap-advice.html  IBM Whitepaper April 2012: Native, web or hybrid mobile-app development Kontakt: Siemensstr. 8A, 61352 Bad Homburg, Tel.: 06172 / 4988554 http://www.dmr-solutions.com mailto:info@dmr-solutions.com Wir sitzen in der Nähe von Frankfurt und sind spezialisiert auf: Webanwendungen: SW-Entwicklung für Internet, Intranet, Extranet und mobile Lösungen: Mobile Webseiten und Cross-Plattform-Apps. Referenzen unter http://www.dmr-solutions.com/category/referenzen/ Danke für Ihre Aufmerksamkeit 18