Phonegap

108 visualizações

Publicada em

Explicação do Phonegap

Publicada em: Tecnologia
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
108
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Phonegap

  1. 1. Aluno: Carlos Rodrigo Professora: Camila Taumaturgo
  2. 2. Roteiro • Introdução; • Aplicação nativa e web; • Aplicação hibrida ; • PhoneGap ; • Funcionamento e arquitetura do PhoneGap ; • PhoneGap Build;
  3. 3. 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.
  4. 4. • - 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
  5. 5. 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".
  6. 6. “O PhoneGap é um framework gratuito e open source que permite a criação de aplicações móveis usando APIs padronizadas da web.”
  7. 7. PhoneGap API's Accelerometer Camera Capture Compass Connection Contacts Device Events File Geolocation Globalization InAppBrowser Media Notification Splashscreen Storage
  8. 8. 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'); }
  9. 9. Ripple Emulandor PhoneGap
  10. 10. 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
  11. 11. Visão Geral do Site
  12. 12. Click: Sign up for a new account
  13. 13. +new app
  14. 14. Opções disponíveis para esse APP
  15. 15. ATIVIDADE P/ CASA • Desenvolva um aplicativo simulando uma pequena Agenda de contatos, contendo HTML, CSS e JavaScript. • Prazo: 10 dias a partir de Amanhã.
  16. 16. 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.

×