SlideShare ist ein Scribd-Unternehmen logo
PhoneGap
Kurz und schmerzlos
René Stalder
★   Informatiker (Applikationsentwickler)
    in Ausbildung, 3. Lehrjahr
    inova.ch
★   whatwedo.ch
★   renestalder.me



renestalder.me
“The Only Open Source
     Mobile Framework That
     Supports 6 Platforms”
                 - PhoneGap.com




renestalder.me
★   Entwicklung mit Web-Standards



                 ★   API Zugriff mit PhoneGap



                 ★   Deploy




renestalder.me
Entwicklung mit Web-
            Standards


★   Standard HTML5, Javascript und CSS
★   jQuery Mobile, jQTouch, Sencha Touch




renestalder.me
API Zugriff mit PhoneGap


★   PhoneGap Framework

           iPhone: Xcode
           Android: Eclipse & Android SDK


                         +
                    PhoneGap

renestalder.me
API Zugriff mit PhoneGap


★   Kamera            ★   Geo Location
★   Kompass           ★   Notifications
★   Kontakte          ★   ...
★   Dateisystem




renestalder.me
★    Kamera

    navigator.camera.getPicture( cameraSuccess, cameraError, [ cameraOptions ] );




René Stalder - renestalder.me                                               8
★    Kamera

    navigator.camera.getPicture( cameraSuccess, cameraError, [ cameraOptions ] );




     navigator.camera.getPicture(onSuccess, onFail, { quality: 50 });

     function onSuccess(imageData) {
         var image = document.getElementById('myImage');
         image.src = "data:image/jpeg;base64," + imageData;
     }

     function onFail(message) {
         alert('Failed because: ' + message);
     }




René Stalder - renestalder.me                                               8
API Zugriff mit PhoneGap


★   PhoneGap Build
    ★   SDK
    ★   Upload zu PhoneGap Build Service
    ★   App Store fertige Apps




renestalder.me
Deploy


★   PhoneGap Framework
    ★   Deploy auf Smartphone oder Simulator
    ★   Export Application Package
★   PhoneGap Build
    ★   ...



renestalder.me
Deploy

★   iPhone/iPad iOS
★   Android
★   BlackBerry OS
★   Palm webOS
★   Windows Mobile
★   Symbian

renestalder.me
★    Eclipse Demo




renestalder.me
Zusammengefasst...

★   Vorteil von HTML5 und CSS3
★   Javascript zur Programmierung
★   Zugriff auf native Features des Smartphones
★   Deploy auf multiple Plattformen




renestalder.me
ABER..



renestalder.me
:-(


★   Benötigt überdurchschnittlich viel Speicherplatz
★   Nicht nativ
★   Schönheitsfehler durch Web Container




renestalder.me
Beispiele

★   Vanilla - pay by mobile (iPhone, Android)
★   Leaflet (iPhone)
★   The Australian Veg Food Guide (iPhone, iPad,
    Android)


★   vimeo.com/awards/m (Sencha Touch)


renestalder.me
Links

★   “Google Fast Buttons for Mobile Web
    Applications”
    bit.ly/fastbutton
★   AppLaud für Eclipse




renestalder.me
renestalder.me

Weitere ähnliche Inhalte

Ähnlich wie Phonegap - Kurz und schmerzlos

MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.
MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.
MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.Niels de Bruijn
 
SignalR
SignalRSignalR
Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.
GFU Cyrus AG
 
Die Android Plattform
Die Android PlattformDie Android Plattform
Die Android Plattform
Moritz Haarmann
 
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
 
Rich Graphics & OpenGL mit Android
Rich Graphics & OpenGL mit AndroidRich Graphics & OpenGL mit Android
Rich Graphics & OpenGL mit Android
Dominik Helleberg
 
Einstieg in Xamarin und Xamarin.Forms, DDC 2018
Einstieg in Xamarin und Xamarin.Forms, DDC 2018Einstieg in Xamarin und Xamarin.Forms, DDC 2018
Einstieg in Xamarin und Xamarin.Forms, DDC 2018
André Krämer
 
X-Plane und WED FSKonferenz 2015
X-Plane und WED FSKonferenz 2015X-Plane und WED FSKonferenz 2015
X-Plane und WED FSKonferenz 2015Philipp Münzel
 
German: Softwareprodukte aus einem Source Code mit Javascript
German: Softwareprodukte aus einem Source Code mit JavascriptGerman: Softwareprodukte aus einem Source Code mit Javascript
German: Softwareprodukte aus einem Source Code mit Javascript
Ralf Schwoebel
 
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
 
Spiele entwickeln mit dem Adobe AIR SDK
Spiele entwickeln mit dem Adobe AIR SDKSpiele entwickeln mit dem Adobe AIR SDK
Spiele entwickeln mit dem Adobe AIR SDK
IndieOutpost
 
Qualitätssicherung in Webprojekten
Qualitätssicherung in WebprojektenQualitätssicherung in Webprojekten
Qualitätssicherung in WebprojektenSebastian Springer
 
Ionic 2 - Hybridapps auf Steroiden
Ionic 2 - Hybridapps auf SteroidenIonic 2 - Hybridapps auf Steroiden
Ionic 2 - Hybridapps auf Steroiden
Hendrik Lösch
 
Mobile HTML5 am Beispiel von Games
Mobile HTML5 am Beispiel von GamesMobile HTML5 am Beispiel von Games
Mobile HTML5 am Beispiel von Games
gbanga
 
Mobile Transport-börse
Mobile Transport-börseMobile Transport-börse
Mobile Transport-börse
Abdelhamid81
 
HTML5-Legacy-Anwendungen
HTML5-Legacy-AnwendungenHTML5-Legacy-Anwendungen
HTML5-Legacy-Anwendungen
Jonathan Weiß
 
iOS Testautomation bei mobile.de
iOS Testautomation bei mobile.deiOS Testautomation bei mobile.de
iOS Testautomation bei mobile.de
Holger Hammel
 
Testing XAML-based Windows Store Apps mit VS 2013
Testing XAML-based Windows Store Apps mit VS 2013Testing XAML-based Windows Store Apps mit VS 2013
Testing XAML-based Windows Store Apps mit VS 2013
Nico Orschel
 
Das Android Open Source Project
Das Android Open Source ProjectDas Android Open Source Project
Das Android Open Source Project
inovex GmbH
 

Ähnlich wie Phonegap - Kurz und schmerzlos (20)

Hdc2012 cordova-präsi
Hdc2012 cordova-präsiHdc2012 cordova-präsi
Hdc2012 cordova-präsi
 
MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.
MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.
MT AG Möglichkeiten mit PhoneGap in verbindung mit APEX 4.2.
 
SignalR
SignalRSignalR
SignalR
 
Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.
 
Die Android Plattform
Die Android PlattformDie Android Plattform
Die Android Plattform
 
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...
 
Rich Graphics & OpenGL mit Android
Rich Graphics & OpenGL mit AndroidRich Graphics & OpenGL mit Android
Rich Graphics & OpenGL mit Android
 
Einstieg in Xamarin und Xamarin.Forms, DDC 2018
Einstieg in Xamarin und Xamarin.Forms, DDC 2018Einstieg in Xamarin und Xamarin.Forms, DDC 2018
Einstieg in Xamarin und Xamarin.Forms, DDC 2018
 
X-Plane und WED FSKonferenz 2015
X-Plane und WED FSKonferenz 2015X-Plane und WED FSKonferenz 2015
X-Plane und WED FSKonferenz 2015
 
German: Softwareprodukte aus einem Source Code mit Javascript
German: Softwareprodukte aus einem Source Code mit JavascriptGerman: Softwareprodukte aus einem Source Code mit Javascript
German: Softwareprodukte aus einem Source Code mit Javascript
 
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...
 
Spiele entwickeln mit dem Adobe AIR SDK
Spiele entwickeln mit dem Adobe AIR SDKSpiele entwickeln mit dem Adobe AIR SDK
Spiele entwickeln mit dem Adobe AIR SDK
 
Qualitätssicherung in Webprojekten
Qualitätssicherung in WebprojektenQualitätssicherung in Webprojekten
Qualitätssicherung in Webprojekten
 
Ionic 2 - Hybridapps auf Steroiden
Ionic 2 - Hybridapps auf SteroidenIonic 2 - Hybridapps auf Steroiden
Ionic 2 - Hybridapps auf Steroiden
 
Mobile HTML5 am Beispiel von Games
Mobile HTML5 am Beispiel von GamesMobile HTML5 am Beispiel von Games
Mobile HTML5 am Beispiel von Games
 
Mobile Transport-börse
Mobile Transport-börseMobile Transport-börse
Mobile Transport-börse
 
HTML5-Legacy-Anwendungen
HTML5-Legacy-AnwendungenHTML5-Legacy-Anwendungen
HTML5-Legacy-Anwendungen
 
iOS Testautomation bei mobile.de
iOS Testautomation bei mobile.deiOS Testautomation bei mobile.de
iOS Testautomation bei mobile.de
 
Testing XAML-based Windows Store Apps mit VS 2013
Testing XAML-based Windows Store Apps mit VS 2013Testing XAML-based Windows Store Apps mit VS 2013
Testing XAML-based Windows Store Apps mit VS 2013
 
Das Android Open Source Project
Das Android Open Source ProjectDas Android Open Source Project
Das Android Open Source Project
 

Phonegap - Kurz und schmerzlos

  • 2. René Stalder ★ Informatiker (Applikationsentwickler) in Ausbildung, 3. Lehrjahr inova.ch ★ whatwedo.ch ★ renestalder.me renestalder.me
  • 3. “The Only Open Source Mobile Framework That Supports 6 Platforms” - PhoneGap.com renestalder.me
  • 4. Entwicklung mit Web-Standards ★ API Zugriff mit PhoneGap ★ Deploy renestalder.me
  • 5. Entwicklung mit Web- Standards ★ Standard HTML5, Javascript und CSS ★ jQuery Mobile, jQTouch, Sencha Touch renestalder.me
  • 6. API Zugriff mit PhoneGap ★ PhoneGap Framework iPhone: Xcode Android: Eclipse & Android SDK + PhoneGap renestalder.me
  • 7. API Zugriff mit PhoneGap ★ Kamera ★ Geo Location ★ Kompass ★ Notifications ★ Kontakte ★ ... ★ Dateisystem renestalder.me
  • 8. Kamera navigator.camera.getPicture( cameraSuccess, cameraError, [ cameraOptions ] ); René Stalder - renestalder.me 8
  • 9. Kamera navigator.camera.getPicture( cameraSuccess, cameraError, [ cameraOptions ] ); navigator.camera.getPicture(onSuccess, onFail, { quality: 50 }); function onSuccess(imageData) {     var image = document.getElementById('myImage');     image.src = "data:image/jpeg;base64," + imageData; } function onFail(message) {     alert('Failed because: ' + message); } René Stalder - renestalder.me 8
  • 10. API Zugriff mit PhoneGap ★ PhoneGap Build ★ SDK ★ Upload zu PhoneGap Build Service ★ App Store fertige Apps renestalder.me
  • 11. Deploy ★ PhoneGap Framework ★ Deploy auf Smartphone oder Simulator ★ Export Application Package ★ PhoneGap Build ★ ... renestalder.me
  • 12. Deploy ★ iPhone/iPad iOS ★ Android ★ BlackBerry OS ★ Palm webOS ★ Windows Mobile ★ Symbian renestalder.me
  • 13. Eclipse Demo renestalder.me
  • 14. Zusammengefasst... ★ Vorteil von HTML5 und CSS3 ★ Javascript zur Programmierung ★ Zugriff auf native Features des Smartphones ★ Deploy auf multiple Plattformen renestalder.me
  • 16. :-( ★ Benötigt überdurchschnittlich viel Speicherplatz ★ Nicht nativ ★ Schönheitsfehler durch Web Container renestalder.me
  • 17. Beispiele ★ Vanilla - pay by mobile (iPhone, Android) ★ Leaflet (iPhone) ★ The Australian Veg Food Guide (iPhone, iPad, Android) ★ vimeo.com/awards/m (Sencha Touch) renestalder.me
  • 18. Links ★ “Google Fast Buttons for Mobile Web Applications” bit.ly/fastbutton ★ AppLaud für Eclipse renestalder.me

Hinweis der Redaktion

  1. \n
  2. whatwedo.ch - Die überaus schöne Wartungsseite erwähnen.\n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. Supported Platforms\nAndroid\nBlackberry WebWorks (OS 5.0 and higher)\niPhone\n\n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. - Speicherplatz: Guitar Hero 650 KB - Sencha Demos 28 MB\n- Fühlt sich nicht nativ an. Eigenes UI.\n- Verzögerung beim Click/Tab (300ms Browser Verzögerung). Ladezeit (weisser Schirm)\n
  16. - Vanilla: Mobiles Bezahlen\n- Leaflet: Envato Marketplace\n
  17. Fast Button: Click Event 300ms verzögert. Meistens aber nur ein Tab/Click nötig. Google Voice Mobile Web App\nAppLaud: Eclipse Plugin. One Click Sencha und jQuery Mobile Projects.\n
  18. \n