SlideShare ist ein Scribd-Unternehmen logo
Titanium vs. PhoneGap
Hallo
   Sebastian Deutsch (@sippndipp)
       –   Macht 9elements.com
       –   Wir sind die mit den bunten HTML5 Bällen

   Jan Monschke (@thedeftone)
       –   Informatikstudent FH Düsseldorf
       –   Javascriptfreak
Mobile Development
   Status Quo
Objective-C
Java
Status Quo
   iPhone
       –   Objective-C
       –   schwer zu erlernen
       –   Für Webentwickler sehr ungewohnt (Cocoa
            Framework)
   Android
       –   Java
       –   Riesiges Framework
Alternativen
   Titanium

   PhoneGap

   (WebApps)
Titanium
   Applikationsentwicklung mit HTML und
    Javascript

   Herkunft: Desktop (ähnlich wie AIR)

   Neuerdings auch Mobile

   Seit April in der Version 1.0
Titanium
   Javascript wird um die Telefon-API erweitert
        –   Titanium.Accelerometer
        –   Titanium.Database
        –   Titanium.Filesystem
        –   Titanium.Gesture
        –   Titanium.Map
        –   Titanium.Media
        –   Titanium.Network
Titanium
   Es gibt mehrere Möglichkeiten die App
    aufzubauen


    1. XML
    2. HTML
    3. Javascript
Titanium
   Es gibt zwei Arten von Views

   reine Webviews

   Composite Views (= Webviews + native
    Controls)
Titanium
   Wo fange ich an??

   Die initiale View sollte per XML definiert werden

   Bei weiteren Views empfiehlt es sich
    programmatisch vorzugehen
Titanium
   Was kann ich alles machen?

   http://github.com/appcelerator/KitchenSink

   Eine Beispielapp mit allen existierenden
    Controls und Beispielen
Titanium
   Titanium Apps haben im Appstore keine
    Probleme bei der Akzeptanz

   Wir haben selbst eine Spaß App im Appstore

   http://9elements.com/io/projects/qa/
Titanium
   Vorteile:
        –   Native Controls
        –   gute Dokumentation
        –   Zwei Plattformen (drei mit Desktop)
        –   Einfache Programmiersprache JS, HTML
   Nachteile:
        –   Kommerziell durch Appcelerator gepflegt
        –   Für den Support muss man zahlen
        –   Langsamer als Object-C
PhoneGap
   Ebenfalls Entwicklung mit JS/HTML und viel
    CSS

   Im gegensatz zu Titanium leider keine native
    Controls

   Trotzdem eine solide Telefon-API
PhoneGap
   Accelerometer
   Audio
   Camera
   Contacts
   File IO
   SMS
   Settings
PhoneGap
   Plattformen:
    1. iPhone
    2. Android
    3. Blackberry ~
    4. Palm ~
    5. Symbian ~
    6. Windows Mobile ~
PhoneGap
   Getting started
        –   Besser nicht mit der Edge Version starten
        –   Sondern die stable 0.8.0 nehmen

   Für Plattform gibt es einen Ordner mit standard
    Projekten für die jeweiligen IDEs (Xcode,
    Eclipse)
PhoneGap
   Die Standard ist auch gleichzeitig der „Kitchen
    Sink“

   Die eigentlich Applikation kommt dann in den
    „www“ Ordner

   Alle Deployments müssen manuell durchgeführt
    werden
PhoneGap
   Vorteile:
        –   Viele Plattformen
        –   Einfache Programmiersprache JS, HTML
        –   100% Open Source
   Nachteile:
        –   Mäßige Dokumentation
        –   Deployments müssen mit der jeweiligen IDE
            durchgeführt werden
        –   Langsamer als Java oder Objective-C
Fazit
Fazit
   Mehr Plattformen, dann besser PhoneGap

   Coolere Apps, dann besser Titanium

   (btw: beide Plattformen unterstützen die
    manuelle Integration von eigenen Objective-C
    Klassen)
Questions?
Links
   http://www.appcelerator.com/
       –   http://github.com/appcelerator/KitchenSink

   http://phonegap.com/
       –   http://phonegap.pbworks.com/
       –   http://blogs.nitobi.com/joe/2009/12/17/introducing-po

Weitere ähnliche Inhalte

Andere mochten auch

Ein.
Ein.Ein.
Guaranda
GuarandaGuaranda
Guaranda
estebannsf1994
 
Jardin en bocal
Jardin en bocalJardin en bocal
Jardin en bocal
malibu84
 
ROBINETTERIE THERMOPLASTIQUE
ROBINETTERIE THERMOPLASTIQUEROBINETTERIE THERMOPLASTIQUE
ROBINETTERIE THERMOPLASTIQUE
Plastomatic valves
 
Salut à tous et tous nos vœux pour cette nouvelle année 2013
Salut à tous et tous nos vœux pour cette nouvelle année 2013Salut à tous et tous nos vœux pour cette nouvelle année 2013
Salut à tous et tous nos vœux pour cette nouvelle année 2013Cédric Combey
 
Rep 2400 essai - renée senneville (oct. 2011)
Rep 2400   essai - renée senneville (oct. 2011)Rep 2400   essai - renée senneville (oct. 2011)
Rep 2400 essai - renée senneville (oct. 2011)
RSenneville
 
La patrouille verte 4 этап
La patrouille verte 4 этапLa patrouille verte 4 этап
La patrouille verte 4 этап
Helen
 
Texte im Web - gabi Hartig
Texte im Web - gabi HartigTexte im Web - gabi Hartig
Texte im Web - gabi Hartig
Austrian Red Cross
 
Stefani&Co pour le SPQR
Stefani&Co pour le SPQRStefani&Co pour le SPQR
Stefani&Co pour le SPQR
Matthieu Stefani
 
Rhénatic & Claire
Rhénatic & ClaireRhénatic & Claire
Rhénatic & ClaireDiane Geng
 
Evnementineov04 01 2011 110121174432 Phpapp01
Evnementineov04 01 2011 110121174432 Phpapp01Evnementineov04 01 2011 110121174432 Phpapp01
Evnementineov04 01 2011 110121174432 Phpapp01Claire Chanterelle
 
Web2.0 - Einstieg in die Verwirrung
Web2.0 - Einstieg in die VerwirrungWeb2.0 - Einstieg in die Verwirrung
Web2.0 - Einstieg in die Verwirrung
hc voigt
 
Neumatica 1.2.
Neumatica 1.2.Neumatica 1.2.
Neumatica 1.2.
Ben Esquivel
 
Dossier de presse Gamme de biberons Bioteet®
Dossier de presse Gamme de biberons Bioteet®Dossier de presse Gamme de biberons Bioteet®
Dossier de presse Gamme de biberons Bioteet®
Romu
 
Web2.0 for AUGE/UG
Web2.0 for AUGE/UGWeb2.0 for AUGE/UG
Web2.0 for AUGE/UGhc voigt
 
Unser Schulsystem
Unser SchulsystemUnser Schulsystem
Unser Schulsystemschroty
 

Andere mochten auch (19)

Ein.
Ein.Ein.
Ein.
 
Invitation
InvitationInvitation
Invitation
 
Guaranda
GuarandaGuaranda
Guaranda
 
Jardin en bocal
Jardin en bocalJardin en bocal
Jardin en bocal
 
ROBINETTERIE THERMOPLASTIQUE
ROBINETTERIE THERMOPLASTIQUEROBINETTERIE THERMOPLASTIQUE
ROBINETTERIE THERMOPLASTIQUE
 
Salut à tous et tous nos vœux pour cette nouvelle année 2013
Salut à tous et tous nos vœux pour cette nouvelle année 2013Salut à tous et tous nos vœux pour cette nouvelle année 2013
Salut à tous et tous nos vœux pour cette nouvelle année 2013
 
La négatio
La négatioLa négatio
La négatio
 
Rep 2400 essai - renée senneville (oct. 2011)
Rep 2400   essai - renée senneville (oct. 2011)Rep 2400   essai - renée senneville (oct. 2011)
Rep 2400 essai - renée senneville (oct. 2011)
 
La patrouille verte 4 этап
La patrouille verte 4 этапLa patrouille verte 4 этап
La patrouille verte 4 этап
 
Texte im Web - gabi Hartig
Texte im Web - gabi HartigTexte im Web - gabi Hartig
Texte im Web - gabi Hartig
 
Stefani&Co pour le SPQR
Stefani&Co pour le SPQRStefani&Co pour le SPQR
Stefani&Co pour le SPQR
 
Rhénatic & Claire
Rhénatic & ClaireRhénatic & Claire
Rhénatic & Claire
 
Evnementineov04 01 2011 110121174432 Phpapp01
Evnementineov04 01 2011 110121174432 Phpapp01Evnementineov04 01 2011 110121174432 Phpapp01
Evnementineov04 01 2011 110121174432 Phpapp01
 
Pune3
Pune3Pune3
Pune3
 
Web2.0 - Einstieg in die Verwirrung
Web2.0 - Einstieg in die VerwirrungWeb2.0 - Einstieg in die Verwirrung
Web2.0 - Einstieg in die Verwirrung
 
Neumatica 1.2.
Neumatica 1.2.Neumatica 1.2.
Neumatica 1.2.
 
Dossier de presse Gamme de biberons Bioteet®
Dossier de presse Gamme de biberons Bioteet®Dossier de presse Gamme de biberons Bioteet®
Dossier de presse Gamme de biberons Bioteet®
 
Web2.0 for AUGE/UG
Web2.0 for AUGE/UGWeb2.0 for AUGE/UG
Web2.0 for AUGE/UG
 
Unser Schulsystem
Unser SchulsystemUnser Schulsystem
Unser Schulsystem
 

Ähnlich wie Titanium Vs Phonegap

Erstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-AppsErstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-Apps
Ralf Lütke
 
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
 
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
 
Top 10 Internet Trends 2005
Top 10 Internet Trends 2005Top 10 Internet Trends 2005
Top 10 Internet Trends 2005
Jürg Stuker
 
Top 10 Internet Trends 2008
Top 10 Internet Trends 2008Top 10 Internet Trends 2008
Top 10 Internet Trends 2008
Jürg Stuker
 
Ionic 2 - Hybridapps auf Steroiden
Ionic 2 - Hybridapps auf SteroidenIonic 2 - Hybridapps auf Steroiden
Ionic 2 - Hybridapps auf Steroiden
Hendrik Lösch
 
Smartphone Betriebssysteme iOS
Smartphone Betriebssysteme iOSSmartphone Betriebssysteme iOS
Smartphone Betriebssysteme iOS
dm-development
 
Programmierung von Mobiltelefonen mit Python
Programmierung von Mobiltelefonen mit PythonProgrammierung von Mobiltelefonen mit Python
Programmierung von Mobiltelefonen mit Python
Andreas Schreiber
 
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
 
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
 
Browserbasiertes computing, RIA
Browserbasiertes computing, RIABrowserbasiertes computing, RIA
Browserbasiertes computing, RIAThomas Christinck
 
Die wichtigsten Technologien für die Entwicklung von Webanwendungen
Die wichtigsten Technologien für die Entwicklung von WebanwendungenDie wichtigsten Technologien für die Entwicklung von Webanwendungen
Die wichtigsten Technologien für die Entwicklung von Webanwendungen
YUHIRO
 
Hybride Entwicklung mit Ionic
Hybride Entwicklung mit IonicHybride Entwicklung mit Ionic
Hybride Entwicklung mit Ionic
Lukas Leander Rosenstock
 
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
 
SharePoint, HTML5 und mobile Geräte (SharePoint UserGroup Dresden 11/2011)
SharePoint, HTML5 und mobile Geräte (SharePoint UserGroup Dresden 11/2011)SharePoint, HTML5 und mobile Geräte (SharePoint UserGroup Dresden 11/2011)
SharePoint, HTML5 und mobile Geräte (SharePoint UserGroup Dresden 11/2011)
Christian Heindel
 
HTML5 Update (am Internet-Briefing)
HTML5 Update (am Internet-Briefing)HTML5 Update (am Internet-Briefing)
HTML5 Update (am Internet-Briefing)
Namics – A Merkle Company
 
Thin, Rich und RIA Clients entwirrt -- und Faktoren, die Sie zum geeigneten C...
Thin, Rich und RIA Clients entwirrt -- und Faktoren, die Sie zum geeigneten C...Thin, Rich und RIA Clients entwirrt -- und Faktoren, die Sie zum geeigneten C...
Thin, Rich und RIA Clients entwirrt -- und Faktoren, die Sie zum geeigneten C...
Nikolaos Kaintantzis
 
Mobile Anwendungen mit Apache Cordova
Mobile Anwendungen mit Apache CordovaMobile Anwendungen mit Apache Cordova
Mobile Anwendungen mit Apache Cordova
Yvette Teiken
 
Smartphone Betriebssysteme Android
Smartphone Betriebssysteme AndroidSmartphone Betriebssysteme Android
Smartphone Betriebssysteme Android
dm-development
 
Windows 8 für Entwickler
Windows 8 für EntwicklerWindows 8 für Entwickler
Windows 8 für EntwicklerJan Hentschel
 

Ähnlich wie Titanium Vs Phonegap (20)

Erstellung von mobilen cross-platform-Apps
Erstellung von mobilen cross-platform-AppsErstellung von mobilen cross-platform-Apps
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...
 
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...
 
Top 10 Internet Trends 2005
Top 10 Internet Trends 2005Top 10 Internet Trends 2005
Top 10 Internet Trends 2005
 
Top 10 Internet Trends 2008
Top 10 Internet Trends 2008Top 10 Internet Trends 2008
Top 10 Internet Trends 2008
 
Ionic 2 - Hybridapps auf Steroiden
Ionic 2 - Hybridapps auf SteroidenIonic 2 - Hybridapps auf Steroiden
Ionic 2 - Hybridapps auf Steroiden
 
Smartphone Betriebssysteme iOS
Smartphone Betriebssysteme iOSSmartphone Betriebssysteme iOS
Smartphone Betriebssysteme iOS
 
Programmierung von Mobiltelefonen mit Python
Programmierung von Mobiltelefonen mit PythonProgrammierung von Mobiltelefonen mit Python
Programmierung von Mobiltelefonen mit Python
 
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...
 
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...
 
Browserbasiertes computing, RIA
Browserbasiertes computing, RIABrowserbasiertes computing, RIA
Browserbasiertes computing, RIA
 
Die wichtigsten Technologien für die Entwicklung von Webanwendungen
Die wichtigsten Technologien für die Entwicklung von WebanwendungenDie wichtigsten Technologien für die Entwicklung von Webanwendungen
Die wichtigsten Technologien für die Entwicklung von Webanwendungen
 
Hybride Entwicklung mit Ionic
Hybride Entwicklung mit IonicHybride Entwicklung mit Ionic
Hybride Entwicklung mit Ionic
 
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!
 
SharePoint, HTML5 und mobile Geräte (SharePoint UserGroup Dresden 11/2011)
SharePoint, HTML5 und mobile Geräte (SharePoint UserGroup Dresden 11/2011)SharePoint, HTML5 und mobile Geräte (SharePoint UserGroup Dresden 11/2011)
SharePoint, HTML5 und mobile Geräte (SharePoint UserGroup Dresden 11/2011)
 
HTML5 Update (am Internet-Briefing)
HTML5 Update (am Internet-Briefing)HTML5 Update (am Internet-Briefing)
HTML5 Update (am Internet-Briefing)
 
Thin, Rich und RIA Clients entwirrt -- und Faktoren, die Sie zum geeigneten C...
Thin, Rich und RIA Clients entwirrt -- und Faktoren, die Sie zum geeigneten C...Thin, Rich und RIA Clients entwirrt -- und Faktoren, die Sie zum geeigneten C...
Thin, Rich und RIA Clients entwirrt -- und Faktoren, die Sie zum geeigneten C...
 
Mobile Anwendungen mit Apache Cordova
Mobile Anwendungen mit Apache CordovaMobile Anwendungen mit Apache Cordova
Mobile Anwendungen mit Apache Cordova
 
Smartphone Betriebssysteme Android
Smartphone Betriebssysteme AndroidSmartphone Betriebssysteme Android
Smartphone Betriebssysteme Android
 
Windows 8 für Entwickler
Windows 8 für EntwicklerWindows 8 für Entwickler
Windows 8 für Entwickler
 

Titanium Vs Phonegap

  • 2. Hallo  Sebastian Deutsch (@sippndipp) – Macht 9elements.com – Wir sind die mit den bunten HTML5 Bällen  Jan Monschke (@thedeftone) – Informatikstudent FH Düsseldorf – Javascriptfreak
  • 3. Mobile Development Status Quo
  • 6. Status Quo  iPhone – Objective-C – schwer zu erlernen – Für Webentwickler sehr ungewohnt (Cocoa Framework)  Android – Java – Riesiges Framework
  • 7. Alternativen  Titanium  PhoneGap  (WebApps)
  • 8. Titanium  Applikationsentwicklung mit HTML und Javascript  Herkunft: Desktop (ähnlich wie AIR)  Neuerdings auch Mobile  Seit April in der Version 1.0
  • 9. Titanium  Javascript wird um die Telefon-API erweitert – Titanium.Accelerometer – Titanium.Database – Titanium.Filesystem – Titanium.Gesture – Titanium.Map – Titanium.Media – Titanium.Network
  • 10. Titanium  Es gibt mehrere Möglichkeiten die App aufzubauen 1. XML 2. HTML 3. Javascript
  • 11. Titanium  Es gibt zwei Arten von Views  reine Webviews  Composite Views (= Webviews + native Controls)
  • 12. Titanium  Wo fange ich an??  Die initiale View sollte per XML definiert werden  Bei weiteren Views empfiehlt es sich programmatisch vorzugehen
  • 13. Titanium  Was kann ich alles machen?  http://github.com/appcelerator/KitchenSink  Eine Beispielapp mit allen existierenden Controls und Beispielen
  • 14. Titanium  Titanium Apps haben im Appstore keine Probleme bei der Akzeptanz  Wir haben selbst eine Spaß App im Appstore  http://9elements.com/io/projects/qa/
  • 15. Titanium  Vorteile: – Native Controls – gute Dokumentation – Zwei Plattformen (drei mit Desktop) – Einfache Programmiersprache JS, HTML  Nachteile: – Kommerziell durch Appcelerator gepflegt – Für den Support muss man zahlen – Langsamer als Object-C
  • 16. PhoneGap  Ebenfalls Entwicklung mit JS/HTML und viel CSS  Im gegensatz zu Titanium leider keine native Controls  Trotzdem eine solide Telefon-API
  • 17. PhoneGap  Accelerometer  Audio  Camera  Contacts  File IO  SMS  Settings
  • 18. PhoneGap  Plattformen: 1. iPhone 2. Android 3. Blackberry ~ 4. Palm ~ 5. Symbian ~ 6. Windows Mobile ~
  • 19. PhoneGap  Getting started – Besser nicht mit der Edge Version starten – Sondern die stable 0.8.0 nehmen  Für Plattform gibt es einen Ordner mit standard Projekten für die jeweiligen IDEs (Xcode, Eclipse)
  • 20. PhoneGap  Die Standard ist auch gleichzeitig der „Kitchen Sink“  Die eigentlich Applikation kommt dann in den „www“ Ordner  Alle Deployments müssen manuell durchgeführt werden
  • 21. PhoneGap  Vorteile: – Viele Plattformen – Einfache Programmiersprache JS, HTML – 100% Open Source  Nachteile: – Mäßige Dokumentation – Deployments müssen mit der jeweiligen IDE durchgeführt werden – Langsamer als Java oder Objective-C
  • 22. Fazit
  • 23. Fazit  Mehr Plattformen, dann besser PhoneGap  Coolere Apps, dann besser Titanium  (btw: beide Plattformen unterstützen die manuelle Integration von eigenen Objective-C Klassen)
  • 25. Links  http://www.appcelerator.com/ – http://github.com/appcelerator/KitchenSink  http://phonegap.com/ – http://phonegap.pbworks.com/ – http://blogs.nitobi.com/joe/2009/12/17/introducing-po