phonegap
TRANSCRIPT
![Page 1: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/1.jpg)
Aluno: Carlos RodrigoProfessora: Camila Taumaturgo
![Page 2: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/2.jpg)
Roteiro
• Introdução;• Aplicação nativa e web; • Aplicação hibrida ;• PhoneGap ;• Funcionamento e arquitetura do
PhoneGap ;• PhoneGap Build;
![Page 3: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/3.jpg)
![Page 4: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/4.jpg)
Introdução
• Aplicação Mobile– Abreviado por APP, é
um software desenvolvido para ser instalado em um dispositivo móvel. Este aplicativo pode ser instalado no dispositivo, baixando pelo usuário através de uma loja on-line, tais como Google Play, App Store ou Windows Phone Store ou em plataformas gratuitas na Web.
![Page 5: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/5.jpg)
• - Acesso completo ao dispositivo. • - Mais velocidade de
processamento. • - Menor tempo de resposta. • - Loja.
• - Desenvolvimento caro. • - Não é multi plataforma.
Aplicação nativa
• - Desenvolvimento mais barato. • - Multi plataforma.
• - Acesso parcial ao dispositivo. • - Não tem loja.
Aplicações web
![Page 6: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/6.jpg)
Aplicações hibridas
• - Acesso a todas as opções do dispositivo.
• - Loja. • - Desenvolvimento mais
barato. • - Multi plataforma.
"Aplicações hibridas que oferecem um balanceamento entre aplicações web HTML5 e aplicações nativas serão usadas em mais de 50% das aplicações móveis até 2016".
![Page 7: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/7.jpg)
“O PhoneGap é um framework gratuito e open source que permite a criação de aplicações móveis usando APIs padronizadas da web.”
![Page 8: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/8.jpg)
![Page 9: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/9.jpg)
![Page 10: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/10.jpg)
PhoneGap API's Accelerometer Camera Capture
Compass Connection ContactsDevice Events File
Geolocation Globalization InAppBrowserMedia Notification Splashscreen
Storage
![Page 11: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/11.jpg)
![Page 12: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/12.jpg)
![Page 13: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/13.jpg)
API de contato function onDeviceReady() {
var filtro = document.getElementById("idnome").value; console.log("Filtro:::::: " + filtro); var options = new ContactFindOptions(); options.filter=filtro; options.multiple=true; var fields = ["displayName", "name"]; navigator.contacts.find(fields, onSuccess, onError, options);
} function onSuccess(contacts) {
var lista = document.getElementById("idlista"); ista.innerHTML = ""; console.log("Qde::::" + contacts.length); for (var i=0; i<contacts.length; i++) {
$("#idlista").prepend('<li data-role="itens">'+contacts[i].displayName+'</li>'); console.log("Display Name = " + contacts[i].displayName);
} $("#idlista").listview('refresh');
}
![Page 14: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/14.jpg)
Ripple
Emulandor PhoneGap
![Page 15: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/15.jpg)
PhoneGap Build
https://build.phonegap.com/
Escolher para qual arquivo quer importar.
É um ambiente na nuvem feito pela a Adobe (também dona do Phonegap) para facilitar ainda mais a vida dos
programadores
![Page 16: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/16.jpg)
Visão Geral do Site
![Page 18: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/18.jpg)
+new app
![Page 19: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/19.jpg)
Opções disponíveis para esse APP
![Page 20: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/20.jpg)
ATIVIDADE P/ CASA
• Desenvolva um aplicativo simulando uma pequena Agenda de contatos, contendo HTML, CSS e JavaScript.
• Prazo: 10 dias a partir de Amanhã.
![Page 21: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/21.jpg)
Referência• PHONEGAP. Disponível em: <http://phonegap.com/>. Acesso
em: 21 jan. 2015.
• PHONEGAP BUILD. Disponível em: <https://build.phonegap.com />. Acesso em: 21 jan. 2015.
• WIKIPÉDIA, a Enciclopédia Livre. PhoneGap. Disponível em: <http://en.wikipedia.org/wiki/PhoneGap>. Acesso em: 21 jan. 2015.
• PHONEGAP tutorial. Elaborado por Rafael Yanagui. Disponível em: <http://www.nanoincub.com.br/blog/tutoriais/tutorial-de-phonegap-iniciando-um-projeto>. Acesso em: 21 jan. 2015.
• PHONEGAP - Criando aplicações multiplataforma com HTML5. Elaborado por Rodrigo Cascarrolho. Disponível em: <http://pt.slideshare.net/rodrigocasca/phonegap-criando-aplicacoes-android-e-ios-com-html5>. Acesso em: 21 jan. 2015.
![Page 22: Phonegap](https://reader035.vdocuments.com.br/reader035/viewer/2022070600/58acdf0c1a28ab40588b4877/html5/thumbnails/22.jpg)
THANK YOU