Este documento apresenta uma introdução ao framework Sencha Touch 2 para desenvolvimento de aplicações móveis ricas usando padrões web. Explica que o Sencha Touch é o primeiro framework JavaScript para esse fim e permite desenvolver apps cross-platform reutilizando habilidades web. Também descreve os principais componentes, layouts, temas e funcionalidades como animações, eventos touch e arquitetura MVC.
16. Arquitura Mobile Hoje
Fontes Video Audio Gráficos
CSS e Layouts
Javascript
Semântica HTML
17. Arquitura Mobile Hoje
Fontes Video Audio Gráficos
CSS e Layouts
Javascript
Semântica HTML
Sist. Arquivos
Processamento
DB Mensagens
Paralelo
Cache
18. Arquitura Mobile Hoje
Servidor e
Fontes Video Audio Gráficos Serviços
HTTP
CSS e Layouts
AJAX
Javascript
Eventos
Semântica HTML Sockets
SSL
Sist. Arquivos
Processamento
DB Mensagens
Paralelo E mais...
Cache
19. Arquitura Mobile Hoje
Acesso Servidor e
Dispositivo Fontes Video Audio Gráficos Serviços
Câmera HTTP
CSS e Layouts
GeoLocalização AJAX
Javascript
Contatos Eventos
SMS Semântica HTML Sockets
Orientação SSL
Sist. Arquivos
Processamento
DB Mensagens
Gyro Paralelo E mais...
Cache
30. Eventos Touch
Baseado em Eventos Nativos
Abstraído para Performance
Eventos Adicionais:
- Tap
- Double tap
- Tap & hold - Swipe
- Rotate
- Drag & drop
31. Data Package
Models, Stores, e Proxies
- Associations
- Validation
- Local & server storage
Consumir web services
- JSON/P
- XML
- YQL
32. Temas
Theming
Use CSS3 & SASS
Use CSS3 & SASS
- Flexible themes
- Flexible themes
CSS3 com
- Highly optimized
- Highly optimized
Sass e Compass
e.g.
e.g.
$base-color: #ff6699
$base-color:
41. PhoneGap!
PhoneGap
Plataforma que permite que você empacote a
aplicação web e tenha acesso a API do dispositivo
http://phonegap.com
http://phonegap.com