Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014
Phonegap
-
Upload
carlos-rodrigo-de-araujo -
Category
Technology
-
view
116 -
download
1
Transcript of Phonegap
Aluno: Carlos RodrigoProfessora: Camila Taumaturgo
Roteiro
• Introdução;• Aplicação nativa e web; • Aplicação hibrida ;• PhoneGap ;• Funcionamento e arquitetura do
PhoneGap ;• PhoneGap Build;
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.
• - 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
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".
“O PhoneGap é um framework gratuito e open source que permite a criação de aplicações móveis usando APIs padronizadas da web.”
PhoneGap API's Accelerometer Camera Capture
Compass Connection ContactsDevice Events File
Geolocation Globalization InAppBrowserMedia Notification Splashscreen
Storage
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');
}
Ripple
Emulandor PhoneGap
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
Visão Geral do Site
+new app
Opções disponíveis para esse APP
ATIVIDADE P/ CASA
• Desenvolva um aplicativo simulando uma pequena Agenda de contatos, contendo HTML, CSS e JavaScript.
• Prazo: 10 dias a partir de Amanhã.
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.
THANK YOU