Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (12)
Ähnlich wie Ardelean phone gap_wp4.
Ähnlich wie Ardelean phone gap_wp4. (20)
Mehr von Dan Ardelean
Mehr von Dan Ardelean (14)
Ardelean phone gap_wp4.
- 1. PhoneGap/Cordova & Windows Phone Dan Ardelean dan.ardelean@neologics.eu
- 2. Sponsor
- 3. Chi sono? • Co-fondatore di Neologics – sviluppo e consulting • http://sviluppomobile.blogspot.it/ • Twitter: @danardelean •
- 4. agenda • Introduzione a PhoneGap/Cordova • API per Windows Phone • Plugins • Tips and tricks Marketplace
- 5. Perché usare PhoneGap • Svilupare applicazioni cross-platform: Windows Phone, iOS, Android, Bada • Usare HTML5, Javascript e CSS3
- 6. PhoneGap o Cordova? • Cordova è il progetto Open Source gestito da Apache Foundation • PhoneGap è il «brand» comprato da Adobe • Cordova è per PhoneGap come WebKit è per Chrome/Safari
- 7. Cordova non è: • Cordova non è una libreria per interfaccia utente • Il livello di compatibilità HTML5/CSS3 varia da piattaforma a piattaforma http://www.mobilehtml5.org • Cordova non è un compilatore – ogni piattaforma a bisogno del suo compilatore • Cordova non è un browser o un motore di rendering
- 8. Cordova è: • Una piattaforma per creare applicazioni mobile native usando tecnologie Web (HTML5, CSS 3) • Una libreria Javascript • Una libreria nativa per ogni piattaforma • Compilation helpers
- 9. Cordova e Windows Phone • JS ->Codice nativo • Javascript chiama window.external.Notify(string) • Il codice C# ascolta per l’evento ScriptNotify • Codice nativo -> JS • this.WebBrowser.InvokeScript(scriptName, string[] args);
- 10. Applicazioni web native .basic & adv .notifications .canvas .transforms .events .elements UI .transitions .svg .animations .web workers Logic .touch events .web storage .file api .sql storage .contacts api Data .indexeddb .web sockets .accelerometer .geolocation .compass .PhoneGap Device .motion .camera plugins .multimedia .network info
- 11. Deploy
- 12. Iniziamo da zero • Windows Phone SDK http://create.msdn.com • PhoneGap/Cordova 1.6 .1 http://www.phonegap.com • jQuery Mobile 1.1 http://www.jquerymobile.com
- 14. Compatibilità
- 15. Accelerometro • Metodi • accelerometer.getCurrentAcceleration • accelerometer.watchAcceleration • accelerometer.clearWatch • Parametri • accelerometerSuccess • accelerometerError • accelerometerOptions • Ogetti • acceleration : x, y, z, timestamp
- 17. Compass • Metodi • compass.getCurrentHeading • compass.watchHeading • compass.clearWatch • Parametri • compassSuccess • compassError • compassOptions • compassHeading: magneticHeading, trueHeading,headingAccuracy, timestamp
- 18. Geolocalizzazione • Metodi • geolocation.getCurrentPosition • geolocation.watchPosition • geolocation.clearWatch • Parametri • geolocationSuccess • geolocationError • geolocationOptions • Ogetti • Position • PositionError • Coordinates
- 20. Camera • Metodi • camera.getPicture • navigator.camera.getPicture(, [ cameraOptions ] ); • Parametri • cameraSuccess • cameraError • cameraOptions • Oggetti • imageURI
- 21. demo Camera
- 22. Capture • Metodi • capture.captureAudio • capture.captureImage • capture.captureVideo • MediaFile.getFormatData • Oggetti • Capture • CaptureAudioOptions • CaptureImageOptions • CaptureVideoOptions • CaptureCB • CaptureErrorCB • ConfigurationData • MediaFile • MediaFileData
- 23. demo Capture
- 24. Media • Metodi • media.getCurrentPosition • media.getDuration • media.play • media.pause • media.release • media.seekTo • media.startRecord • media.stopRecord • media.stop • Parametri • src -URI • mediaSuccess: (Optional) • mediaError: (Optional) • mediaStatus: (Optional)
- 25. demo Media
- 26. Contatti • Metodi • contacts.create • contacts.find • Parametri • contactFields • contactSuccess • contactError • contactFindOptions • Ogetti • Contact • ContactName • ContactField • ContactAddress • ContactOrganization • ContactFindOptions • ContactError
- 27. demo Contatti
- 28. Device & Connection • Proprietà • device.name • device.cordova • device.platform • device.uuid • device.version • connection.type • Enum • Connection.UNKNOWN • Connection.ETHERNET • Connection.WIFI • Connection.CELL_2G • Connection.CELL_3G • Connection.CELL_4G • Connection.NONE
- 29. Eventi • deviceready • pause • resume • online • offline • backbutton • batterystatus – per Windows Phone solo isPlugged
- 30. Notification • Metodi • notification.alert • notification.confirm • notification.beep • notification.vibrate
- 32. Cordova Plugins • Integrare altre funzionalità native • Live Tiles • Navigazione • Integrazione con Facebook tramite ShareLinkTask and ShareLinkStatus • …
- 34. Tips and tricks Marketplace: • Per la pubblicazione sul Marketplace partite dal progetto custom di PhoneGap togliendo le funzionalità non usate
- 35. Tips and tricks Marketplace: • Se usate la geolocalizzazione chiedete permesso al utente di usare la sua posizione e spiegate come sarà usata questa informazione. • Inserire anche l’opzione per inibire questa funzionalità
- 36. Tips and tricks Marketplace: • Fate attenzione al pulsante Back
- 37. Anteprima v1.7 per Windows Phone
- 38. Valutazione – Codice WP4 www.dotnetcampus.it/eval -> WP4
- 39. Notification • $(document).ready(function () { $("#btnCall").click(function () { $.support.cors = true; $.getJSON("http://baconipsum.com/api/?type=me at-and-filler&callback=?", function (data) { $.each(data, function (index, element) { $("#result").append(element); }); }); }); });