Hardwarezugriff mittels PhoneGap

slides from my session @ mdc2012

Transcript

1. www.mobile-developer-conference.de /mdc_conference | #mdc12 Marcus Ross Zahlenhelfer Consulting @zahlenhelfer Hardwarezugriff mittels PhoneGap / Apache Callback
2. www.mobile-developer-conference.de /mdc_conference | #mdc12 Kurzer Abriss der Geschichte •  Erstellt durch Nitobi •  Nach Release 1.0 kauf durch Adobe •  Übertragung des IP an die ASF •  Jetzt heisst es Callback bzw. Cordova
3. www.mobile-developer-conference.de /mdc_conference | #mdc12 Mind the (Phone)Gap – 60 Sek. •  Was macht PhoneGap? Packager/JS-Bridge! •  Was ist der Tick? native WebView!
4. www.mobile-developer-conference.de /mdc_conference | #mdc12 Architektur
5. www.mobile-developer-conference.de /mdc_conference | #mdc12 Aber was wird unterstützt?
6. www.mobile-developer-conference.de /mdc_conference | #mdc12 Der Packager •  Native-App pro Plattform •  Daher pro Plattform ein Projekt •  Bindet das HTML/JS per WebView ein
7. www.mobile-developer-conference.de /mdc_conference | #mdc12 Der API Teil Accelerometer Camera Capture Compass Connection Contacts Device Events File Geolocation Media Notification Storage
8. www.mobile-developer-conference.de /mdc_conference | #mdc12 Einfach mal machen... ...! <script type="text/javascript" charset="utf-8“>! ! document.addEventListener("deviceready", onDeviceReady, false);! !! function onDeviceReady() {! var element = document.getElementById('deviceEigenschaften');! ! !'Geräte Name: ' + device.name + '<br />' + ! ! !'Geräte PhoneGap: ' + device.phonegap + '<br />' + ! ! !'Geräte Platform: ' + device.platform! }! </script>! ...!
9. www.mobile-developer-conference.de /mdc_conference | #mdc12 ...das kommt raus. - DEMO -
10. www.mobile-developer-conference.de /mdc_conference | #mdc12 Mehr Info bitte... •  Dokumentation der API unter: •  docs.phonegap.com •  auch in Deutsch durch den Referenten
11. www.mobile-developer-conference.de /mdc_conference | #mdc12 Debuggen möglich? •  Debuggen durch weinre (WEb INspector REmote) •  http://phonegap.github.com/weinre/ Home.html
12. www.mobile-developer-conference.de /mdc_conference | #mdc12 Mehr Info?
13. www.mobile-developer-conference.de /mdc_conference | #mdc12 Und wenn ich noch mehr will? •  Erweitern durch eigene Plugins möglich! •  Beispiel: Taschenlampe https://github.com/phonegap/phonegap- plugins/tree/master/iPhone/Torch
14. www.mobile-developer-conference.de /mdc_conference | #mdc12 Marcus Ross Zahlenhelfer Consulting marcus.ross@zahlenhelfer.de Twitter: @zahlenhelfer Danke!