Phonegap - Kurz und schmerzlos

4,138 views

Published on

Published in: Devices & Hardware
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,138
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • whatwedo.ch - Die überaus schöne Wartungsseite erwähnen.\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Supported Platforms\nAndroid\nBlackberry WebWorks (OS 5.0 and higher)\niPhone\n\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • - 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
  • - Vanilla: Mobiles Bezahlen\n- Leaflet: Envato Marketplace\n
  • 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
  • \n
  • Phonegap - Kurz und schmerzlos

    1. 1. PhoneGapKurz und schmerzlos
    2. 2. René Stalder★ Informatiker (Applikationsentwickler) in Ausbildung, 3. Lehrjahr inova.ch★ whatwedo.ch★ renestalder.merenestalder.me
    3. 3. “The Only Open Source Mobile Framework That Supports 6 Platforms” - PhoneGap.comrenestalder.me
    4. 4. ★ Entwicklung mit Web-Standards ★ API Zugriff mit PhoneGap ★ Deployrenestalder.me
    5. 5. Entwicklung mit Web- Standards★ Standard HTML5, Javascript und CSS★ jQuery Mobile, jQTouch, Sencha Touchrenestalder.me
    6. 6. API Zugriff mit PhoneGap★ PhoneGap Framework iPhone: Xcode Android: Eclipse & Android SDK + PhoneGaprenestalder.me
    7. 7. API Zugriff mit PhoneGap★ Kamera ★ Geo Location★ Kompass ★ Notifications★ Kontakte ★ ...★ Dateisystemrenestalder.me
    8. 8. ★ Kamera navigator.camera.getPicture( cameraSuccess, cameraError, [ cameraOptions ] );René Stalder - renestalder.me 8
    9. 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. 10. API Zugriff mit PhoneGap★ PhoneGap Build ★ SDK ★ Upload zu PhoneGap Build Service ★ App Store fertige Appsrenestalder.me
    11. 11. Deploy★ PhoneGap Framework ★ Deploy auf Smartphone oder Simulator ★ Export Application Package★ PhoneGap Build ★ ...renestalder.me
    12. 12. Deploy★ iPhone/iPad iOS★ Android★ BlackBerry OS★ Palm webOS★ Windows Mobile★ Symbianrenestalder.me
    13. 13. ★ Eclipse Demorenestalder.me
    14. 14. Zusammengefasst...★ Vorteil von HTML5 und CSS3★ Javascript zur Programmierung★ Zugriff auf native Features des Smartphones★ Deploy auf multiple Plattformenrenestalder.me
    15. 15. ABER..renestalder.me
    16. 16. :-(★ Benötigt überdurchschnittlich viel Speicherplatz★ Nicht nativ★ Schönheitsfehler durch Web Containerrenestalder.me
    17. 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. 18. Links★ “Google Fast Buttons for Mobile Web Applications” bit.ly/fastbutton★ AppLaud für Eclipserenestalder.me
    19. 19. renestalder.me

    ×