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

  • 491 views
Uploaded on

 

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
491
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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