View
250
Download
0
Category
Preview:
Citation preview
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
1001010101011101001010010010101110100100110101010101001001001011110010011001010101001010101010010101010101010101010111111000001010101010101001001010101010101000111101010001111010100111010101111100101101111010001011001110
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
<!DOCTYPE html PUBLICcreated 2003-12</p></body></html>
10010101010111010010101010101010010010010111100100110010
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</title</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</title></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, WebOtimizações para cada ambiente• Código comum vs Personalizado• Opções para desenvolvimento nativo• Skins para cada tipo de dispostivoIntegraçã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 Touchhttp://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 placedin 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\server\lib
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
Recommended