Mobile - O próximo passo na evolução da computação
Host/Mainframe
Cliente/Servidor
Web/Desktop
Mobile/Wireless/Cloud
Mobile é diferente:
• Transformação no modelo de
negócios
• Ciclos mais rápidos, mais
interativos
• Novos ambientes para suportar
Não é só o FrontEnd que está mudando...
Native Apps
Requer
conhecimentos
específicos, maior
custo e tempo
para desenvolver.
Pode entregar uma
melhor experiência
final ao usuario
Native Application
Device APIs
1001010101011101001
0100100101011101001
0011010101010100100
1001011110010011001
0101010010101010100
1010101010101010101
0111111000001010101
0101010010010101010
1010100011110101000
1111010100111010101
1111001011011110100
01011001110
Hybrid Apps -
Código WEB com a
utilização de
código nativo para
uso específico,
garantindo melhor
experiência do
usuário.
Native Shell
Web
Native
Device APIs
<!
DOCTYP
E html
PUBLIC
created
2003-12
</p>
</body
>
</html>
100101
010101
110100
101010
101010
100100
100101
111001
001100
10
Hybrid Apps - Web
Código HTML5 e
bibliotecas do
Worklight
empacotada na
aplicação em
native shell.
Native Shell
Web Code
<!DOCTYPE html
PUBLIC
<html>
<! - - created 2003-12-
1
<head><title>XYZ</ti
tle
</head>
</body>
</html>
Device APIs
Web Apps
Escreva em HTML5
JavaScript e CSS3.
Rápido e barato
para desenvolver,
porem menos
poderoso que o
nativo
Mobile Browser
Web Code
<!DOCTYPE html
PUBLIC
<html>
<! - - created 2003-12-
12 - -
<head><title>XYZ</ti
tle>
</head>
<body>
</p>
</body>
</html>
Browser Access Downloadable Downloadable Downloadable
Browser Access Hybrid Apps - Web Hybrid Apps -
Mixed
Native Apps
Desenvolvimento Móvel
Arquitetura Worklight
Worklight Studio
Eclipse Juno/Kepler
• Nativo, Hibrido, Web
Otimizações para cada ambiente
• Código comum vs Personalizado
• Opções para desenvolvimento nativo
• Skins para cada tipo de dispostivo
Integração com bibliotecas
Integração com SDKs
• Emuladores e ambiente de teste
• Integração com Android SDK, Xcode e Visula Studio
Single DOM – WYSIWYG
Simuladores para teste (não nativo)
Worklight Console - Conexão com Backend
Primers - dojox/app
• http://dojotoolkit.org/reference-guide/1.9/dojox/app.html
*
Sencha Touch
http://www.sencha.com/products/touch/
INSTALAÇÃO DO WORKLIGHT
Instalação Java
*
Instalação Eclipse Kepler/Juno
*
Instalação Plugin
Eclipse → Help
CRIANDO UM APP HIBRIDO
Livraria
■
App consulta serviço REST/JSON
do Google Books
■
Consulta por autor e titulo
■
Programa é escrito em JS (main.js)
com Jquery
■
Interface em HTML 5 + Dojo
■
https://github.com/plucena/Livros
■
http://percivallucena.com/livros.apk
■
http://percivallucena.com/livros.ipa
Criando o Projeto
Estrutura do Projeto
Index.html – Ambiente Visual – Dojo/
Index.html
Index.html
Código Comum vs Customizações
Common code placed
in primary file
Environment optimization
code is maintained
separately
API REST GoogleBooks
client.js
client.js
O App
Arquitetura Worklight
Adpters
Worklight Adapters
■
Serviços Disponíveis para o app
móvel no Servidor Worklight
■
Conectar a outros sistemas
■
Conectar a middleware: BDS,
JMS, Webservices
Worklight SQL Adapter
■
Permite que o app se conecte a Bds
MySQL, Oracle e DB2
■
Driver JDBC deve ser copiado para
serverlib
Worklight SQL Adapter
■
Implementação em JS
■
Configuração em XML
Worklight SQL Adapter – SQLAdapter.xml
Worklight SQL Adapter – SQLAdapter-impl.js
1 – WL.Server.createSQLStatement é usado para criar a consulta
2- Função JS no caso GetAcounts vai ser disponibilizada para o cliente com
parametrização cliente recebe JSON como resposta
Código Cliente para chamar adapter / Resposta JSON
Perguntas
Obrigado

Worklight exemplo