Internet Explorer 9<br />Adria Freixas<br />Miebro del equipo de desarrollo<br />Internet Explorer 9<br />1<br />
Agenda<br />Oferta de navegadores<br />Repaso de versiones<br />Evolución de la web<br />¿Qué necesita el navegador?<br />...
La oferta de navegadores es mas amplia que nunca!<br />Internet Explorer 9 <br />3<br />
Repaso de las versiones<br />Internet Explorer 9<br />4<br />
La evolución de la web<br />6,6 M de usuarios web en 2000<br />23 M de usuarios web en 2010<br />Internet Explorer 9<br />...
¿Qué necesita el navegador?<br />Internet Explorer 9<br />6<br />Ser mas rápido en los sites de hoy y de mañana<br />Ofrec...
Que incluye IE 9<br />Internet Explorer 9<br />7<br />Rapidez<br />Protagonismo del site<br />Seguridad y fiabilidad<br />...
Características<br />Sencillez<br />Barra de notificación<br />Diseño simplificado<br />Página nueva pestaña<br />Pestañas...
Sencillo|Barra de notificación<br />No interrumpe la navegación<br />Informa de eventos y acciones a tomar<br />Muestra in...
Sencillo | Diseño simplificado<br />Internet Explorer 9<br />10<br />
Sencillo | Página nueva pestaña<br />Internet Explorer 9<br />11<br />
Sencillo | Pestañas mejoradas<br />División de pestañas y Windows Aero Snap<br />Codificación de pestañas por colores<br /...
Sencillo | One Box<br />Búsqueda desde la barra de direcciones.<br />Entre a una dirección o realice una búsqueda todo ell...
Sencillo | Mejor con Windows 7<br />Integración<br />JumpLists<br />Sitios anclados<br />Controles de vista previa en mini...
Sencillo | Mejor con Windows 7<br />Internet Explorer 9<br />15<br />
Características<br />Fiabilidad<br />Asesor de rendimiento<br />Vista de compatibilidad<br />Filtro de scripts de sitios<b...
FiabilidadAsesor de rendimiento<br />Add-onsAdvisor:<br />Recuperación en caso de estática<br />Complemento Performance Ad...
FiabilidadVista de compatibilidad<br />Internet Explorer 9<br />18<br />
FiabilidadFiltro de scripts de sitios<br />Cross Site Scripting  XSS<br />Mas habituales en sitios web dinámicos<br />Int...
FiabilidadInPrivate. Exploración y Filtrado<br />Historial de exploración<br />Cookies<br />Datos de formularios<br />Inte...
FiabilidadFiltro Smart Screen<br />Funcionalidad contra<br />Phishing<br />Malware<br />Permite<br />Comprobar un site man...
FiabilidadFiltro Smart Screen<br />IE9 es el navegador más seguro a la hora de bloquear la amenaza más importante - malwar...
Sugerencias para protegerse del phishing<br />Proteja su información personal.<br />Para ir a sitios web de confianza escr...
FiabilidadVisualización y seguimiento de las descargas<br />Internet Explorer 9<br />24<br />
Instalación e inicio mas rápido<br />Proceso de instalación abreviado y simplificado.<br />Tomar menos decisiones.<br />No...
Herramientas para desarrolladores<br />Prototipos rápidos<br />Pruebas<br />Debbuging<br />Hacer ajustes dentro del código...
Soporte de políticas de grupos<br />Disableadd-on performance notification<br />Turn off Managing SmartScreen Filter<br />...
Herramientas de soporte<br />BlockerToolkit<br />Internet Explorer Administration Kit (IEAK)<br />UnattendSettings<br />Ap...
Comparativas<br />Comparativa IE 9<br />Internet Explorer 9<br />29<br />
HTML 5<br />Estándares cross-browser como CSS y XHTML<br />Añade soporte a multimedia, canvas entre otros<br />Estandariza...
RápidoMejoras en el rendimiento<br />Sitios web y aplicaciones se cargan mas rápidamente y con mayor capacidad de respuest...
Fish in a Tank<br />fish in a tank<br />Internet Explorer 9 Beta<br />32<br />
Nuevo motor JavaScript - Chakra<br />Internet Explorer 9 <br />33<br />Foreground<br />Source Code<br />Parser<br />AST<br...
DOM mejorado en IE9<br />El responsable del DOM es W3C.<br />Mayor compatibilidad del DOM en los niveles 2 y 3 (DOM L2 y D...
DOM mejorado en IE9<br />Extensibilidad de los objetos DOM selectiva, a través de Object.preventExtensions<br />Compatibil...
HTML5 GPU Powered<br />Internet Explorer 9<br />36<br />CSS 3 Media Queries<br />Canvas<br />SVG 1.1 2nd Edtion<br />Web F...
Canvas<br />Incluye: <br />Paths<br />Cuadrados<br />Círculos<br />Texto<br />Imágenes rasterizadas<br />Los objetos se le...
Scalable Vector Graphics (SVG)<br />Crear objetos vectoriales 2D usando XML<br />Formas en lugar de píxeles<br />Basado en...
HTML5 <audio><br />Soporte a <audio><br />MP3 y AAC<br />Acceso a DOM<br />Atributos<br />Src<br />Autoplay<br />Controls<...
HTML <video><br />Soporte de HTML5 al elemento <video><br />Industry.standard MPEG-4/H.264 video<br />El video puede ser m...
WOFF Fonts & @font-face<br />Web Open Font Format<br />La fuente que quieras<br />El desarrollador incrusta la fuente en l...
CSS3 Media Queries<br />Seleccionar contenido de acuerdo a las características del mismo.<br />width, height, width-device...
CSS3 Colors<br />CSS3 Color<br />Color alpha con rgba() y hsla ()<br />Control de la transparencia con la propiedad opacid...
CSS3 Backgrounds & Borders<br />Internet Explorer 9 <br />44<br />
PlatformPreviews<br />Internet Explorer 9<br />45<br />
PlatformPreviews<br />Internet Explorer 9<br />46<br />
PlatformPreview<br />IE PublicFeedback (Windows Live ID)<br />Report Issue menu from the Platform Preview<br />IE TechFeed...
IE Testing Center<br />Internet Explorer 9<br />48<br />
HTML5 Test Suite ConformanceResults<br />Internet Explorer 9<br />49<br />
Descubre la nueva experiencia web<br />Internet Explorer 9 <br />50<br />
Gracias por su atención<br />			¿Preguntas?<br />Internet Explorer 9<br />51<br />
Próxima SlideShare
Cargando en…5
×

Ie9 + html5

929 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
929
En SlideShare
0
De insertados
0
Número de insertados
3
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Ie9 + html5

  1. 1. Internet Explorer 9<br />Adria Freixas<br />Miebro del equipo de desarrollo<br />Internet Explorer 9<br />1<br />
  2. 2. Agenda<br />Oferta de navegadores<br />Repaso de versiones<br />Evolución de la web<br />¿Qué necesita el navegador?<br />Qué incluye IE9<br />Características<br />HTML5, CSS3<br />PlatformPreviews<br />Internet Explorer 9<br />2<br />
  3. 3. La oferta de navegadores es mas amplia que nunca!<br />Internet Explorer 9 <br />3<br />
  4. 4. Repaso de las versiones<br />Internet Explorer 9<br />4<br />
  5. 5. La evolución de la web<br />6,6 M de usuarios web en 2000<br />23 M de usuarios web en 2010<br />Internet Explorer 9<br />5<br />FUNCIONAL<br />SOCIAL<br />ENRIQUECIDA<br />6,6 millones de usuarios web en 2000<br />
  6. 6. ¿Qué necesita el navegador?<br />Internet Explorer 9<br />6<br />Ser mas rápido en los sites de hoy y de mañana<br />Ofrecer protagonismo al site<br />Proteger a los usuarios y su información privada<br />Homogeneizar la experiencia web<br />
  7. 7. Que incluye IE 9<br />Internet Explorer 9<br />7<br />Rapidez<br />Protagonismo del site<br />Seguridad y fiabilidad<br />Interoperabilidad<br />Compatibilidad a nivel local<br />
  8. 8. Características<br />Sencillez<br />Barra de notificación<br />Diseño simplificado<br />Página nueva pestaña<br />Pestañas mejoradas<br />One Box<br />Mejor con Windows 7<br />Internet Explorer 9<br />8<br />
  9. 9. Sencillo|Barra de notificación<br />No interrumpe la navegación<br />Informa de eventos y acciones a tomar<br />Muestra información de estado<br />Internet Explorer 9<br />9<br />
  10. 10. Sencillo | Diseño simplificado<br />Internet Explorer 9<br />10<br />
  11. 11. Sencillo | Página nueva pestaña<br />Internet Explorer 9<br />11<br />
  12. 12. Sencillo | Pestañas mejoradas<br />División de pestañas y Windows Aero Snap<br />Codificación de pestañas por colores<br />Aislamiento de pestaña<br />Funciones de pestañas<br />Cerrar pestaña individual / grupo de pestañas / Cerrar las demás pestañas<br />Agrupar/desagrupar pestañas<br />Actualizar pestaña individual / todas las pestañas<br />Abrir nueva pestaña<br />Duplicar pestañas<br />Reabrir pestañas cerradas<br />Listado de pestañas recientemente cerradas<br />Internet Explorer 9<br />12<br />
  13. 13. Sencillo | One Box<br />Búsqueda desde la barra de direcciones.<br />Entre a una dirección o realice una búsqueda todo ello desde el mimo sitio.<br />InlineAutoComplete<br />Internet Explorer 9<br />13<br />
  14. 14. Sencillo | Mejor con Windows 7<br />Integración<br />JumpLists<br />Sitios anclados<br />Controles de vista previa en miniatura<br />Superposición de iconos<br />Internet Explorer 9<br />14<br />
  15. 15. Sencillo | Mejor con Windows 7<br />Internet Explorer 9<br />15<br />
  16. 16. Características<br />Fiabilidad<br />Asesor de rendimiento<br />Vista de compatibilidad<br />Filtro de scripts de sitios<br />Visualización y seguimiento de las descargas<br />InPrivate. Exploración y filtrado<br />Filtro Smart Screen<br />Internet Explorer 9<br />16<br />
  17. 17. FiabilidadAsesor de rendimiento<br />Add-onsAdvisor:<br />Recuperación en caso de estática<br />Complemento Performance Advisor<br />Aislamiento de pestañas<br />Recuperación automática<br />Recuperación de pestañas estáticas<br />Internet Explorer 9<br />17<br />
  18. 18. FiabilidadVista de compatibilidad<br />Internet Explorer 9<br />18<br />
  19. 19. FiabilidadFiltro de scripts de sitios<br />Cross Site Scripting  XSS<br />Mas habituales en sitios web dinámicos<br />Internet Explorer 9<br />19<br />
  20. 20. FiabilidadInPrivate. Exploración y Filtrado<br />Historial de exploración<br />Cookies<br />Datos de formularios<br />Internet Explorer 9<br />20<br />
  21. 21. FiabilidadFiltro Smart Screen<br />Funcionalidad contra<br />Phishing<br />Malware<br />Permite<br />Comprobar un site manualmente<br />Desactivar el filtro<br />Reportar una página insegura<br />Control mediante políticas de grupos<br />Añade<br />ApplicationReputation<br />SmartScreenFilter - Microsoft Windows<br />Internet Explorer 9 Beta<br />21<br />
  22. 22. FiabilidadFiltro Smart Screen<br />IE9 es el navegador más seguro a la hora de bloquear la amenaza más importante - malwarede ingeniaría social - que encontramos hoy en día al desarrollar la actividad más habitual en internet - la navegación online.<br />99%<br />95% navegador<br />4% Application<br />Reputation<br />Internet Explorer 9<br />22<br />
  23. 23. Sugerencias para protegerse del phishing<br />Proteja su información personal.<br />Para ir a sitios web de confianza escriba la dirección de Internet directamente en la barra de direcciones.<br />No envíe nunca información personal en un mensaje de correo electrónico, mensaje instantáneo o ventana emergente.<br />No haga clic en vínculos de mensajes de correo electrónico y mensajes instantáneos de desconocidos o en cualquier otro vínculo que parezca sospechoso. Puesto que incluso pueden falsificarse los mensajes de familiares y amigos, consulte al remitente para asegurarse de que el mensaje proviene realmente de quien dice provenir.<br />Utilice únicamente sitios web que proporcionen declaraciones de privacidad o información acerca de la forma en la que usan su información personal.<br />Revise con frecuencia sus extractos bancarios y su historial de tarjetas de crédito, y notifique cualquier actividad sospechosa.<br />Internet Explorer 9<br />23<br />
  24. 24. FiabilidadVisualización y seguimiento de las descargas<br />Internet Explorer 9<br />24<br />
  25. 25. Instalación e inicio mas rápido<br />Proceso de instalación abreviado y simplificado.<br />Tomar menos decisiones.<br />No es necesario instalar actualizaciones por separado.<br />Numerosos idiomas disponibles y LPI.<br />Internet Explorer 9 <br />25<br />
  26. 26. Herramientas para desarrolladores<br />Prototipos rápidos<br />Pruebas<br />Debbuging<br />Hacer ajustes dentro del código del navegador y tener un preview de los mismos<br />Conmutación usuario – agente | Tráfico de red | Perfilador de JavaScript<br />Internet Explorer 9<br />26<br />
  27. 27. Soporte de políticas de grupos<br />Disableadd-on performance notification<br />Turn off Managing SmartScreen Filter<br />Allow Internet Explorer 8 Shutdown Behaviour<br />Automatically enable newly installed add-ons<br />PreventDeletingDownloadHistory<br />EnableWebM software<br />Prevent configuration of search from the Address bar<br />Install binaries signed by MD2 and MD4 signing technologies<br />Internet Explorer 9<br />27<br />
  28. 28. Herramientas de soporte<br />BlockerToolkit<br />Internet Explorer Administration Kit (IEAK)<br />UnattendSettings<br />ApplicationCompatibilityToolkit<br />Internet Explorer 9<br />28<br />
  29. 29. Comparativas<br />Comparativa IE 9<br />Internet Explorer 9<br />29<br />
  30. 30. HTML 5<br />Estándares cross-browser como CSS y XHTML<br />Añade soporte a multimedia, canvas entre otros<br />Estandariza comportamiento cross-browser<br />La especificación sigue siendo un draft y sigue evolucionando<br />Internet Explorer 9<br />30<br />
  31. 31. RápidoMejoras en el rendimiento<br />Sitios web y aplicaciones se cargan mas rápidamente y con mayor capacidad de respuesta.<br />Navegación mas satisfactoria y envolvente<br />10%  100% debido a la aceleración por hardware<br />Sistema Operativo<br />GPU<br />DirextX<br />Textos, videos y gráficos acelerados <br /> por hardware (GPU accelaration & HTML 5) <br />Internet Explorer 9<br />31<br />
  32. 32. Fish in a Tank<br />fish in a tank<br />Internet Explorer 9 Beta<br />32<br />
  33. 33. Nuevo motor JavaScript - Chakra<br />Internet Explorer 9 <br />33<br />Foreground<br />Source Code<br />Parser<br />AST<br />Interpreter<br />ByteCode<br />Background Compiler<br />Native Code<br />Background<br />Compiled JavaScript<br />In The Background<br />Using Multiple Cores<br />
  34. 34. DOM mejorado en IE9<br />El responsable del DOM es W3C.<br />Mayor compatibilidad del DOM en los niveles 2 y 3 (DOM L2 y DOM 3).<br />Suministra la jerarquía de herencia de objetos DOM correcta de acuerdo a W3C par DOM L2 y L3.<br />Las páginas en modo IE9, informan de los nombres reales a tipos de objetos COM en uso por parte del motor Chakra que se alinea con los estándares W3C L2 y L3.<br />Se incrementa la interoperabilidad con otros exploradores.<br />Los objetos DOM se representan como objetos JavaScript nativos, suministrado mejoras de rendimiento en varios escenarios. Evita realizar cast innecesarios.<br />Internet Explorer 9 <br />34<br />
  35. 35. DOM mejorado en IE9<br />Extensibilidad de los objetos DOM selectiva, a través de Object.preventExtensions<br />Compatibilidad JSON de objetos del DOM.<br />Características de objetos JavaScript nativos mediante herencia, como por ej: hasOwnProperty, toString, etc.<br />Excepciones W3C DOM: nuevos tipos de excepciones obtenidos del API del DOM.<br />Internet Explorer 9 <br />35<br />
  36. 36. HTML5 GPU Powered<br />Internet Explorer 9<br />36<br />CSS 3 Media Queries<br />Canvas<br />SVG 1.1 2nd Edtion<br />Web Fonts<br />CSS 3 Background & Borders Module<br />Hardware Accelerated<br /><video><br />CSS 3 Color Models RGBA, HSLA, Opacity<br />Hardware Accelerated<br /><audio><br />
  37. 37. Canvas<br />Incluye: <br />Paths<br />Cuadrados<br />Círculos<br />Texto<br />Imágenes rasterizadas<br />Los objetos se les tiene que asignar un ID, los canvas y objetos forman parte del DOM y son manipulables por javascript.<br />Internet Explorer 9 <br />37<br />
  38. 38. Scalable Vector Graphics (SVG)<br />Crear objetos vectoriales 2D usando XML<br />Formas en lugar de píxeles<br />Basado en SVG 1.1 2nd Edition<br />Soporte a:<br />Acceso a DOM<br />Documentstructure, scripting, styling, paths, shapes, colors, transforms, gradients, patterns, marking, cliping, markers, linking y views<br />Internet Explorer 9<br />38<br />
  39. 39. HTML5 <audio><br />Soporte a <audio><br />MP3 y AAC<br />Acceso a DOM<br />Atributos<br />Src<br />Autoplay<br />Controls<br />preload<br />Internet Explorer 9<br />39<br />
  40. 40. HTML <video><br />Soporte de HTML5 al elemento <video><br />Industry.standard MPEG-4/H.264 video<br />El video puede ser mezclado con cualquier otro contenido en la página<br />Contenido HTML, imágenes, gráficos SVG<br />Aceleración por hardware, código GPU<br />Atributos<br />Src<br />Autoplay<br />Controls<br />Preload<br />Loop<br />Height & width<br />Internet Explorer 9 <br />40<br />
  41. 41. WOFF Fonts & @font-face<br />Web Open Font Format<br />La fuente que quieras<br />El desarrollador incrusta la fuente en la web<br />Internet Explorer 9<br />41<br />
  42. 42. CSS3 Media Queries<br />Seleccionar contenido de acuerdo a las características del mismo.<br />width, height, width-device, device-height, orientation aspect, ratio, device-aspect-ratio, color, color index, monochrome, and resolution<br />Internet Explorer 9<br />42<br />
  43. 43. CSS3 Colors<br />CSS3 Color<br />Color alpha con rgba() y hsla ()<br />Control de la transparencia con la propiedad opacidad<br />CSS3 Color Keywords<br />Soporte total para CSS3 color keywords<br />Puede ser usado con cualquier propiedad que utilice propiedades de color<br />Internet Explorer 9 <br />43<br />
  44. 44. CSS3 Backgrounds & Borders<br />Internet Explorer 9 <br />44<br />
  45. 45. PlatformPreviews<br />Internet Explorer 9<br />45<br />
  46. 46. PlatformPreviews<br />Internet Explorer 9<br />46<br />
  47. 47. PlatformPreview<br />IE PublicFeedback (Windows Live ID)<br />Report Issue menu from the Platform Preview<br />IE TechFeedbackProgram<br />IE Diagnostics<br />IE Pre-ReleaseNewsgroup<br />Internet Explorer 9<br />47<br />
  48. 48. IE Testing Center<br />Internet Explorer 9<br />48<br />
  49. 49. HTML5 Test Suite ConformanceResults<br />Internet Explorer 9<br />49<br />
  50. 50. Descubre la nueva experiencia web<br />Internet Explorer 9 <br />50<br />
  51. 51. Gracias por su atención<br /> ¿Preguntas?<br />Internet Explorer 9<br />51<br />

×