2. Roteiro
• Introdução;
• Aplicação nativa e web;
• Aplicação hibrida ;
• PhoneGap ;
• Funcionamento e arquitetura do PhoneGap ;
• PhoneGap Build;
3.
4. 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.
5. • - 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
6. 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".
7. “O PhoneGap é um framework gratuito e
open source que permite a criação de
aplicações móveis usando APIs
padronizadas da web.”
8.
9.
10. PhoneGap API's
Accelerometer Camera Capture
Compass Connection Contacts
Device Events File
Geolocation Globalization InAppBrowser
Media Notification Splashscreen
Storage
11.
12.
13. 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');
}
20. ATIVIDADE P/ CASA
• Desenvolva um aplicativo simulando
uma pequena Agenda de contatos,
contendo HTML, CSS e JavaScript.
• Prazo: 10 dias a partir de Amanhã.