Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Palestra sobre Sencha Touch + Phonegap

3,104 views

Published on

Slides do evento de Mobile pela Provider-It, da palestra de Sencha Touch + Phonegap

Published in: Technology
  • Be the first to comment

Palestra sobre 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’, ministraOnde: ‘iLearn’, 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

×