[curso phonegap / cordova] aula 01: introdução ao phonegap
DESCRIPTION
TRANSCRIPT
![Page 1: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/1.jpg)
Introdução
Curso PhoneGap
#1
![Page 3: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/3.jpg)
Pq Mobile? Pq Multiplataforma?
1
![Page 4: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/4.jpg)
Android Java
BlackBerry Java, C++, HTML 5
iOS Objective-C
Palm OS C, C++, Pascal
Symbian C++
Windows Phone C#
![Page 5: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/5.jpg)
HTML 5
2
![Page 6: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/6.jpg)
![Page 7: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/7.jpg)
![Page 8: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/8.jpg)
joApp
Wink Toolkit
![Page 9: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/9.jpg)
joApp
Wink Toolkit
![Page 10: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/10.jpg)
Entendendoo Mundo Mobile
3
![Page 11: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/11.jpg)
App Nativa
Dispositivo
App Nativa
Web Server
Java/PHP/Ruby/C#
Arquivos Imagens/
Documentos
Banco de Dados
Backend
http://
executa UI e
(alguma) lógica de
negócio
Lógica de negócio
![Page 12: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/12.jpg)
Web Browser
Dispositivo
Server Side Web
Web Server
Java/PHP/Ruby/C#
Arquivos Imagens/
Documentos
Banco de Dados
Backend
http://
Apenas um
renderizador
Executa UI e Lógica de negócio
![Page 13: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/13.jpg)
![Page 14: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/14.jpg)
![Page 15: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/15.jpg)
Web Browser
Dispositivo
Client Side Web
Web Server
Java/PHP/Ruby/C#
Arquivos Imagens/
Documentos
Banco de Dados
Backend
http://
executa UI e
(alguma) lógica de
negócio
Lógica de negócio
JavaScript
Arquivos Imagens/
Documentos
Banco de Dados caching
![Page 16: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/16.jpg)
![Page 17: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/17.jpg)
App Nativa
Dispositivo
App Híbrida
Web Server
Java/PHP/Ruby/C#
Arquivos Imagens/
Documentos
Banco de Dados
Backend
http://
executa UI e
(alguma) lógica de
negócio
Lógica de negócio
Código Nativo
Interpretador
JavaScript
Ponte
http://
![Page 18: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/18.jpg)
Web x Nativo
4
![Page 19: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/19.jpg)
![Page 20: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/20.jpg)
Nativo
Web Apps
Acesso Device
Sim
Parcial
![Page 21: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/21.jpg)
Nativo
Web Apps
Acesso Device
Velocidade
Sim Sim
?Parcial
![Page 22: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/22.jpg)
Nativo
Web Apps
Acesso Device
Velocidade Tempo Desenvolvimento
Sim Sim
?
Caro
Parcial Sussa
![Page 23: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/23.jpg)
Nativo
Web Apps
Acesso Device
Velocidade Tempo Desenvolvimento
App Store
Sim Sim
?
Caro
Parcial Sussa
Sim
Não
![Page 24: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/24.jpg)
Nativo
Web Apps
Acesso Device
Velocidade Tempo Desenvolvimento
App Store
Cross Platform
Sim Sim
?
Caro
Parcial Sussa
Sim
Não Sim
Não
![Page 25: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/25.jpg)
![Page 26: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/26.jpg)
App Híbrida?
![Page 27: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/27.jpg)
Web x Nativo x Híbrido
5
![Page 28: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/28.jpg)
Nativo
Web Apps
Acesso Device
Velocidade Tempo Desenvolvimento
App Store
Cross Platform
Sim Sim
?
Caro
Parcial Sussa
Sim
Não Sim
Não
Híbrido Sim ? Sussa* Sim Sim
![Page 29: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/29.jpg)
Nativo
Web Apps
Acesso Device
Velocidade Tempo Desenvolvimento
App Store
Cross Platform
Sim Sim
?
Caro
Parcial Sussa
Sim
Não Sim
Não
Híbrido Sim ? Sussa* Sim Sim
?
Sussa*
Já vamos discutir
Já vamos discutir
![Page 30: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/30.jpg)
?
![Page 31: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/31.jpg)
Our biggest mistake was betting too much
on HTML5
![Page 32: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/32.jpg)
In your face!
![Page 33: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/33.jpg)
“So, when Mark Zuckerberg said HTML5 wasn't ready, we took a little offense to the comment.”!
![Page 34: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/34.jpg)
PhoneGap
6
![Page 35: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/35.jpg)
•2008: início
•2008:suporte a iPhone, Android e Blackberry 4
•2009: suporte a Symbian e webOS
•2011: suporte a Windows Phone 7
•2011: Projeto sob Apache - novo nome
![Page 36: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/36.jpg)
A partir do Phonegap 1.5.0
![Page 37: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/37.jpg)
Apache Cordova
•Cordova é o projeto Open Source
•PhoneGap é a implementação
•http://incubator.apache.org/cordova/
![Page 38: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/38.jpg)
O que é Phonegap / Cordova?
•Chromeless webkit browser •Plataforma mobile HTML 5 (wrapper) •Acesso Nativo
![Page 39: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/39.jpg)
![Page 40: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/40.jpg)
Phonegap é WORA?
Write Once, Run Anywhere?
![Page 41: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/41.jpg)
Write Once DEBUG Anywhere
![Page 42: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/42.jpg)
Desenvolva Desenvolva
![Page 43: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/43.jpg)
Desenvolva
Teste
Desenvolva
Teste
![Page 44: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/44.jpg)
Desenvolva
Teste
Build
Desenvolva
Teste
Build
![Page 45: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/45.jpg)
Desenvolva
Teste
Build
Desenvolva
Teste
Build
Desenvolva
Teste
Build Build
{Híbrido
![Page 46: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/46.jpg)
Trabalhando com Phonegap
7
![Page 47: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/47.jpg)
HTML 5 CSS 3
JS
UIWebView WebView
APIs JS
Stores
![Page 48: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/48.jpg)
![Page 49: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/49.jpg)
![Page 50: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/50.jpg)
API
8
![Page 51: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/51.jpg)
![Page 52: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/52.jpg)
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
![Page 53: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/53.jpg)
function capturePhoto() { navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50, destinationType: destinationType.DATA_URL }); }
Capturar Foto
![Page 54: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/54.jpg)
function capturePhotoEdit() { navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 20, allowEdit: true, destinationType: destinationType.DATA_URL }); }
Capturar Foto com Edição
![Page 55: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/55.jpg)
function getPhoto(source) { navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50, destinationType: destinationType.FILE_URI, sourceType: source }); }
<button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">Biblioteca</button><br> <button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);">Album de Fotos</button>
Busca Foto do Dispositivo
![Page 56: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/56.jpg)
function onSuccess(heading) { alert('Heading: ' + heading.magneticHeading); }; !function onError(error) { alert('CompassError: ' + error.code); }; !navigator.compass.getCurrentHeading(onSuccess, onError);
Compass/Bússula
![Page 57: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/57.jpg)
function checkConnection() { var networkState = navigator.connection.type; ! var states = {}; states[Connection.UNKNOWN] = 'Unknown connection'; states[Connection.ETHERNET] = 'Ethernet connection'; states[Connection.WIFI] = 'WiFi connection'; states[Connection.CELL_2G] = 'Cell 2G connection'; states[Connection.CELL_3G] = 'Cell 3G connection'; states[Connection.CELL_4G] = 'Cell 4G connection'; states[Connection.NONE] = 'No network connection'; ! alert('Connection type: ' + states[networkState]); } !checkConnection();
Conexão
![Page 58: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/58.jpg)
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
![Page 59: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/59.jpg)
var ref = window.open('http://loiane.com', '_blank', 'location=yes'); ref.addEventListener('loadstart', function() { alert('start: ' + event.url); }); ref.addEventListener('loadstop', function() { alert('stop: ' + event.url); }); ref.addEventListener('exit', function() { alert(event.type); });
In App Browser
![Page 60: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/60.jpg)
navigator.notification.alert( 'Alerta!', // message alertDismissed, // callback 'Titulo', // title 'Botão' // buttonName );
Notification - Alert
![Page 61: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/61.jpg)
function showConfirm() { navigator.notification.confirm( 'Confirmar?', // message onConfirm, // callback to invoke with index of button pressed 'Titulo', // title 'OK,Cancel' // buttonLabels ); }
Notification - Confirm
![Page 62: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/62.jpg)
// Beepa 3 vezes function playBeep() { navigator.notification.beep(3); }
Notification - Beep
Não funciona no iOS
![Page 63: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/63.jpg)
// Vibra por 2 segundos function vibrate() { navigator.notification.vibrate(2000); }
Notification - Vibrar
![Page 64: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/64.jpg)
Demo
![Page 65: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/65.jpg)
UI Frameworks
9
![Page 66: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/66.jpg)
jQT
![Page 67: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/67.jpg)
function onDeviceReady() { // acha todos os contatos com 'Loiane' em qualquer campo nome var options = new ContactFindOptions(); options.filter="Loiane"; var fields = ["displayName", "name"]; navigator.contacts.find(fields, onSuccess, onError, options); } ! // onSuccess: loga o contato que foi achado function onSuccess(contacts) { for (var i=0; i<contacts.length; i++) { console.log("Display Name = " + contacts[i].displayName); } } ! // onError: Failed to get the contacts function onError(contactError) { alert('onError!'); }
Contatos
![Page 68: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/68.jpg)
![Page 69: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/69.jpg)
Touch
![Page 70: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/70.jpg)
Workflow de Desenvolvimento
![Page 71: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/71.jpg)
Mock Up
Desenvolvimento
Testes Simulação
Dispositivo
Store
![Page 72: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/72.jpg)
M O C K U P
![Page 73: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/73.jpg)
Resultado
![Page 74: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/74.jpg)
Emuladores
![Page 75: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/75.jpg)
R I P P L E
![Page 76: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/76.jpg)
Ferramentas de Debug
![Page 77: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/77.jpg)
iWebInspector
![Page 78: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/78.jpg)
Weinre
![Page 79: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/79.jpg)
Produção
10
![Page 80: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/80.jpg)
XCode Eclipse
build.phonegap.com
![Page 81: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/81.jpg)
Plugins
11
![Page 82: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/82.jpg)
Sussa*
![Page 83: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/83.jpg)
SQLite nativo BarCode Scanner
etc
https://github.com/phonegap/phonegap-plugins
https://github.com/brodyspark/PhoneGap-SQLitePlugin-iOS
![Page 85: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/85.jpg)
![Page 86: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/86.jpg)
Quando não usar?
11
![Page 87: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/87.jpg)
![Page 88: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/88.jpg)
Threads
![Page 89: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/89.jpg)
#FAIL
![Page 90: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/90.jpg)
![Page 91: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/91.jpg)
<div id="jogador">
![Page 92: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/92.jpg)
http://phonegap.com/app/fruit-salad/
![Page 93: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/93.jpg)
Recomendações Antes de Começar
12
![Page 94: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/94.jpg)
![Page 95: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/95.jpg)
![Page 96: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/96.jpg)
![Page 97: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/97.jpg)
![Page 98: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/98.jpg)
![Page 99: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/99.jpg)
$99 anuais
$25
$0
$19 - $99 anuais
![Page 100: [Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://reader033.vdocuments.com.br/reader033/viewer/2022061220/54bb83ba4a79597d0f8b45da/html5/thumbnails/100.jpg)
http://loiane.com
facebook.com/loianegroner
@loiane
https://github.com/loiane
youtube.com/user/Loianeg