APLICAÇÕES MÓVEIS COM SENCHA TOUCH 2

Iury Teixeira franciury@gmail.com

75-80

82 91 2012

Smartphones

Celulares

Tablets

Palm

52%

32%

12% 4%

Plataformas - Maio 2012

Google Apple RIM Microsoft

Source: comScore MobiLens

Aprender várias linguagens?

Ter várias equipes?

Bugs diferentes?

{não}

HOJE! Java

Queremos isso!

Resultados; Usar;

JavaScript

Titanium

jQuery Mobile

Touch4J

iWebKit

iUI: iPhone

Zepto

Sencha Touch

Titanium4J GWT Mobile

Touch

1º Framework Mobile JS + HTML5

Ø Sencha  ExtJS  Ø Sencha  GXT  Ø Sencha  Touch  Ø Sencha  Animator  Ø Sencha.io  Ø Sencha  Architect  

http://www.sencha.com

Touch

Let’s Go!

Touch 2

•  Biblioteca baseada em JavaScript

•  Padrão MVC

•  Browser WebKit

•  Open-source *

http://www.sencha.com/products/touch/

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  

Touch 2

Native

Paradigmas Móveis

WebApps

Hybrid

Touch 2 Arquitetura

MODEL VIEW CONTROLLER

STORE PROFILE

Touch 2 O Que EU preciso?

ü Configurar  o  ambiente;  

ü UM  arquivo  HTML;  

ü Adicionar  a  biblioteca  do  ST2;  

ü  Estrutura  de  pastas  (MVC);  

ü Arquivos  JS;  

Touch 2 Código base

http://localhost:8080/imc

Touch 2 Classe

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

NATIVO

Touch 2 Lista

SENCHA TOUCH DEMO

OBRIGADO!