O documento discute o framework Sencha Touch e o Phonegap. Ele explica que o Sencha Touch permite desenvolver aplicativos móveis ricos utilizando HTML5, CSS e JavaScript, enquanto o Phonegap empacota esses aplicativos para que possam ser distribuídos em diferentes plataformas móveis. O documento também lista alguns dos componentes e recursos disponíveis no Sencha Touch.

1. Sencha Touch e
Phonegap
Um novo mundo mobile
Zaedy Dantas Sayão
segunda-feira, 24 de outubro de 11

2. Zaedy who?
me = {
nome: ‘Zaedy Dantas Sayão’,
usuarioExtDesde: ‘2006’,
usuarioSenchaTouchDesde: ‘Sempre’,
twitter: ‘@zaedysayao’,
email: ‘zaedyjava@gmail.com’,
usuarioExtBrasil: ‘javaman’,
github: ‘javamanrj’
}
segunda-feira, 24 de outubro de 11

3. Write once
segunda-feira, 24 de outubro de 11

4. Write once
Run everywhere
segunda-feira, 24 de outubro de 11

5. Documentos
segunda-feira, 24 de outubro de 11

6. Documentos
segunda-feira, 24 de outubro de 11

7. Documentos
Aplicações
segunda-feira, 24 de outubro de 11

8. Thin Clients
segunda-feira, 24 de outubro de 11

9. Thin Clients
segunda-feira, 24 de outubro de 11

10. Thin Clients
Thick Clients
segunda-feira, 24 de outubro de 11

11. Um PC
segunda-feira, 24 de outubro de 11

12. Um PC
segunda-feira, 24 de outubro de 11

13. Um PC
Múltiplos Devices
segunda-feira, 24 de outubro de 11

14. Fixo
segunda-feira, 24 de outubro de 11

15. Fixo
segunda-feira, 24 de outubro de 11

16. Fixo
Móvel
segunda-feira, 24 de outubro de 11

17. Mundo Mobile
• Lançamento do Iphone - 2007
• Iphone com apps - 2008
• Ipad - 2010
segunda-feira, 24 de outubro de 11

18. Apps
segunda-feira, 24 de outubro de 11

19. segunda-feira, 24 de outubro de 11

20. segunda-feira, 24 de outubro de 11

21. segunda-feira, 24 de outubro de 11

22. segunda-feira, 24 de outubro de 11

23. segunda-feira, 24 de outubro de 11

24. segunda-feira, 24 de outubro de 11

25. segunda-feira, 24 de outubro de 11

26. segunda-feira, 24 de outubro de 11

27. segunda-feira, 24 de outubro de 11

28. segunda-feira, 24 de outubro de 11

29. segunda-feira, 24 de outubro de 11

30. segunda-feira, 24 de outubro de 11

31. ?
segunda-feira, 24 de outubro de 11

32. Qual você não vai atender?
Apple
6%2%
Android
27%
RIM
24% Microsoft
Symbian
41%
Top Smartphone Platforms
3 Month Avg. Ending Jun. 2011 2011
Total U.S. Smartphone Subscribers Ages 13+
Source: comScore MobiLens
segunda-feira, 24 de outubro de 11

33. Qual você não vai atender?
Apple
6%2%
Android
27%
RIM
24%
Obj-C Microsoft
Symbian
41%
Top Smartphone Platforms
3 Month Avg. Ending Jun. 2011 2011
Total U.S. Smartphone Subscribers Ages 13+
Source: comScore MobiLens
segunda-feira, 24 de outubro de 11

34. Qual você não vai atender?
Apple
6%2%
Android
27%
RIM
24%
Obj-C Microsoft
Symbian
Java 41%
Top Smartphone Platforms
3 Month Avg. Ending Jun. 2011 2011
Total U.S. Smartphone Subscribers Ages 13+
Source: comScore MobiLens
segunda-feira, 24 de outubro de 11

35. Qual você não vai atender?
Apple
6%2%
Android
Java 27%
RIM
24%
Obj-C Microsoft
Symbian
Java 41%
Top Smartphone Platforms
3 Month Avg. Ending Jun. 2011 2011
Total U.S. Smartphone Subscribers Ages 13+
Source: comScore MobiLens
segunda-feira, 24 de outubro de 11

36. Qual você não vai atender?
C#
Apple
6%2%
Android
Java 27%
RIM
24%
Obj-C Microsoft
Symbian
Java 41%
Top Smartphone Platforms
3 Month Avg. Ending Jun. 2011 2011
Total U.S. Smartphone Subscribers Ages 13+
Source: comScore MobiLens
segunda-feira, 24 de outubro de 11

37. Qual você não vai atender?
Symbian C++
C#
Apple
6%2%
Android
Java 27%
RIM
24%
Obj-C Microsoft
Symbian
Java 41%
Top Smartphone Platforms
3 Month Avg. Ending Jun. 2011 2011
Total U.S. Smartphone Subscribers Ages 13+
Source: comScore MobiLens
segunda-feira, 24 de outubro de 11

38. Aprender várias
linguagens?
segunda-feira, 24 de outubro de 11

39. Aprender várias
linguagens?
NÃO!
segunda-feira, 24 de outubro de 11

40. Um retorno a web
segunda-feira, 24 de outubro de 11

41. Um retorno a web
• Cross-plataform
• Descentralizado
• Fácil Atualização
• Ferramentas e skills familiares
• Tecnologia bem dominada
segunda-feira, 24 de outubro de 11

42. segunda-feira, 24 de outubro de 11

43. segunda-feira, 24 de outubro de 11

44. Uma nova arquitetura
mobile
CSS e Layouts
Javascript
HTML (Semântica)
segunda-feira, 24 de outubro de 11

45. Uma nova arquitetura
mobile
CSS e Layouts
Javascript
HTML (Semântica)
File Systems
DBs
App Cache
segunda-feira, 24 de outubro de 11

46. Uma nova arquitetura
mobile
CSS e Layouts
Javascript
HTML (Semântica)
File Systems Worker
DBs Parallel
App Cache Processing
segunda-feira, 24 de outubro de 11

47. Uma nova arquitetura
mobile
CSS e Layouts
Javascript
HTML (Semântica)
File Systems Worker
x-App
DBs Parallel
Messaging
App Cache Processing
segunda-feira, 24 de outubro de 11

48. Uma nova arquitetura
mobile
Device Acess CSS e Layouts
Câmera
Javascript
Geolocalização
Contatos
HTML (Semântica)
SMS
Orientação
File Systems Worker
x-App
DBs Parallel
Gyro Messaging
App Cache Processing
segunda-feira, 24 de outubro de 11

49. Uma nova arquitetura
mobile
Device Acess CSS e Layouts Server e Services
Câmera HTTP
Javascript
Geolocalização AJAX
Contatos Events
HTML (Semântica)
SMS Sockets
Orientação SSL
File Systems Worker
x-App
DBs Parallel
Gyro Messaging Mais...
App Cache Processing
segunda-feira, 24 de outubro de 11

50. O que somos capazes?
segunda-feira, 24 de outubro de 11

51. O que somos capazes?
segunda-feira, 24 de outubro de 11

52. O que somos capazes?
segunda-feira, 24 de outubro de 11

53. O que somos capazes?
segunda-feira, 24 de outubro de 11

54. O que somos capazes?
segunda-feira, 24 de outubro de 11

55. O que somos capazes?
segunda-feira, 24 de outubro de 11

56. O que queremos fazer?
segunda-feira, 24 de outubro de 11

57. O que queremos fazer?
segunda-feira, 24 de outubro de 11

58. O que queremos fazer?
segunda-feira, 24 de outubro de 11

59. O que queremos fazer?
segunda-feira, 24 de outubro de 11

60. O que queremos fazer?
segunda-feira, 24 de outubro de 11

61. O que queremos fazer?
segunda-feira, 24 de outubro de 11

62. Usuário quer?
segunda-feira, 24 de outubro de 11

63. Usuário quer?
USAR
segunda-feira, 24 de outubro de 11

64. A resposta
segunda-feira, 24 de outubro de 11

65. A resposta
SENCHA TOUCH
segunda-feira, 24 de outubro de 11

66. A empresa
segunda-feira, 24 de outubro de 11

67. A empresa
• www.sencha.com
• ExtJS
• Ext GWT
• Sencha Touch
• Sencha Animator
• Sencha.io
segunda-feira, 24 de outubro de 11

68. O que é?
segunda-feira, 24 de outubro de 11

69. O que é?
• Framework Javascript
• Rich mobile apps
• Web standards
• HTML5, CSS3 e JS
segunda-feira, 24 de outubro de 11

70. O que tem no Sencha
Touch?
segunda-feira, 24 de outubro de 11

71. O que tem no Sencha
Touch?
• Layouts e componentes
• Temas e ícones
• Orientação e Animação
• Eventos de Touch e scroll
• Data package
• MVC
• Gráficos
segunda-feira, 24 de outubro de 11

72. Componentes
segunda-feira, 24 de outubro de 11

73. Componentes
• List • Toolbars
• Nested, Grouped, • Botões
Sortable
• HTML
• Carousel
• Audio
• Picker
• Vídeo
• Overlay
• Geolocalização
• Slider
• Forms
segunda-feira, 24 de outubro de 11

74. List
segunda-feira, 24 de outubro de 11

75. Carousel
segunda-feira, 24 de outubro de 11

76. Sheets
segunda-feira, 24 de outubro de 11

77. Eventos
• Feito baseado em eventos nativos
• Abstração
• Eventos adicionais:
• Tap
• Double tap
• Tap and Hold
• Swipe
• Rotate
• Drag and drop
segunda-feira, 24 de outubro de 11

78. Data Package
• Model, Stores e Proxies
• Associations
• Validations
• Local e server storage
• Webservices
• JSON/P
• Ajax
• YQL
segunda-feira, 24 de outubro de 11

79. Temas
• CSS3
• SASS
• Temas flexíveis
• Otimizados
• Ex:
• $base-color: #ff6699
segunda-feira, 24 de outubro de 11

80. Gráficos
segunda-feira, 24 de outubro de 11

81. Write once, run
everywhere?
segunda-feira, 24 de outubro de 11

82. Write once, run
everywhere?
Quase!
segunda-feira, 24 de outubro de 11

83. Dispositivo mobile não
é uma Web com 320px!
segunda-feira, 24 de outubro de 11

84. segunda-feira, 24 de outubro de 11

85. Quase mas você pode
reaproveitar muito
código!
segunda-feira, 24 de outubro de 11

86. .
Web
. Mobile
.
.
Controllers
Models
Stores
Proxies
Server
segunda-feira, 24 de outubro de 11

87. Lembrando
Para dispositivos
móveis,
adapte mas escreva
apenas uma vez
sempre!
segunda-feira, 24 de outubro de 11

88. E como distribuir?
E como acessar o
device?
segunda-feira, 24 de outubro de 11

89. E como distribuir?
E como acessar o
device?
Phonegap!
segunda-feira, 24 de outubro de 11

90. O que é?
• “Empacotador”
• Deploy para várias plataformas
• Acesso nativo
segunda-feira, 24 de outubro de 11

91. O que suporta
• Acelerômetro • Device
• Câmera • Eventos
• Captura de sons, vídeos • Arquivos
e imagens
• Geolocalização
• Bússula
• Mídia
• Conexão
• Notificações
• Contatos
• Storage
segunda-feira, 24 de outubro de 11

92. Quero algo que não é
suportado
segunda-feira, 24 de outubro de 11

93. Quero algo que não é
suportado
Plugins
segunda-feira, 24 de outubro de 11

94. O que é possível fazer
segunda-feira, 24 de outubro de 11

95. O que é possível fazer
Com Sencha Touch +
Phonegap?
segunda-feira, 24 de outubro de 11

96. O que sua mente
permitir
segunda-feira, 24 de outubro de 11

97. O que sua mente
permitir
E seu chefe deixar....
segunda-feira, 24 de outubro de 11

98. Exemplos?
• www.sencha.com/apps
segunda-feira, 24 de outubro de 11

99. Perguntas?
segunda-feira, 24 de outubro de 11