HTML5

2,245 views

Published on

(spanish) Conferencia sobre HTML5 dictada en Colombia 3.0

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,245
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
0
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

HTML5

  1. 1. HTML5Lic. Maximiliano Firtman @firtwww.firt.mobi | Bogotá, 06/10/11 1
  2. 2. ¿Y  yo  quién  soy?  Lic.  Maximiliano  Firtman  @firt  
  3. 3. +10  años  
  4. 4. Mobile  iPhone  y  iPad   Android   Java   HTML5   Flex  y  AIR  
  5. 5. SiIos  
  6. 6.            Libros   www.mobilexweb.com
  7. 7. Futuros   Using the Latest Today Mobile HTML5 Estelle Weyl & Maximiliano Firtman
  8. 8. 9
  9. 9. “Casi  todas  las  aplicaciones,   incluyendo  las  móviles,  se  desarrollarán  con  HTML5  en  el   futuro”   Eric Schmidt, CEO de Google Febrero 2011 10
  10. 10. 11
  11. 11. Esto  no  es   más  la     web   12
  12. 12. Ahora  es  más  compleja   13
  13. 13. Ahora  es  más  compleja   Photo by World of Good (Flickr)Malvinas / Falklands Islands 14
  14. 14. Muchas  preguntas  Photo by wayneandwax (Flickr) 15
  15. 15. futurefriend.ly   16
  16. 16. HTML5,  HTML  5  y   estándares   17
  17. 17. +
  18. 18. +
  19. 19. ¿Qué  puedo   hacer?   20
  20. 20. SiIos  Web  MulIplataforma   webapps  instaladas  offline     Aplicaciones  naIvas  mobile  Aplicaciones  naIvas  Windows  8   21
  21. 21. ¿Qué  hay  de   nuevo?   22
  22. 22. Nuevas  eMquetas  semánMcas   23
  23. 23. Formularios   24
  24. 24. EMquetas  mulMmedia   25
  25. 25. ¿APIs  en  HTML5?   26
  26. 26. Drawing  2D  API   (aka  Canvas)   27
  27. 27. Offline  API    (aka  AppCache)   28
  28. 28. Web  Storage  API   29
  29. 29. Web  SQL  API     30
  30. 30. Web  Sockets  API   31
  31. 31. GeolocaMon  API   32
  32. 32. DeviceMoMon  y    DeviceOrientaMon  API   33
  33. 33. Web  Workers  API   34
  34. 34. Drag  and  Drop  API   35
  35. 35. File  API   36
  36. 36. Audio  API   37
  37. 37. Drawing  3D  API  (aka  WebGL)   38
  38. 38. NoMficaMons  API   39
  39. 39. Camera  API   40
  40. 40. CSS3   41
  41. 41. Nuevos  efectos   y  selectores   42
  42. 42. Nuevo  Flexible  Box  Model   43
  43. 43. Transiciones   44
  44. 44. Transformaciones   2D  y  3D   45
  45. 45. Animaciones   46
  46. 46. Web  Fonts   47
  47. 47. 48
  48. 48. SVG  y  SVG  inline   49
  49. 49. Data  URI   50
  50. 50. (mulM)  Touch  Events   51
  51. 51. Viewport   52
  52. 52. Pixel  RaMo   53
  53. 53. + Podremos crear un sólo código para todas las plataformas?
  54. 54. + Mejora Progresiva
  55. 55. Ejemplo!   56
  56. 56. + Diseño web que reacciona
  57. 57. Los  celulares  son  los  autos  voladores   Ejemplo!   58
  58. 58. + DATOS  72%  mobile      
  59. 59. + DATOS  +5  mil  millones      
  60. 60. +
  61. 61. layersstudio.net 62
  62. 62. + GRACIAS! firtman@gmail.com twitter.com/firt www.firt.mobi www.mobilexweb.com Picture from freedigitalphotos.net
  63. 63. + DATOS   2000  ¿Preocupó  el  Y2K  en  los   móviles?  ¿En  dónde?  
  64. 64. + DATOS   2000  ¿Preocupó  el  Y2K  en  los   móviles?  ¿En  dónde?   2003  ¿Teléfono  con  cámara?   no  seas  ridículo      
  65. 65. + DATOS   2000  ¿Preocupó  el  Y2K  en  los   móviles?  ¿En  dónde?   2003  ¿Teléfono  con  cámara?   no  seas  ridículo   2006  ¿Qué  es  el  iPhone?  
  66. 66. + DATOS   2000  ¿Preocupó  el  Y2K  en  los   móviles?  ¿En  dónde?   2003  ¿Teléfono  con  cámara?   no  seas  ridículo   2006  ¿Qué  es  el  iPhone?   2010  +5.000M  teléfonos  
  67. 67. + DATOS   2000  ¿Preocupó  el  Y2K  en  los   móviles?  ¿En  dónde?   2003  ¿Teléfono  con  cámara?   no  seas  ridículo   2006  ¿Qué  es  el  iPhone?   2010  +5.000M  teléfonos   2012  2x  smartphones  <-­‐>  PC  
  68. 68. + DATOS   2008  Nació  AppStore  con  500   apps     2011  Hay  decenas  de  Mendas  y   cientos  de  miles  de  apps     2013  29.500  M  dólares  en  apps  
  69. 69. + ¿por qué está bueno hacer mobile?
  70. 70. + FOCO  
  71. 71. + FOCO   Images from @lukew
  72. 72. + CONTEXTO   Images from @lukew
  73. 73. + CONTEXTO   Images from @lukew
  74. 74. + CONTEXTO  
  75. 75. + CONTEXTO   Sleep Cycle
  76. 76. + CONTEXTO   HappyWakeU p
  77. 77. +
  78. 78. + PERTENENCIA   DEMO  CON  USTEDES  
  79. 79. + VIAJA  CONMIGO  
  80. 80. + VIAJA  CONMIGO  
  81. 81. + ESTÁ  CERCA  MIO  
  82. 82. + 24x7
  83. 83. + ACCESO  DIARIO  
  84. 84. + ¿Cuántas veces mirás la pantalla por día?
  85. 85. + Si recibís una alerta, ¿cuánto tardás en verla?
  86. 86. + PROXÉMICA  
  87. 87. + PROXÉMICA  
  88. 88. + PROXÉMICA  
  89. 89. + PROXÉMICA  
  90. 90. + PROXÉMICA  
  91. 91. + PROXÉMICA   ESPACIO INTIMO •  15 a 45 cm •  El más importante •  El más caro •  Confianza •  Emocionalmente unidos •  Interacción con mirada, tacto y audio
  92. 92. + PROXÉMICA   ESPACIO INTIMO •  15 a 45 cm •  El más importante •  El más caro •  Confianza •  Emocionalmente unidos •  Interacción con mirada, tacto y audio
  93. 93. + MEJOR  NEGOCIO  
  94. 94. + MEJOR  NEGOCIO  n   +250  millones  de  usuarios  acIvos   en  Facebook  móvil  n   Los  usuarios  de  Facebook  en  el   móvil  son  el  doble  de  acIvos  
  95. 95. +

×