Congresso TI 2015: Introducao ao Phonegap (Cordova)
11 gostaram1,038 visualizações
Este documento fornece uma introdução ao PhoneGap/Cordova, descrevendo o que é PhoneGap, como funciona, suas APIs e plugins, além de como enviar aplicativos para as lojas de aplicativos. O documento também discute as ferramentas necessárias para desenvolvimento com PhoneGap.
Congresso TI 2015: Introducao ao Phonegap (Cordova)
- 2. • 9+ XPTI • Java, Sencha, Phonegap • http://loiane.com • Livros: Loiane Groner
- 3. ROADMAP • Motivo pra usar Phonegap • O que é Phonegap? • Phonegap x Cordova • Como funciona • API • Plugins • Enviando pra App Store • Exemplos • O que preciso aprender e instalar
- 4. Motivação
- 5. Preciso de uma APP
- 8. Android Java BlackBerry Java, C++, HTML 5 iOS Objective-C / Swift Windows Phone C#
- 10. O que é
- 11. • Framework JavaScript • Funciona como um container (wrapper) • Código web (HTML5/CSS/JS) • Apps híbridas
- 12. Desenvolvimento Nativo App Nativa 10101010101010101 01010101010101 10101010101010101 01010101010101 API nativa da Plataforma
- 13. Desenvolvimento Web Browser <html> <head> <script src=” ...” /> </ head> <body> ...
- 15. App Híbrida
- 16. App Nativa 10101010101010101 01010101010101 10101010101010101 01010101010101 API nativa da Plataforma Browser <html> <head> <script src=” ...” /> </ head> <body> ... Wrapper Nativo <html> <head> <script src=” ...” /> </ head> <body> ... API nativa da Plataforma Nativo Browser Híbrido
- 18. • Nitobi cria Phonegap • Adobe compra Nitobi • Código Fonte - Apache (Cordova) • Phonegap continua como produto da Adobe
- 19. • Código Fonte • Comunidade
- 20. Distribuição do Cordova + serviços • Phonegap Build • Phonegap developer app • Phonegap Enterprise
- 21. Como funciona
- 22. Seu Código
- 23. WebView Nativa (Browser) Seu Código
- 24. APIs Nativas WebView Nativa (Browser) Seu Código
- 25. App Nativa: .apk, .ipa, etc APIs Nativas WebView Nativa (Browser) Seu Código
- 28. •Accelerometer - when the device moves •Camera - pictures of your cat •Capture - audio, video, stills of your cat •Compass - for when you're lost •Connection - type of connection •Contacts - find and create new friends
- 29. •Device - device and OS version metadata •Events - various app/hardware related events •File - native file system access (+ upload) •Geolocation - for when you're lost •Globalization - date/number/currency formatting
- 30. •Media - related to audio playback (supports record as well) •Notification - visual, audible, and tactile notifications •Splashscreen - for your splash screen needs •Storage - Mini database
- 31. function onSuccess(acceleration) { alert('Acceleration X: ' + acceleration.x + 'n' + 'Acceleration Y: ' + acceleration.y + 'n' + 'Acceleration Z: ' + acceleration.z + 'n' + 'Timestamp: ' + acceleration.timestamp + 'n'); }; function onError() { alert('onError!'); }; navigator.accelerometer.getCurrentAcceleration(onSuccess, onError); Acceleration
- 32. function capturePhotoEdit() { navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 20, allowEdit: true, destinationType: destinationType.DATA_URL }); } Capturar Foto com Edição
- 33. function onDeviceReady() { var element = document.getElementById('deviceProperties'); element.innerHTML = 'Device Name: ' + device.name + '<br />' + 'Device Cordova: ' + device.cordova + '<br />' + 'Device Platform: ' + device.platform + '<br />' + 'Device UUID: ' + device.uuid + '<br />' + 'Device Model: ' + device.model + '<br />' + 'Device Version: ' + device.version + '<br />'; } Propriedades do Dispositivo
- 36. Plugins
- 38. Performance
- 40. Enviando pra App Store
- 42. Phonegap Build apps open source: grátis (github) apps código privado: pago
- 47. Threads
- 48. #FAIL
- 56. iWebInspector
- 57. Weinre
- 59. Testes
- 60. R I P P L E
- 63. Phonegap não converte em código nativo
- 64. Phonegap não tem componente, não se integra com server (php, java)
- 65. Phonegap não gera projeto web, gera projeto nativo que faz uso da API do phonegap
- 66. Processo de build e processo de enviar para apps store é nativo
- 67. Não serve para qualquer app
- 74. Obrigada!