11. App Nativa
Lógica
de negó
Web Server
tp://
ht
Java/PHP/
Ruby/C#
App Nativa
Arquivos
Imagens/
Documentos
UI e de
Dispositivo
uta gica
xec
e
) ló
ma cio
lgu egó
(a
n
Banco de
Dados
Backend
cio
12. Server Side Web
Execut
a UI e
Lógica
de negó
cio
Web Server
tp://
ht
Java/PHP/
Ruby/C#
Web Browser
Arquivos
Imagens/
Documentos
Dispositivo
um
nas dor
Ape riza
de
ren
Banco de
Dados
Backend
13.
14.
15. Client Side Web
Web Browser
JavaScript
Arquivos
Imagens/
Documentos
Lógica
de negó
Web Server
tp://
ht
Banco de
Dados
caching
UI e de
Dispositivo
uta gica
xec
e
) ló
ma cio
lgu egó
(a
n
Java/PHP/
Ruby/C#
Arquivos
Imagens/
Documentos
Banco de
Dados
Backend
cio
16.
17. App Híbrida
App Nativa
Código Nativo
Lógica
de negó
Web Server
p://
htt
Interpretador
Java/PHP/
Ruby/C#
://
tp
ht
Ponte
JavaScript
UI e de
Dispositivo
uta gica
xec
e
) ló
ma cio
lgu egó
(a
n
Arquivos
Imagens/
Documentos
Banco de
Dados
Backend
cio
35. •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
61. Notification - Confirm
function showConfirm() {
navigator.notification.confirm(
'Confirmar?', // message
onConfirm,
// callback to invoke with index of button pressed
'Titulo',
// title
'OK,Cancel'
// buttonLabels
);
}
62. Notification - Beep
// Beepa 3 vezes
function playBeep() {
navigator.notification.beep(3);
}
Não funciona no iOS
63. Notification - Vibrar
// Vibra por 2 segundos
function vibrate() {
navigator.notification.vibrate(2000);
}
67. Contatos
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!');
}
