Your SlideShare is downloading. ×
Cómo hacer sus sitios más usables con Internet Explorer 9<br />
Los browsers son el nuevo núcleo del PC<br />
Para los desarrolladores el browser es el lugar donde se ejecutaran sus aplicaciones<br />
Los nuevos estándares de la industria y las nuevas exigencias del usuario<br />
HTML5<br />3 claves para crear aplicaciones web poderosas<br />Chakra<br />
Todos debemos crear aplicaciones que aprovechen de manera adecuada el hardware disponible <br />
El usuario está inmerso en la web<br />
¿Qué está pasando<br />
57% del tiempo en el computador es utilizado en el browser<br />
Qué hay de todas estas aplicaciones<br />
El browser es el teatro no la película ni la obra<br />
La web de manera nativa… a través de Windows<br />Sitios con brillo<br />Integrados con Windows 7 <br />Barra de direccion...
Sitios Anclados<br />
El sabor de nuestra aplicación<br />
Listas personalizadas<br />
Integrar nuestro sitio con el<br />escritorio de<br />
Colombia Ready!!!<br />
Tu sitio ready!!!<br />
Sitios Top<br />
HTML5<br />El Poder de<br />
Qué es HTML5?<br />HyperTextMarkupLanguage<br />versión 5<br />
Si bueno pero que es HTML?<br />
Estándar robusto<br />2000<br />1995<br />1998<br />2010<br />1989 - 1991<br />1999<br />Borrador<br />HTML 5.0<br />HTML ...
<ul><li>Html5 no sólo define cómo se deben analizar los documentos, sino también cómo se deben interpretar si no son válid...
Etiquetas con codecs para mostrar los contenidos multimedia (canvas 2D y 3D, audio, video) .
Etiquetas para manejar grandes conjuntos de datos (Datagrid, Details, menu y Command).
Mejoras en los formularios: nuevos tipos de datos (eMail, number, url, datetime …)
Visores: MathML (fórmulas matemáticas) y SVG (gráficos vectoriales).
Añade etiquetas para manejar la Web Semántica (Web 3.0): header, footer, article, nav, time( fecha del contenido)
Nuevas APIs y Javascript (API para hacer Drag & Drop)</li></ul>Novedades HTML5<br />
Audio,  Video, Texto y Canvas<br />
Audio<br />
Video<br />
Texto y Canvas<br />
Beneficios de HTML5 acelerado por hardware<br />
La GPU no es solo para jugar<br />
Todos tienen una GPU<br />Multi-Core CPU<br />GPU<br />
Implementación tradicional<br />Images<br />Text<br />Video<br />SVG<br />Canvas<br />CSS3<br />
Implementación de IE9<br />Images<br />Text<br />Video<br />SVG<br />Canvas<br />CSS3<br />El poder de DirectX, Direct2D y...
Otros<br />Images<br />Text<br />Video<br />SVG<br />Canvas<br />CSS3<br />El poder de DirectX, Direct2D y DirectWrite.<br />
Otros<br />Images<br />Text<br />Video<br />SVG<br />Canvas<br />CSS3<br />El poder de DirectX, Direct2D y DirectWrite.<br />
Same markup<br />Interoperable<br />
Trabajando con estándares<br />Member of many W3C Working Groups<br />Leading the W3C HTML5 Testing Task Force<br />The HT...
Definiendo “same markup”<br />
El estandard HTML5 aún es un borrador, tiene más de 1100 páginas y continua evolucionando<br />Atención: Borrador!<br />
HTML5 Acelerado por hardware - FishTank<br />
Chakra<br />
Qué es Chakra?<br />
Máquinas que utilizan los usuarios<br />
Maquinaria para ganar rendimiento<br />
Javascript – Multicore<br />
Subsistema de javascript en IE8<br />
Subsistema de javascript en IE9<br />
El resultado<br />
Compilación de javascript en segundo plano y optimizador<br />
Equilibro entre compilado e interpretado<br />
Interpretado<br />Core #1<br />Foreground<br />Parser<br />Interpreter<br />Byte Code<br />AST<br />Source Code<br />
Compilado<br />Core #1<br />Foreground<br />Parser<br />Interpreter<br />Byte Code<br />AST<br />Source Code<br />Core #2<...
Arquitectura<br />
Nivel 1<br />
Nivel 2<br />
Parser<br />
Generador de Bytecode<br />
Librerías de javascript<br />
DOM<br />
Benchmarks<br />
Benchmarks<br />
Sunspider<br />
Mozilla Kraken<br />Mozilla Kraken<br />
Acid3<br />
Upcoming SlideShare
Loading in...5
×

Como hacer sus sitios web más usables con Internet Explorer 9 y 10

518

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
518
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Como hacer sus sitios web más usables con Internet Explorer 9 y 10"

  1. 1. Cómo hacer sus sitios más usables con Internet Explorer 9<br />
  2. 2. Los browsers son el nuevo núcleo del PC<br />
  3. 3. Para los desarrolladores el browser es el lugar donde se ejecutaran sus aplicaciones<br />
  4. 4. Los nuevos estándares de la industria y las nuevas exigencias del usuario<br />
  5. 5. HTML5<br />3 claves para crear aplicaciones web poderosas<br />Chakra<br />
  6. 6. Todos debemos crear aplicaciones que aprovechen de manera adecuada el hardware disponible <br />
  7. 7. El usuario está inmerso en la web<br />
  8. 8. ¿Qué está pasando<br />
  9. 9. 57% del tiempo en el computador es utilizado en el browser<br />
  10. 10. Qué hay de todas estas aplicaciones<br />
  11. 11. El browser es el teatro no la película ni la obra<br />
  12. 12. La web de manera nativa… a través de Windows<br />Sitios con brillo<br />Integrados con Windows 7 <br />Barra de direcciones inteligente<br />Simple y calmado<br />Colocando el foco en sus sitios!<br />
  13. 13. Sitios Anclados<br />
  14. 14. El sabor de nuestra aplicación<br />
  15. 15. Listas personalizadas<br />
  16. 16. Integrar nuestro sitio con el<br />escritorio de<br />
  17. 17. Colombia Ready!!!<br />
  18. 18. Tu sitio ready!!!<br />
  19. 19. Sitios Top<br />
  20. 20. HTML5<br />El Poder de<br />
  21. 21. Qué es HTML5?<br />HyperTextMarkupLanguage<br />versión 5<br />
  22. 22. Si bueno pero que es HTML?<br />
  23. 23. Estándar robusto<br />2000<br />1995<br />1998<br />2010<br />1989 - 1991<br />1999<br />Borrador<br />HTML 5.0<br />HTML 4.0<br />HTML 1.0 Y 2.0<br />HTML 3.0<br />XHTML 1.0<br />HTML 4.1<br />
  24. 24. <ul><li>Html5 no sólo define cómo se deben analizar los documentos, sino también cómo se deben interpretar si no son válidos o si están mal formados.
  25. 25. Etiquetas con codecs para mostrar los contenidos multimedia (canvas 2D y 3D, audio, video) .
  26. 26. Etiquetas para manejar grandes conjuntos de datos (Datagrid, Details, menu y Command).
  27. 27. Mejoras en los formularios: nuevos tipos de datos (eMail, number, url, datetime …)
  28. 28. Visores: MathML (fórmulas matemáticas) y SVG (gráficos vectoriales).
  29. 29. Añade etiquetas para manejar la Web Semántica (Web 3.0): header, footer, article, nav, time( fecha del contenido)
  30. 30. Nuevas APIs y Javascript (API para hacer Drag & Drop)</li></ul>Novedades HTML5<br />
  31. 31. Audio, Video, Texto y Canvas<br />
  32. 32. Audio<br />
  33. 33. Video<br />
  34. 34. Texto y Canvas<br />
  35. 35. Beneficios de HTML5 acelerado por hardware<br />
  36. 36. La GPU no es solo para jugar<br />
  37. 37. Todos tienen una GPU<br />Multi-Core CPU<br />GPU<br />
  38. 38. Implementación tradicional<br />Images<br />Text<br />Video<br />SVG<br />Canvas<br />CSS3<br />
  39. 39. Implementación de IE9<br />Images<br />Text<br />Video<br />SVG<br />Canvas<br />CSS3<br />El poder de DirectX, Direct2D y DirectWrite.<br />
  40. 40. Otros<br />Images<br />Text<br />Video<br />SVG<br />Canvas<br />CSS3<br />El poder de DirectX, Direct2D y DirectWrite.<br />
  41. 41. Otros<br />Images<br />Text<br />Video<br />SVG<br />Canvas<br />CSS3<br />El poder de DirectX, Direct2D y DirectWrite.<br />
  42. 42. Same markup<br />Interoperable<br />
  43. 43. Trabajando con estándares<br />Member of many W3C Working Groups<br />Leading the W3C HTML5 Testing Task Force<br />The HTML Working Group<br />40 W3C Member Organizations<br />411 group participants<br />280 invited experts<br />9 mailing lists<br />~4000 emails on public-html<br />
  44. 44. Definiendo “same markup”<br />
  45. 45. El estandard HTML5 aún es un borrador, tiene más de 1100 páginas y continua evolucionando<br />Atención: Borrador!<br />
  46. 46. HTML5 Acelerado por hardware - FishTank<br />
  47. 47. Chakra<br />
  48. 48. Qué es Chakra?<br />
  49. 49. Máquinas que utilizan los usuarios<br />
  50. 50. Maquinaria para ganar rendimiento<br />
  51. 51. Javascript – Multicore<br />
  52. 52. Subsistema de javascript en IE8<br />
  53. 53. Subsistema de javascript en IE9<br />
  54. 54. El resultado<br />
  55. 55. Compilación de javascript en segundo plano y optimizador<br />
  56. 56. Equilibro entre compilado e interpretado<br />
  57. 57. Interpretado<br />Core #1<br />Foreground<br />Parser<br />Interpreter<br />Byte Code<br />AST<br />Source Code<br />
  58. 58. Compilado<br />Core #1<br />Foreground<br />Parser<br />Interpreter<br />Byte Code<br />AST<br />Source Code<br />Core #2<br />Background<br />Native Code<br />Background Compiler<br />
  59. 59. Arquitectura<br />
  60. 60. Nivel 1<br />
  61. 61. Nivel 2<br />
  62. 62. Parser<br />
  63. 63. Generador de Bytecode<br />
  64. 64. Librerías de javascript<br />
  65. 65. DOM<br />
  66. 66. Benchmarks<br />
  67. 67. Benchmarks<br />
  68. 68. Sunspider<br />
  69. 69.
  70. 70. Mozilla Kraken<br />Mozilla Kraken<br />
  71. 71. Acid3<br />
  72. 72.
  73. 73. HTML 5Benchmarks<br />http://www.kevs3d.co.uk/dev/asteroidsbench/<br />
  74. 74. Preguntas<br />
  75. 75. @JuanKRuiz<br />
  76. 76. http://www.facebook.com/arquitecto.software<br />

×