Internet Explorer 9Adria FreixasMiebro del equipo de desarrolloInternet Explorer 91
AgendaOferta de navegadoresRepaso de versionesEvolución de la web¿Qué necesita el navegador?Qué incluye IE9CaracterísticasHTML5, CSS3PlatformPreviewsInternet Explorer 92
La oferta de navegadores es mas amplia que nunca!Internet Explorer 9 3
Repaso de las versionesInternet Explorer 94
La evolución de la web6,6 M de usuarios web en 200023 M de usuarios web en 2010Internet Explorer 95FUNCIONALSOCIALENRIQUECIDA6,6 millones de usuarios web en 2000
¿Qué necesita el navegador?Internet Explorer 96Ser mas rápido en los sites de hoy y de mañanaOfrecer protagonismo al siteProteger a los usuarios y su información privadaHomogeneizar la experiencia web
Que incluye IE 9Internet Explorer 97RapidezProtagonismo del siteSeguridad y fiabilidadInteroperabilidadCompatibilidad a nivel local
CaracterísticasSencillezBarra de notificaciónDiseño simplificadoPágina nueva pestañaPestañas mejoradasOne BoxMejor con Windows 7Internet Explorer 98
Sencillo|Barra de notificaciónNo interrumpe la navegaciónInforma de eventos y acciones a tomarMuestra información de estadoInternet Explorer 99
Sencillo | Diseño simplificadoInternet Explorer 910
Sencillo | Página nueva pestañaInternet Explorer 911
Sencillo | Pestañas mejoradasDivisión de pestañas y Windows Aero SnapCodificación de pestañas por coloresAislamiento de pestañaFunciones de pestañasCerrar pestaña individual / grupo de pestañas / Cerrar las demás pestañasAgrupar/desagrupar pestañasActualizar pestaña individual  /  todas las pestañasAbrir nueva pestañaDuplicar pestañasReabrir pestañas cerradasListado de pestañas recientemente cerradasInternet Explorer 912
Sencillo | One BoxBúsqueda desde la barra de direcciones.Entre a una dirección o realice una búsqueda todo ello desde el mimo sitio.InlineAutoCompleteInternet Explorer 913
Sencillo | Mejor con Windows 7IntegraciónJumpListsSitios ancladosControles de vista previa en miniaturaSuperposición de iconosInternet Explorer 914
Sencillo | Mejor con Windows 7Internet Explorer 915
CaracterísticasFiabilidadAsesor de rendimientoVista de compatibilidadFiltro de scripts de sitiosVisualización y seguimiento de las descargasInPrivate. Exploración y filtradoFiltro Smart ScreenInternet Explorer 916
FiabilidadAsesor de rendimientoAdd-onsAdvisor:Recuperación en caso de estáticaComplemento Performance AdvisorAislamiento de pestañasRecuperación automáticaRecuperación de pestañas estáticasInternet Explorer 917
FiabilidadVista de compatibilidadInternet Explorer 918
FiabilidadFiltro de scripts de sitiosCross Site Scripting  XSSMas habituales en sitios web dinámicosInternet Explorer 919
FiabilidadInPrivate. Exploración y FiltradoHistorial de exploraciónCookiesDatos de formulariosInternet Explorer 920
FiabilidadFiltro Smart ScreenFuncionalidad contraPhishingMalwarePermiteComprobar un site manualmenteDesactivar el filtroReportar una página inseguraControl mediante políticas de gruposAñadeApplicationReputationSmartScreenFilter - Microsoft WindowsInternet Explorer 9 Beta21
FiabilidadFiltro Smart ScreenIE9 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.99%95% navegador4% ApplicationReputationInternet Explorer 922
Sugerencias para protegerse del phishingProteja su información personal.Para ir a sitios web de confianza escriba la dirección de Internet directamente en la barra de direcciones.No envíe nunca información personal en un mensaje de correo electrónico, mensaje instantáneo o ventana emergente.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.Utilice únicamente sitios web que proporcionen declaraciones de privacidad o información acerca de la forma en la que usan su información personal.Revise con frecuencia sus extractos bancarios y su historial de tarjetas de crédito, y notifique cualquier actividad sospechosa.Internet Explorer 923
FiabilidadVisualización y seguimiento de las descargasInternet Explorer 924
Instalación e inicio mas rápidoProceso de instalación abreviado y simplificado.Tomar menos decisiones.No es necesario instalar actualizaciones por separado.Numerosos idiomas disponibles y LPI.Internet Explorer 9 25
Herramientas para desarrolladoresPrototipos rápidosPruebasDebbugingHacer ajustes dentro del código del navegador y tener un preview de los mismosConmutación usuario – agente | Tráfico de red | Perfilador de JavaScriptInternet Explorer 926
Soporte de políticas de gruposDisableadd-on performance notificationTurn off Managing SmartScreen FilterAllow Internet Explorer 8 Shutdown BehaviourAutomatically enable newly installed add-onsPreventDeletingDownloadHistoryEnableWebM softwarePrevent configuration of search from the Address barInstall binaries signed by MD2 and MD4 signing technologiesInternet Explorer 927
Herramientas de soporteBlockerToolkitInternet Explorer Administration Kit (IEAK)UnattendSettingsApplicationCompatibilityToolkitInternet Explorer 928
ComparativasComparativa IE 9Internet Explorer 929
HTML 5Estándares cross-browser como CSS y XHTMLAñade soporte a multimedia, canvas entre otrosEstandariza comportamiento cross-browserLa especificación sigue siendo un draft y sigue evolucionandoInternet Explorer 930
RápidoMejoras en el rendimientoSitios web y aplicaciones se cargan mas rápidamente y con mayor capacidad de respuesta.Navegación mas satisfactoria y envolvente10%  100% debido a la aceleración por hardwareSistema OperativoGPUDirextXTextos, videos y gráficos acelerados      por hardware (GPU accelaration & HTML 5) Internet Explorer 931
Fish in a Tankfish in a tankInternet Explorer 9 Beta32
Nuevo motor JavaScript - ChakraInternet Explorer 9 33ForegroundSource CodeParserASTInterpreterByteCodeBackground CompilerNative CodeBackgroundCompiled JavaScriptIn The BackgroundUsing Multiple Cores
DOM mejorado en IE9El responsable del DOM es W3C.Mayor compatibilidad del DOM en los niveles 2 y 3 (DOM L2 y DOM 3).Suministra la jerarquía de herencia de objetos DOM correcta de acuerdo a W3C  par DOM L2 y L3.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.Se incrementa la interoperabilidad con otros exploradores.Los objetos DOM se representan como objetos JavaScript nativos, suministrado mejoras de rendimiento en varios escenarios. Evita realizar cast innecesarios.Internet Explorer 9 34
DOM mejorado en IE9Extensibilidad de los objetos DOM selectiva, a través de Object.preventExtensionsCompatibilidad JSON de objetos del DOM.Características de objetos JavaScript nativos mediante herencia, como por ej: hasOwnProperty, toString, etc.Excepciones W3C DOM: nuevos tipos de excepciones obtenidos del API del DOM.Internet Explorer 9 35
HTML5 GPU PoweredInternet Explorer 936CSS 3 Media QueriesCanvasSVG 1.1 2nd EdtionWeb FontsCSS 3 Background & Borders ModuleHardware Accelerated<video>CSS 3 Color Models RGBA, HSLA, OpacityHardware Accelerated<audio>
CanvasIncluye: PathsCuadradosCírculosTextoImágenes rasterizadasLos objetos se les tiene que asignar un ID, los canvas y objetos forman parte del DOM y son manipulables por javascript.Internet Explorer 9 37
Scalable Vector Graphics (SVG)Crear objetos vectoriales 2D usando XMLFormas en lugar de píxelesBasado en SVG 1.1 2nd EditionSoporte a:Acceso a DOMDocumentstructure, scripting, styling, paths, shapes, colors, transforms, gradients, patterns, marking, cliping, markers, linking y viewsInternet Explorer 938
HTML5 <audio>Soporte a <audio>MP3 y AACAcceso a DOMAtributosSrcAutoplayControlspreloadInternet Explorer 939
HTML <video>Soporte de HTML5 al elemento <video>Industry.standard MPEG-4/H.264 videoEl video puede ser mezclado con cualquier otro contenido en la páginaContenido HTML, imágenes, gráficos SVGAceleración por hardware, código GPUAtributosSrcAutoplayControlsPreloadLoopHeight & widthInternet Explorer 9 40
WOFF Fonts & @font-faceWeb Open Font FormatLa fuente que quierasEl desarrollador incrusta la fuente en la webInternet Explorer 941
CSS3 Media QueriesSeleccionar contenido de acuerdo a las características del mismo.width, height, width-device, device-height, orientation aspect, ratio, device-aspect-ratio, color, color index, monochrome, and resolutionInternet Explorer 942
CSS3 ColorsCSS3 ColorColor alpha con rgba() y hsla ()Control de la transparencia con la propiedad opacidadCSS3 Color KeywordsSoporte total para CSS3 color keywordsPuede ser usado con cualquier propiedad que utilice propiedades de colorInternet Explorer 9 43
CSS3 Backgrounds & BordersInternet Explorer 9 44
PlatformPreviewsInternet Explorer 945
PlatformPreviewsInternet Explorer 946
PlatformPreviewIE PublicFeedback (Windows Live ID)Report Issue menu from the Platform PreviewIE TechFeedbackProgramIE DiagnosticsIE Pre-ReleaseNewsgroupInternet Explorer 947
IE Testing CenterInternet Explorer 948
HTML5 Test Suite ConformanceResultsInternet Explorer 949
Descubre la nueva experiencia webInternet Explorer 9 50
Gracias por su atención			¿Preguntas?Internet Explorer 951

Ie9 + html5

  • 1.
    Internet Explorer 9AdriaFreixasMiebro del equipo de desarrolloInternet Explorer 91
  • 2.
    AgendaOferta de navegadoresRepasode versionesEvolución de la web¿Qué necesita el navegador?Qué incluye IE9CaracterísticasHTML5, CSS3PlatformPreviewsInternet Explorer 92
  • 3.
    La oferta denavegadores es mas amplia que nunca!Internet Explorer 9 3
  • 4.
    Repaso de lasversionesInternet Explorer 94
  • 5.
    La evolución dela web6,6 M de usuarios web en 200023 M de usuarios web en 2010Internet Explorer 95FUNCIONALSOCIALENRIQUECIDA6,6 millones de usuarios web en 2000
  • 6.
    ¿Qué necesita elnavegador?Internet Explorer 96Ser mas rápido en los sites de hoy y de mañanaOfrecer protagonismo al siteProteger a los usuarios y su información privadaHomogeneizar la experiencia web
  • 7.
    Que incluye IE9Internet Explorer 97RapidezProtagonismo del siteSeguridad y fiabilidadInteroperabilidadCompatibilidad a nivel local
  • 8.
    CaracterísticasSencillezBarra de notificaciónDiseñosimplificadoPágina nueva pestañaPestañas mejoradasOne BoxMejor con Windows 7Internet Explorer 98
  • 9.
    Sencillo|Barra de notificaciónNointerrumpe la navegaciónInforma de eventos y acciones a tomarMuestra información de estadoInternet Explorer 99
  • 10.
    Sencillo | DiseñosimplificadoInternet Explorer 910
  • 11.
    Sencillo | Páginanueva pestañaInternet Explorer 911
  • 12.
    Sencillo | PestañasmejoradasDivisión de pestañas y Windows Aero SnapCodificación de pestañas por coloresAislamiento de pestañaFunciones de pestañasCerrar pestaña individual / grupo de pestañas / Cerrar las demás pestañasAgrupar/desagrupar pestañasActualizar pestaña individual / todas las pestañasAbrir nueva pestañaDuplicar pestañasReabrir pestañas cerradasListado de pestañas recientemente cerradasInternet Explorer 912
  • 13.
    Sencillo | OneBoxBúsqueda desde la barra de direcciones.Entre a una dirección o realice una búsqueda todo ello desde el mimo sitio.InlineAutoCompleteInternet Explorer 913
  • 14.
    Sencillo | Mejorcon Windows 7IntegraciónJumpListsSitios ancladosControles de vista previa en miniaturaSuperposición de iconosInternet Explorer 914
  • 15.
    Sencillo | Mejorcon Windows 7Internet Explorer 915
  • 16.
    CaracterísticasFiabilidadAsesor de rendimientoVistade compatibilidadFiltro de scripts de sitiosVisualización y seguimiento de las descargasInPrivate. Exploración y filtradoFiltro Smart ScreenInternet Explorer 916
  • 17.
    FiabilidadAsesor de rendimientoAdd-onsAdvisor:Recuperaciónen caso de estáticaComplemento Performance AdvisorAislamiento de pestañasRecuperación automáticaRecuperación de pestañas estáticasInternet Explorer 917
  • 18.
  • 19.
    FiabilidadFiltro de scriptsde sitiosCross Site Scripting  XSSMas habituales en sitios web dinámicosInternet Explorer 919
  • 20.
    FiabilidadInPrivate. Exploración yFiltradoHistorial de exploraciónCookiesDatos de formulariosInternet Explorer 920
  • 21.
    FiabilidadFiltro Smart ScreenFuncionalidadcontraPhishingMalwarePermiteComprobar un site manualmenteDesactivar el filtroReportar una página inseguraControl mediante políticas de gruposAñadeApplicationReputationSmartScreenFilter - Microsoft WindowsInternet Explorer 9 Beta21
  • 22.
    FiabilidadFiltro Smart ScreenIE9es 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.99%95% navegador4% ApplicationReputationInternet Explorer 922
  • 23.
    Sugerencias para protegersedel phishingProteja su información personal.Para ir a sitios web de confianza escriba la dirección de Internet directamente en la barra de direcciones.No envíe nunca información personal en un mensaje de correo electrónico, mensaje instantáneo o ventana emergente.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.Utilice únicamente sitios web que proporcionen declaraciones de privacidad o información acerca de la forma en la que usan su información personal.Revise con frecuencia sus extractos bancarios y su historial de tarjetas de crédito, y notifique cualquier actividad sospechosa.Internet Explorer 923
  • 24.
    FiabilidadVisualización y seguimientode las descargasInternet Explorer 924
  • 25.
    Instalación e iniciomas rápidoProceso de instalación abreviado y simplificado.Tomar menos decisiones.No es necesario instalar actualizaciones por separado.Numerosos idiomas disponibles y LPI.Internet Explorer 9 25
  • 26.
    Herramientas para desarrolladoresPrototiposrápidosPruebasDebbugingHacer ajustes dentro del código del navegador y tener un preview de los mismosConmutación usuario – agente | Tráfico de red | Perfilador de JavaScriptInternet Explorer 926
  • 27.
    Soporte de políticasde gruposDisableadd-on performance notificationTurn off Managing SmartScreen FilterAllow Internet Explorer 8 Shutdown BehaviourAutomatically enable newly installed add-onsPreventDeletingDownloadHistoryEnableWebM softwarePrevent configuration of search from the Address barInstall binaries signed by MD2 and MD4 signing technologiesInternet Explorer 927
  • 28.
    Herramientas de soporteBlockerToolkitInternetExplorer Administration Kit (IEAK)UnattendSettingsApplicationCompatibilityToolkitInternet Explorer 928
  • 29.
  • 30.
    HTML 5Estándares cross-browsercomo CSS y XHTMLAñade soporte a multimedia, canvas entre otrosEstandariza comportamiento cross-browserLa especificación sigue siendo un draft y sigue evolucionandoInternet Explorer 930
  • 31.
    RápidoMejoras en elrendimientoSitios web y aplicaciones se cargan mas rápidamente y con mayor capacidad de respuesta.Navegación mas satisfactoria y envolvente10%  100% debido a la aceleración por hardwareSistema OperativoGPUDirextXTextos, videos y gráficos acelerados por hardware (GPU accelaration & HTML 5) Internet Explorer 931
  • 32.
    Fish in aTankfish in a tankInternet Explorer 9 Beta32
  • 33.
    Nuevo motor JavaScript- ChakraInternet Explorer 9 33ForegroundSource CodeParserASTInterpreterByteCodeBackground CompilerNative CodeBackgroundCompiled JavaScriptIn The BackgroundUsing Multiple Cores
  • 34.
    DOM mejorado enIE9El responsable del DOM es W3C.Mayor compatibilidad del DOM en los niveles 2 y 3 (DOM L2 y DOM 3).Suministra la jerarquía de herencia de objetos DOM correcta de acuerdo a W3C par DOM L2 y L3.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.Se incrementa la interoperabilidad con otros exploradores.Los objetos DOM se representan como objetos JavaScript nativos, suministrado mejoras de rendimiento en varios escenarios. Evita realizar cast innecesarios.Internet Explorer 9 34
  • 35.
    DOM mejorado enIE9Extensibilidad de los objetos DOM selectiva, a través de Object.preventExtensionsCompatibilidad JSON de objetos del DOM.Características de objetos JavaScript nativos mediante herencia, como por ej: hasOwnProperty, toString, etc.Excepciones W3C DOM: nuevos tipos de excepciones obtenidos del API del DOM.Internet Explorer 9 35
  • 36.
    HTML5 GPU PoweredInternetExplorer 936CSS 3 Media QueriesCanvasSVG 1.1 2nd EdtionWeb FontsCSS 3 Background & Borders ModuleHardware Accelerated<video>CSS 3 Color Models RGBA, HSLA, OpacityHardware Accelerated<audio>
  • 37.
    CanvasIncluye: PathsCuadradosCírculosTextoImágenes rasterizadasLosobjetos se les tiene que asignar un ID, los canvas y objetos forman parte del DOM y son manipulables por javascript.Internet Explorer 9 37
  • 38.
    Scalable Vector Graphics(SVG)Crear objetos vectoriales 2D usando XMLFormas en lugar de píxelesBasado en SVG 1.1 2nd EditionSoporte a:Acceso a DOMDocumentstructure, scripting, styling, paths, shapes, colors, transforms, gradients, patterns, marking, cliping, markers, linking y viewsInternet Explorer 938
  • 39.
    HTML5 <audio>Soporte a<audio>MP3 y AACAcceso a DOMAtributosSrcAutoplayControlspreloadInternet Explorer 939
  • 40.
    HTML <video>Soporte deHTML5 al elemento <video>Industry.standard MPEG-4/H.264 videoEl video puede ser mezclado con cualquier otro contenido en la páginaContenido HTML, imágenes, gráficos SVGAceleración por hardware, código GPUAtributosSrcAutoplayControlsPreloadLoopHeight & widthInternet Explorer 9 40
  • 41.
    WOFF Fonts &@font-faceWeb Open Font FormatLa fuente que quierasEl desarrollador incrusta la fuente en la webInternet Explorer 941
  • 42.
    CSS3 Media QueriesSeleccionarcontenido de acuerdo a las características del mismo.width, height, width-device, device-height, orientation aspect, ratio, device-aspect-ratio, color, color index, monochrome, and resolutionInternet Explorer 942
  • 43.
    CSS3 ColorsCSS3 ColorColoralpha con rgba() y hsla ()Control de la transparencia con la propiedad opacidadCSS3 Color KeywordsSoporte total para CSS3 color keywordsPuede ser usado con cualquier propiedad que utilice propiedades de colorInternet Explorer 9 43
  • 44.
    CSS3 Backgrounds &BordersInternet Explorer 9 44
  • 45.
  • 46.
  • 47.
    PlatformPreviewIE PublicFeedback (WindowsLive ID)Report Issue menu from the Platform PreviewIE TechFeedbackProgramIE DiagnosticsIE Pre-ReleaseNewsgroupInternet Explorer 947
  • 48.
  • 49.
    HTML5 Test SuiteConformanceResultsInternet Explorer 949
  • 50.
    Descubre la nuevaexperiencia webInternet Explorer 9 50
  • 51.
    Gracias por suatención ¿Preguntas?Internet Explorer 951