palestra sencha touch 2
DESCRIPTION
Palestra realizada no IFCE na semana de tecnologia de 2012.2TRANSCRIPT
![Page 2: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/2.jpg)
75-80
82 91 2012
![Page 3: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/3.jpg)
Smartphones
Celulares
Tablets
Palm
![Page 4: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/4.jpg)
![Page 5: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/5.jpg)
![Page 6: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/6.jpg)
![Page 7: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/7.jpg)
![Page 8: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/8.jpg)
52%
32%
12% 4%
Plataformas - Maio 2012
Google Apple RIM Microsoft
Source: comScore MobiLens
![Page 9: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/9.jpg)
Aprender várias linguagens?
Ter várias equipes?
Bugs diferentes?
{não}
![Page 10: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/10.jpg)
HOJE! Java
![Page 11: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/11.jpg)
![Page 12: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/12.jpg)
Queremos isso!
![Page 13: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/13.jpg)
Resultados; Usar;
![Page 14: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/14.jpg)
JavaScript
Titanium
jQuery Mobile
Touch4J
iWebKit
iUI: iPhone
Zepto
Sencha Touch
Titanium4J GWT Mobile
![Page 15: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/15.jpg)
Touch
1º Framework Mobile JS + HTML5
![Page 16: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/16.jpg)
Ø Sencha ExtJS Ø Sencha GXT Ø Sencha Touch Ø Sencha Animator Ø Sencha.io Ø Sencha Architect
http://www.sencha.com
![Page 17: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/17.jpg)
Touch
Let’s Go!
![Page 18: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/18.jpg)
Touch 2
• Biblioteca baseada em JavaScript
• Padrão MVC
• Browser WebKit
• Open-source *
http://www.sencha.com/products/touch/
![Page 19: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/19.jpg)
Touch 2
ü Sencha Touch executa em iOS (iPhone e iPad);
ü Disposi?vos com Android
ü Na versão 1.1 – incluíram suporte ao BlackBerry 6
ü Na versão 2.0 – melhor renderização
![Page 20: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/20.jpg)
Touch 2
Native
Paradigmas Móveis
WebApps
Hybrid
![Page 21: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/21.jpg)
Touch 2 Arquitetura
MODEL VIEW CONTROLLER
STORE PROFILE
![Page 22: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/22.jpg)
Touch 2 O Que EU preciso?
ü Configurar o ambiente;
ü UM arquivo HTML;
ü Adicionar a biblioteca do ST2;
ü Estrutura de pastas (MVC);
ü Arquivos JS;
![Page 23: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/23.jpg)
Touch 2 Código base
http://localhost:8080/imc
![Page 24: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/24.jpg)
Touch 2 Classe
![Page 25: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/25.jpg)
Touch 2 Recursos
• Layouts
• Componentes
• Temas
• Icones
• Animação
• Orientação
• Mapas • Dados • Gráficos • Nativos
• Câmera • Geolocalização • Notificação • Rede • Push • Info. Dispositivo
• Temas
![Page 26: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/26.jpg)
NATIVO
![Page 27: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/27.jpg)
Touch 2 Lista
![Page 28: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/28.jpg)
SENCHA TOUCH DEMO
![Page 29: Palestra Sencha Touch 2](https://reader034.vdocuments.net/reader034/viewer/2022042602/5579a01cd8b42ac1148b4746/html5/thumbnails/29.jpg)
OBRIGADO!