O documento discute o framework Sencha Touch 2 para desenvolvimento de aplicações móveis. Ele apresenta as principais características do framework como o uso de JavaScript, padrão MVC e suporte a plataformas como iOS, Android e BlackBerry. Também descreve os principais recursos disponíveis no Sencha Touch 2 como layouts, componentes, temas, animações e integração com recursos nativos dos dispositivos.

1. APLICAÇÕES MÓVEIS COM
SENCHA TOUCH 2
Iury Teixeira
franciury@gmail.com

2. 75-80
82
91
2012

3. Smartphones
Celulares
Tablets
Palm

8. 52%
32%
12%
4%
Plataformas - Maio 2012
Google
Apple
RIM
Microsoft
Source: comScore MobiLens

9. Aprender várias
linguagens?
Ter várias equipes?
Bugs diferentes?
{não}

10. HOJE! Java

12. Queremos isso!

13. Resultados; Usar;

14. JavaScript
Titanium
jQuery Mobile
Touch4J
iWebKit
iUI: iPhone
Zepto
Sencha Touch
Titanium4J GWT Mobile

15. Touch
1ºFramework Mobile JS + HTML5

16. Ø Sencha
ExtJS
Ø Sencha
GXT
Ø Sencha
Touch
Ø Sencha
Animator
Ø Sencha.io
Ø Sencha
Architect
http://www.sencha.com

17. Touch
Let’s Go!

18. Touch 2
• Biblioteca baseada em JavaScript
• Padrão MVC
• Browser WebKit
• Open-source *
http://www.sencha.com/products/touch/

19. 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

20. Touch 2
Native
Paradigmas Móveis
WebApps
Hybrid

21. Touch 2
Arquitetura
MODEL VIEW CONTROLLER
STORE PROFILE

22. Touch 2
O Que EU preciso?
ü Configurar
o
ambiente;
ü UM
arquivo
HTML;
ü Adicionar
a
biblioteca
do
ST2;
ü Estrutura
de
pastas
(MVC);
ü Arquivos
JS;

23. Touch 2
Código base
http://localhost:8080/imc

24. Touch 2
Classe

25. 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

26. NATIVO

27. Touch 2
Lista

28. SENCHA TOUCH
DEMO

29. OBRIGADO!