Baixado 19 vezes
Carregado porLoiane Groner
FrontInFloripa 2013: Sencha Touch 2 e Phonegap
O documento apresenta as tecnologias Sencha Touch e PhoneGap para o desenvolvimento de aplicativos móveis multiplataforma. Sencha Touch é um framework HTML5 para criar interfaces ricas para dispositivos móveis, enquanto PhoneGap permite acesso a recursos nativos usando JavaScript. Apresenta exemplos demonstrando como essas tecnologias podem ser usadas juntas para criar aplicativos híbridos que rodam em múltiplas plataformas.
FrontInFloripa 2013: Sencha Touch 2 e Phonegap
- 1. Apps Mobile Multiplataformae OpenSource com Sencha Touch e Phonegap Loiane Groner http://loiane.com
- 2. Me, Myself &&I •Gerente de Desenv Projetos && Sencha Trainer •8+ XP TI •Java JUG Leader •Sencha Community Leader •http://loiane.com •@loiane
- 3.
- 4.
- 5.
- 6. “ O primeiro framework HTML5 mobiledo mercado. http://www.sencha.com/products/touch/
- 7. + Wrapper jQuery <HTML> DOM DOM Element DOMElement DOM Element … $(‘#selector’); append(); removeClass(); position();
- 8.
- 10.
- 11.
- 12. Plataforma Sencha Ext JS+ Touch
- 13.
- 14.
- 15.
- 16.
- 18.
- 20.
- 23.
- 25.
- 27.
- 28.
- 29. Local Storage Web SQL(SQLite)
- 30.
- 31.
- 32.
- 33.
- 34.
- 39.
- 40.
- 41. Server Side Web Execut aUI e Lógica de negó cio Web Server / ttp:/ h Java/ PHP/ Ruby/C# Web Browser Arquivos Banco de Imagens/ Dados Documentos Dispositivo um nas dor Ape riza de ren Backend
- 42. Client Side Web WebBrowser JavaScript Imagens/ Documentos de negó cio Web Server tp:// ht Sencha Touch Arquivos Lógica Banco de Dados caching UI e de Dispositivo uta gica xec e ) ló ma cio lgu egó (a n Java/ PHP/ Ruby/C# Arquivos Banco de Imagens/ Dados Documentos Backend
- 43. Client Side Web WebBrowser JavaScript Sencha Touch Arquivos Imagens/ Documentos Banco de Dados caching Dispositivo Web Server Java/ PHP/ Ruby/C# Arquivos Banco de Imagens/ Dados Documentos Backend
- 44. Client Side Web WebBrowser JavaScript Sencha Touch Arquivos Imagens/ Documentos Banco de Dados caching Dispositivo :// ttp h Web Server Java/ PHP/ Ruby/C# Arquivos Banco de Imagens/ Dados Documentos Backend
- 45. Client Side Web WebBrowser JavaScript Sencha Touch Web Server :// ttp h Java/ PHP/ Ruby/C# CORS Arquivos Banco de Banco Arquivos http://enable-cors.org/ Imagens/ Documentos de Dados caching Dispositivo Imagens/ Documentos Dados Backend
- 47.
- 48. “ Acesso Nativo ao Deviceusando apenas JavaScript. http://phonegap.com/
- 49.
- 50. App Híbrida App Nativa CódigoNativo Interpretador Lógica de negó cio Web Server tp:// ht Java/ PHP/ Ruby/C# :// ttp h PhoneGap JavaScript Sencha Touch / jQquery Mobile UI e de Dispositivo uta gica xec e ) ló ma cio lgu egó (a n Arquivos Banco de Imagens/ Dados Documentos Backend
- 51.
- 52. E vos declaro AppsMobile Híbridas
- 55.
- 56.
- 57.
- 58.
- 60.
- 61.
- 62.
- 64.
- 66.
- 68.
- 69.
- 71.
- 75.
- 76.
- 77.
- 78.
- 79.
- 81.