Worklight exemplo
•
1 gostou•579 visualizações
O documento discute a evolução da computação móvel, desde os modelos iniciais baseados em mainframe e cliente-servidor até os atuais modelos móveis baseados na nuvem. Apresenta três modelos de aplicativos móveis - nativos, híbridos e baseados na web - e discute as vantagens e desvantagens de cada um. Também fornece uma visão geral da plataforma Worklight para desenvolvimento de aplicativos híbridos.
Recomendados
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a Worklight exemplo
Semelhante a Worklight exemplo (20)
Mais de Percival Lucena
Mais de Percival Lucena (12)
Worklight exemplo
- 2. 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
- 3. Não é só o FrontEnd que está mudando...
- 4. 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
- 6. 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
- 7. Single DOM – WYSIWYG
- 8. Simuladores para teste (não nativo)
- 9. Worklight Console - Conexão com Backend
- 10. Primers - dojox/app • http://dojotoolkit.org/reference-guide/1.9/dojox/app.html *
- 15. Instalação Plugin Eclipse → Help
- 16. CRIANDO UM APP HIBRIDO
- 17. 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
- 20. Index.html – Ambiente Visual – Dojo/
- 21. Index.html
- 22. Index.html
- 23. Código Comum vs Customizações Common code placed in primary file Environment optimization code is maintained separately
- 25. client.js
- 26. client.js
- 27. O App
- 29. Adpters
- 30. Worklight Adapters ■ Serviços Disponíveis para o app móvel no Servidor Worklight ■ Conectar a outros sistemas ■ Conectar a middleware: BDS, JMS, Webservices
- 31. Worklight SQL Adapter ■ Permite que o app se conecte a Bds MySQL, Oracle e DB2 ■ Driver JDBC deve ser copiado para serverlib
- 32. Worklight SQL Adapter ■ Implementação em JS ■ Configuração em XML
- 33. Worklight SQL Adapter – SQLAdapter.xml
- 34. 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
- 35. Código Cliente para chamar adapter / Resposta JSON
- 36. Perguntas
- 37. Obrigado