Palestra Sencha Touch + Phonegap

1,020 views

Published on

Palestra de Sencha Touch + Phonegap por Zaedy Sayão

Published in: Technology
  • Be the first to comment

Palestra Sencha Touch + Phonegap

  1. 1. Sencha Touch e Phonegap Um novo mundo mobile Zaedy Dantas Sayãosegunda-feira, 24 de outubro de 11
  2. 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. 3. Write oncesegunda-feira, 24 de outubro de 11
  4. 4. Write once Run everywheresegunda-feira, 24 de outubro de 11
  5. 5. Documentossegunda-feira, 24 de outubro de 11
  6. 6. Documentossegunda-feira, 24 de outubro de 11
  7. 7. Documentos Aplicaçõessegunda-feira, 24 de outubro de 11
  8. 8. Thin Clientssegunda-feira, 24 de outubro de 11
  9. 9. Thin Clientssegunda-feira, 24 de outubro de 11
  10. 10. Thin Clients Thick Clientssegunda-feira, 24 de outubro de 11
  11. 11. Um PCsegunda-feira, 24 de outubro de 11
  12. 12. Um PCsegunda-feira, 24 de outubro de 11
  13. 13. Um PC Múltiplos Devicessegunda-feira, 24 de outubro de 11
  14. 14. Fixosegunda-feira, 24 de outubro de 11
  15. 15. Fixosegunda-feira, 24 de outubro de 11
  16. 16. Fixo Móvelsegunda-feira, 24 de outubro de 11
  17. 17. Mundo Mobile • Lançamento do Iphone - 2007 • Iphone com apps - 2008 • Ipad - 2010segunda-feira, 24 de outubro de 11
  18. 18. Appssegunda-feira, 24 de outubro de 11
  19. 19. segunda-feira, 24 de outubro de 11
  20. 20. segunda-feira, 24 de outubro de 11
  21. 21. segunda-feira, 24 de outubro de 11
  22. 22. segunda-feira, 24 de outubro de 11
  23. 23. segunda-feira, 24 de outubro de 11
  24. 24. segunda-feira, 24 de outubro de 11
  25. 25. segunda-feira, 24 de outubro de 11
  26. 26. segunda-feira, 24 de outubro de 11
  27. 27. segunda-feira, 24 de outubro de 11
  28. 28. segunda-feira, 24 de outubro de 11
  29. 29. segunda-feira, 24 de outubro de 11
  30. 30. segunda-feira, 24 de outubro de 11
  31. 31. ?segunda-feira, 24 de outubro de 11
  32. 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 MobiLenssegunda-feira, 24 de outubro de 11
  33. 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 MobiLenssegunda-feira, 24 de outubro de 11
  34. 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 MobiLenssegunda-feira, 24 de outubro de 11
  35. 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 MobiLenssegunda-feira, 24 de outubro de 11
  36. 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 MobiLenssegunda-feira, 24 de outubro de 11
  37. 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 MobiLenssegunda-feira, 24 de outubro de 11
  38. 38. Aprender várias linguagens?segunda-feira, 24 de outubro de 11
  39. 39. Aprender várias linguagens? NÃO!segunda-feira, 24 de outubro de 11
  40. 40. Um retorno a websegunda-feira, 24 de outubro de 11
  41. 41. Um retorno a web • Cross-plataform • Descentralizado • Fácil Atualização • Ferramentas e skills familiares • Tecnologia bem dominadasegunda-feira, 24 de outubro de 11
  42. 42. segunda-feira, 24 de outubro de 11
  43. 43. segunda-feira, 24 de outubro de 11
  44. 44. Uma nova arquitetura mobile CSS e Layouts Javascript HTML (Semântica)segunda-feira, 24 de outubro de 11
  45. 45. Uma nova arquitetura mobile CSS e Layouts Javascript HTML (Semântica) File Systems DBs App Cachesegunda-feira, 24 de outubro de 11
  46. 46. Uma nova arquitetura mobile CSS e Layouts Javascript HTML (Semântica) File Systems Worker DBs Parallel App Cache Processingsegunda-feira, 24 de outubro de 11
  47. 47. Uma nova arquitetura mobile CSS e Layouts Javascript HTML (Semântica) File Systems Worker x-App DBs Parallel Messaging App Cache Processingsegunda-feira, 24 de outubro de 11
  48. 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 Processingsegunda-feira, 24 de outubro de 11
  49. 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 Processingsegunda-feira, 24 de outubro de 11
  50. 50. O que somos capazes?segunda-feira, 24 de outubro de 11
  51. 51. O que somos capazes?segunda-feira, 24 de outubro de 11
  52. 52. O que somos capazes?segunda-feira, 24 de outubro de 11
  53. 53. O que somos capazes?segunda-feira, 24 de outubro de 11
  54. 54. O que somos capazes?segunda-feira, 24 de outubro de 11
  55. 55. O que somos capazes?segunda-feira, 24 de outubro de 11
  56. 56. O que queremos fazer?segunda-feira, 24 de outubro de 11
  57. 57. O que queremos fazer?segunda-feira, 24 de outubro de 11
  58. 58. O que queremos fazer?segunda-feira, 24 de outubro de 11
  59. 59. O que queremos fazer?segunda-feira, 24 de outubro de 11
  60. 60. O que queremos fazer?segunda-feira, 24 de outubro de 11
  61. 61. O que queremos fazer?segunda-feira, 24 de outubro de 11
  62. 62. Usuário quer?segunda-feira, 24 de outubro de 11
  63. 63. Usuário quer? USARsegunda-feira, 24 de outubro de 11
  64. 64. A respostasegunda-feira, 24 de outubro de 11
  65. 65. A resposta SENCHA TOUCHsegunda-feira, 24 de outubro de 11
  66. 66. A empresasegunda-feira, 24 de outubro de 11
  67. 67. A empresa • www.sencha.com • ExtJS • Ext GWT • Sencha Touch • Sencha Animator • Sencha.iosegunda-feira, 24 de outubro de 11
  68. 68. O que é?segunda-feira, 24 de outubro de 11
  69. 69. O que é? • Framework Javascript • Rich mobile apps • Web standards • HTML5, CSS3 e JSsegunda-feira, 24 de outubro de 11
  70. 70. O que tem no Sencha Touch?segunda-feira, 24 de outubro de 11
  71. 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áficossegunda-feira, 24 de outubro de 11
  72. 72. Componentessegunda-feira, 24 de outubro de 11
  73. 73. Componentes • List • Toolbars • Nested, Grouped, • Botões Sortable • HTML • Carousel • Audio • Picker • Vídeo • Overlay • Geolocalização • Slider • Formssegunda-feira, 24 de outubro de 11
  74. 74. Listsegunda-feira, 24 de outubro de 11
  75. 75. Carouselsegunda-feira, 24 de outubro de 11
  76. 76. Sheetssegunda-feira, 24 de outubro de 11
  77. 77. Eventos • Feito baseado em eventos nativos • Abstração • Eventos adicionais: • Tap • Double tap • Tap and Hold • Swipe • Rotate • Drag and dropsegunda-feira, 24 de outubro de 11
  78. 78. Data Package • Model, Stores e Proxies • Associations • Validations • Local e server storage • Webservices • JSON/P • Ajax • YQLsegunda-feira, 24 de outubro de 11
  79. 79. Temas • CSS3 • SASS • Temas flexíveis • Otimizados • Ex: • $base-color: #ff6699segunda-feira, 24 de outubro de 11
  80. 80. Gráficossegunda-feira, 24 de outubro de 11
  81. 81. Write once, run everywhere?segunda-feira, 24 de outubro de 11
  82. 82. Write once, run everywhere? Quase!segunda-feira, 24 de outubro de 11
  83. 83. Dispositivo mobile não é uma Web com 320px!segunda-feira, 24 de outubro de 11
  84. 84. segunda-feira, 24 de outubro de 11
  85. 85. Quase mas você pode reaproveitar muito código!segunda-feira, 24 de outubro de 11
  86. 86. . Web . Mobile . . Controllers Models Stores Proxies Serversegunda-feira, 24 de outubro de 11
  87. 87. Lembrando Para dispositivos móveis, adapte mas escreva apenas uma vez sempre!segunda-feira, 24 de outubro de 11
  88. 88. E como distribuir? E como acessar o device?segunda-feira, 24 de outubro de 11
  89. 89. E como distribuir? E como acessar o device? Phonegap!segunda-feira, 24 de outubro de 11
  90. 90. O que é? • “Empacotador” • Deploy para várias plataformas • Acesso nativosegunda-feira, 24 de outubro de 11
  91. 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 • Storagesegunda-feira, 24 de outubro de 11
  92. 92. Quero algo que não é suportadosegunda-feira, 24 de outubro de 11
  93. 93. Quero algo que não é suportado Pluginssegunda-feira, 24 de outubro de 11
  94. 94. O que é possível fazersegunda-feira, 24 de outubro de 11
  95. 95. O que é possível fazer Com Sencha Touch + Phonegap?segunda-feira, 24 de outubro de 11
  96. 96. O que sua mente permitirsegunda-feira, 24 de outubro de 11
  97. 97. O que sua mente permitir E seu chefe deixar....segunda-feira, 24 de outubro de 11
  98. 98. Exemplos? • www.sencha.com/appssegunda-feira, 24 de outubro de 11
  99. 99. Perguntas?segunda-feira, 24 de outubro de 11

×