Ardelean phone gap_wp4.

719 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
719
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ardelean phone gap_wp4.

  1. 1. PhoneGap/Cordova &Windows PhoneDan Ardeleandan.ardelean@neologics.eu
  2. 2. Sponsor
  3. 3. Chi sono?• Co-fondatore di Neologics – sviluppo e consulting• http://sviluppomobile.blogspot.it/• Twitter: @danardelean•
  4. 4. agenda• Introduzione a PhoneGap/Cordova• API per Windows Phone• Plugins• Tips and tricks Marketplace
  5. 5. Perché usare PhoneGap• Svilupare applicazioni cross-platform: Windows Phone, iOS, Android, Bada• Usare HTML5, Javascript e CSS3
  6. 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. 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. 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. 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. 10. Applicazioni web native .basic & adv .notifications .canvas .transforms .events .elementsUI .transitions .svg .animations .web workersLogic .touch events .web storage .file api .sql storage .contacts apiData .indexeddb .web sockets .accelerometer .geolocation .compass .PhoneGapDevice .motion .camera plugins .multimedia .network info
  11. 11. Deploy
  12. 12. Iniziamo da zero• Windows Phone SDKhttp://create.msdn.com• PhoneGap/Cordova 1.6 .1http://www.phonegap.com• jQuery Mobile 1.1http://www.jquerymobile.com
  13. 13. demoHello Cordova
  14. 14. Compatibilità
  15. 15. Accelerometro• Metodi • accelerometer.getCurrentAcceleration • accelerometer.watchAcceleration • accelerometer.clearWatch• Parametri • accelerometerSuccess • accelerometerError • accelerometerOptions• Ogetti • acceleration : x, y, z, timestamp
  16. 16. demoAccelerometro
  17. 17. Compass• Metodi • compass.getCurrentHeading • compass.watchHeading • compass.clearWatch• Parametri • compassSuccess • compassError • compassOptions • compassHeading: magneticHeading, trueHeading,headingAccuracy, timestamp
  18. 18. Geolocalizzazione• Metodi • geolocation.getCurrentPosition • geolocation.watchPosition • geolocation.clearWatch• Parametri • geolocationSuccess • geolocationError • geolocationOptions• Ogetti • Position • PositionError • Coordinates
  19. 19. demoGeolocalizzazione
  20. 20. Camera• Metodi • camera.getPicture • navigator.camera.getPicture(, [ cameraOptions ] );• Parametri • cameraSuccess • cameraError • cameraOptions• Oggetti • imageURI
  21. 21. demoCamera
  22. 22. Capture• Metodi • capture.captureAudio • capture.captureImage • capture.captureVideo • MediaFile.getFormatData• Oggetti • Capture • CaptureAudioOptions • CaptureImageOptions • CaptureVideoOptions • CaptureCB • CaptureErrorCB • ConfigurationData • MediaFile • MediaFileData
  23. 23. demoCapture
  24. 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. 25. demoMedia
  26. 26. Contatti• Metodi • contacts.create • contacts.find• Parametri • contactFields • contactSuccess • contactError • contactFindOptions• Ogetti • Contact • ContactName • ContactField • ContactAddress • ContactOrganization • ContactFindOptions • ContactError
  27. 27. demoContatti
  28. 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. 29. Eventi• deviceready• pause• resume• online• offline• backbutton• batterystatus – per Windows Phone solo isPlugged
  30. 30. Notification• Metodi • notification.alert • notification.confirm • notification.beep • notification.vibrate
  31. 31. demoNotification
  32. 32. Cordova Plugins• Integrare altre funzionalità native • Live Tiles • Navigazione • Integrazione con Facebook tramite ShareLinkTask and ShareLinkStatus • …
  33. 33. demoLive Tile Plugin
  34. 34. Tips and tricks Marketplace:• Per la pubblicazione sul Marketplace partite dal progetto custom di PhoneGap togliendo le funzionalità non usate
  35. 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. 36. Tips and tricks Marketplace:• Fate attenzione al pulsante Back
  37. 37. Anteprima v1.7 per Windows Phone
  38. 38. Valutazione – Codice WP4www.dotnetcampus.it/eval -> WP4
  39. 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); }); }); }); });

×