More Related Content Similar to Phonegap - Kurz und schmerzlos (20) 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
Editor's Notes \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
