Your SlideShare is downloading. ×
Como hacer sus sitios web más usables con Internet Explorer 9 y 10
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

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

505
views

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
505
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
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