SlideShare una empresa de Scribd logo
1 de 51
Internet Explorer 9 Adria Freixas Miebro del equipo de desarrollo Internet Explorer 9 1
Agenda Oferta de navegadores Repaso de versiones Evolución de la web ¿Qué necesita el navegador? Qué incluye IE9 Características HTML5, CSS3 PlatformPreviews Internet Explorer 9 2
La oferta de navegadores es mas amplia que nunca! Internet Explorer 9  3
Repaso de las versiones Internet Explorer 9 4
La evolución de la web 6,6 M de usuarios web en 2000 23 M de usuarios web en 2010 Internet Explorer 9 5 FUNCIONAL SOCIAL ENRIQUECIDA 6,6 millones de usuarios web en 2000
¿Qué necesita el navegador? Internet Explorer 9 6 Ser mas rápido en los sites de hoy y de mañana Ofrecer protagonismo al site Proteger a los usuarios y su información privada Homogeneizar la experiencia web
Que incluye IE 9 Internet Explorer 9 7 Rapidez Protagonismo del site Seguridad y fiabilidad Interoperabilidad Compatibilidad a nivel local
Características Sencillez Barra de notificación Diseño simplificado Página nueva pestaña Pestañas mejoradas One Box Mejor con Windows 7 Internet Explorer 9 8
Sencillo|Barra de notificación No interrumpe la navegación Informa de eventos y acciones a tomar Muestra información de estado Internet Explorer 9 9
Sencillo | Diseño simplificado Internet Explorer 9 10
Sencillo | Página nueva pestaña Internet Explorer 9 11
Sencillo | Pestañas mejoradas División de pestañas y Windows Aero Snap Codificación de pestañas por colores Aislamiento de pestaña Funciones de pestañas Cerrar pestaña individual / grupo de pestañas / Cerrar las demás pestañas Agrupar/desagrupar pestañas Actualizar pestaña individual  /  todas las pestañas Abrir nueva pestaña Duplicar pestañas Reabrir pestañas cerradas Listado de pestañas recientemente cerradas Internet Explorer 9 12
Sencillo | One Box Búsqueda desde la barra de direcciones. Entre a una dirección o realice una búsqueda todo ello desde el mimo sitio. InlineAutoComplete Internet Explorer 9 13
Sencillo | Mejor con Windows 7 Integración JumpLists Sitios anclados Controles de vista previa en miniatura Superposición de iconos Internet Explorer 9 14
Sencillo | Mejor con Windows 7 Internet Explorer 9 15
Características Fiabilidad Asesor de rendimiento Vista de compatibilidad Filtro de scripts de sitios Visualización y seguimiento de las descargas InPrivate. Exploración y filtrado Filtro Smart Screen Internet Explorer 9 16
FiabilidadAsesor de rendimiento Add-onsAdvisor: Recuperación en caso de estática Complemento Performance Advisor Aislamiento de pestañas Recuperación automática Recuperación de pestañas estáticas Internet Explorer 9 17
FiabilidadVista de compatibilidad Internet Explorer 9 18
FiabilidadFiltro de scripts de sitios Cross Site Scripting  XSS Mas habituales en sitios web dinámicos Internet Explorer 9 19
FiabilidadInPrivate. Exploración y Filtrado Historial de exploración Cookies Datos de formularios Internet Explorer 9 20
FiabilidadFiltro Smart Screen Funcionalidad contra Phishing Malware Permite Comprobar un site manualmente Desactivar el filtro Reportar una página insegura Control mediante políticas de grupos Añade ApplicationReputation SmartScreenFilter - Microsoft Windows Internet Explorer 9 Beta 21
FiabilidadFiltro Smart Screen 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. 99% 95% navegador 4% Application Reputation Internet Explorer 9 22
Sugerencias para protegerse del phishing Proteja 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 9 23
FiabilidadVisualización y seguimiento de las descargas Internet Explorer 9 24
Instalación e inicio mas rápido Proceso 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 desarrolladores Prototipos rápidos Pruebas Debbuging Hacer ajustes dentro del código del navegador y tener un preview de los mismos Conmutación usuario – agente | Tráfico de red | Perfilador de JavaScript Internet Explorer 9 26
Soporte de políticas de grupos Disableadd-on performance notification Turn off Managing SmartScreen Filter Allow Internet Explorer 8 Shutdown Behaviour Automatically enable newly installed add-ons PreventDeletingDownloadHistory EnableWebM software Prevent configuration of search from the Address bar Install binaries signed by MD2 and MD4 signing technologies Internet Explorer 9 27
Herramientas de soporte BlockerToolkit Internet Explorer Administration Kit (IEAK) UnattendSettings ApplicationCompatibilityToolkit Internet Explorer 9 28
Comparativas Comparativa IE 9 Internet Explorer 9 29
HTML 5 Estándares cross-browser como CSS y XHTML Añade soporte a multimedia, canvas entre otros Estandariza comportamiento cross-browser La especificación sigue siendo un draft y sigue evolucionando Internet Explorer 9 30
RápidoMejoras en el rendimiento Sitios web y aplicaciones se cargan mas rápidamente y con mayor capacidad de respuesta. Navegación mas satisfactoria y envolvente 10%  100% debido a la aceleración por hardware Sistema Operativo GPU DirextX Textos, videos y gráficos acelerados       por hardware (GPU accelaration & HTML 5)  Internet Explorer 9 31
Fish in a Tank fish in a tank Internet Explorer 9 Beta 32
Nuevo motor JavaScript - Chakra Internet Explorer 9  33 Foreground Source Code Parser AST Interpreter ByteCode Background Compiler Native Code Background Compiled JavaScript In The Background Using Multiple Cores
DOM mejorado en IE9 El 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 IE9 Extensibilidad de los objetos DOM selectiva, a través de Object.preventExtensions Compatibilidad 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 Powered Internet Explorer 9 36 CSS 3 Media Queries Canvas SVG 1.1 2nd Edtion Web Fonts CSS 3 Background & Borders Module Hardware Accelerated <video> CSS 3 Color Models RGBA, HSLA, Opacity Hardware Accelerated <audio>
Canvas Incluye:  Paths Cuadrados Círculos Texto Imágenes rasterizadas Los 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 XML Formas en lugar de píxeles Basado en SVG 1.1 2nd Edition Soporte a: Acceso a DOM Documentstructure, scripting, styling, paths, shapes, colors, transforms, gradients, patterns, marking, cliping, markers, linking y views Internet Explorer 9 38
HTML5 <audio> Soporte a <audio> MP3 y AAC Acceso a DOM Atributos Src Autoplay Controls preload Internet Explorer 9 39
HTML <video> Soporte de HTML5 al elemento <video> Industry.standard MPEG-4/H.264 video El video puede ser mezclado con cualquier otro contenido en la página Contenido HTML, imágenes, gráficos SVG Aceleración por hardware, código GPU Atributos Src Autoplay Controls Preload Loop Height & width Internet Explorer 9  40
WOFF Fonts & @font-face Web Open Font Format La fuente que quieras El desarrollador incrusta la fuente en la web Internet Explorer 9 41
CSS3 Media Queries Seleccionar 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 resolution Internet Explorer 9 42
CSS3 Colors CSS3 Color Color alpha con rgba() y hsla () Control de la transparencia con la propiedad opacidad CSS3 Color Keywords Soporte total para CSS3 color keywords Puede ser usado con cualquier propiedad que utilice propiedades de color Internet Explorer 9  43
CSS3 Backgrounds & Borders Internet Explorer 9  44
PlatformPreviews Internet Explorer 9 45
PlatformPreviews Internet Explorer 9 46
PlatformPreview IE PublicFeedback (Windows Live ID) Report Issue menu from the Platform Preview IE TechFeedbackProgram IE Diagnostics IE Pre-ReleaseNewsgroup Internet Explorer 9 47
IE Testing Center Internet Explorer 9 48
HTML5 Test Suite ConformanceResults Internet Explorer 9 49
Descubre la nueva experiencia web Internet Explorer 9  50
Gracias por su atención 			¿Preguntas? Internet Explorer 9 51

Más contenido relacionado

Destacado

Leyenda de Monte perdido
Leyenda de Monte perdidoLeyenda de Monte perdido
Leyenda de Monte perdidoanamirandi
 
Collection o card-modèles
Collection o card-modèlesCollection o card-modèles
Collection o card-modèlesjeyx1986
 
Material didactico virtual
Material didactico virtualMaterial didactico virtual
Material didactico virtualsylviaoyarce
 
Présentation Destination Changemakers - Finale du Prix Moovjee
Présentation Destination Changemakers  - Finale du Prix MoovjeePrésentation Destination Changemakers  - Finale du Prix Moovjee
Présentation Destination Changemakers - Finale du Prix Moovjeedestinationchangemakers
 
Utilisez vos logiciels apple
Utilisez vos logiciels appleUtilisez vos logiciels apple
Utilisez vos logiciels appleJordan Rousse
 
CapCom13: AT4: S'appuyer sur des porte-parole -part2
CapCom13: AT4: S'appuyer sur des porte-parole -part2CapCom13: AT4: S'appuyer sur des porte-parole -part2
CapCom13: AT4: S'appuyer sur des porte-parole -part2Cap'Com
 
Descripción del proceso
Descripción del procesoDescripción del proceso
Descripción del proceson fa
 
Regals dels Reis Mags d'en Mario
Regals dels Reis Mags d'en MarioRegals dels Reis Mags d'en Mario
Regals dels Reis Mags d'en Mariosarespinh83
 
CapCom13: atelier particpatif sur les réseaux sociaux
CapCom13: atelier particpatif sur les réseaux sociauxCapCom13: atelier particpatif sur les réseaux sociaux
CapCom13: atelier particpatif sur les réseaux sociauxCap'Com
 
Presentación overlight
Presentación overlightPresentación overlight
Presentación overlightSilenceteam
 
Belles Vieilles Maisons du Quebec
Belles Vieilles Maisons du QuebecBelles Vieilles Maisons du Quebec
Belles Vieilles Maisons du QuebecFrescatiStory
 
He! coach, avez-vous des questions?
He! coach, avez-vous des questions?He! coach, avez-vous des questions?
He! coach, avez-vous des questions?Frederick Lussier
 
Dictamen blog quarta entrada
Dictamen blog quarta entradaDictamen blog quarta entrada
Dictamen blog quarta entradaRu Rug
 

Destacado (20)

Leyenda de Monte perdido
Leyenda de Monte perdidoLeyenda de Monte perdido
Leyenda de Monte perdido
 
Collection o card-modèles
Collection o card-modèlesCollection o card-modèles
Collection o card-modèles
 
Material didactico virtual
Material didactico virtualMaterial didactico virtual
Material didactico virtual
 
Présentation Destination Changemakers - Finale du Prix Moovjee
Présentation Destination Changemakers  - Finale du Prix MoovjeePrésentation Destination Changemakers  - Finale du Prix Moovjee
Présentation Destination Changemakers - Finale du Prix Moovjee
 
Utilisez vos logiciels apple
Utilisez vos logiciels appleUtilisez vos logiciels apple
Utilisez vos logiciels apple
 
Obéissance
ObéissanceObéissance
Obéissance
 
CapCom13: AT4: S'appuyer sur des porte-parole -part2
CapCom13: AT4: S'appuyer sur des porte-parole -part2CapCom13: AT4: S'appuyer sur des porte-parole -part2
CapCom13: AT4: S'appuyer sur des porte-parole -part2
 
Led
LedLed
Led
 
9496 oursfarouche
9496 oursfarouche9496 oursfarouche
9496 oursfarouche
 
Descripción del proceso
Descripción del procesoDescripción del proceso
Descripción del proceso
 
León
LeónLeón
León
 
Regals dels Reis Mags d'en Mario
Regals dels Reis Mags d'en MarioRegals dels Reis Mags d'en Mario
Regals dels Reis Mags d'en Mario
 
CapCom13: atelier particpatif sur les réseaux sociaux
CapCom13: atelier particpatif sur les réseaux sociauxCapCom13: atelier particpatif sur les réseaux sociaux
CapCom13: atelier particpatif sur les réseaux sociaux
 
Presentación overlight
Presentación overlightPresentación overlight
Presentación overlight
 
Belles Vieilles Maisons du Quebec
Belles Vieilles Maisons du QuebecBelles Vieilles Maisons du Quebec
Belles Vieilles Maisons du Quebec
 
La Martinique
La MartiniqueLa Martinique
La Martinique
 
Les chats de bb
Les chats de bbLes chats de bb
Les chats de bb
 
He! coach, avez-vous des questions?
He! coach, avez-vous des questions?He! coach, avez-vous des questions?
He! coach, avez-vous des questions?
 
Dictamen blog quarta entrada
Dictamen blog quarta entradaDictamen blog quarta entrada
Dictamen blog quarta entrada
 
Qué es la web 2
Qué es la web 2Qué es la web 2
Qué es la web 2
 

Similar a Ie9 + html5

Actividad 2 tecnologìa educativa
Actividad 2 tecnologìa educativaActividad 2 tecnologìa educativa
Actividad 2 tecnologìa educativapilywily
 
Como hacer sus sitios web más usables con Internet Explorer 9 y 10
Como hacer sus sitios web más usables con Internet Explorer 9 y 10Como hacer sus sitios web más usables con Internet Explorer 9 y 10
Como hacer sus sitios web más usables con Internet Explorer 9 y 10Juan Carlos Ruiz Pacheco
 
Oracle 9iAS Portal Business Presentation 2002
Oracle 9iAS Portal Business Presentation 2002Oracle 9iAS Portal Business Presentation 2002
Oracle 9iAS Portal Business Presentation 2002Carlos J Carvajalino
 
Los cuatro navegadores mas usados 2
Los cuatro navegadores mas usados 2Los cuatro navegadores mas usados 2
Los cuatro navegadores mas usados 2charminjose
 
Introducción a silverlight
Introducción a silverlightIntroducción a silverlight
Introducción a silverlightricardomeanaG9
 
Los navegadores web origen e historia
Los navegadores web origen e historiaLos navegadores web origen e historia
Los navegadores web origen e historiawellinton polanco
 
Webinar WebRTC y HTML5 (spanish) - Quobis
Webinar WebRTC y HTML5 (spanish) - QuobisWebinar WebRTC y HTML5 (spanish) - Quobis
Webinar WebRTC y HTML5 (spanish) - QuobisQuobis
 
Navegadores de internet
Navegadores de internetNavegadores de internet
Navegadores de internetmarcelab96
 
OpenVidu Commitconf 2018
OpenVidu Commitconf 2018 OpenVidu Commitconf 2018
OpenVidu Commitconf 2018 Micael Gallego
 
Dn11 u3 a3_cjy
Dn11 u3 a3_cjyDn11 u3 a3_cjy
Dn11 u3 a3_cjyyaalirio
 
Google chrome
Google chromeGoogle chrome
Google chrome4tan
 
Google chrome
Google chromeGoogle chrome
Google chrome5tia
 

Similar a Ie9 + html5 (20)

Actividad 2 tecnologìa educativa
Actividad 2 tecnologìa educativaActividad 2 tecnologìa educativa
Actividad 2 tecnologìa educativa
 
Como hacer sus sitios web más usables con Internet Explorer 9 y 10
Como hacer sus sitios web más usables con Internet Explorer 9 y 10Como hacer sus sitios web más usables con Internet Explorer 9 y 10
Como hacer sus sitios web más usables con Internet Explorer 9 y 10
 
Trabajo
TrabajoTrabajo
Trabajo
 
Trabajo
TrabajoTrabajo
Trabajo
 
Navegadores de internet
Navegadores de internetNavegadores de internet
Navegadores de internet
 
Oracle 9iAS Portal Business Presentation 2002
Oracle 9iAS Portal Business Presentation 2002Oracle 9iAS Portal Business Presentation 2002
Oracle 9iAS Portal Business Presentation 2002
 
Navegadores web
Navegadores webNavegadores web
Navegadores web
 
Los cuatro navegadores mas usados 2
Los cuatro navegadores mas usados 2Los cuatro navegadores mas usados 2
Los cuatro navegadores mas usados 2
 
Introducción a silverlight
Introducción a silverlightIntroducción a silverlight
Introducción a silverlight
 
Los navegadores web origen e historia
Los navegadores web origen e historiaLos navegadores web origen e historia
Los navegadores web origen e historia
 
Webinar WebRTC y HTML5 (spanish) - Quobis
Webinar WebRTC y HTML5 (spanish) - QuobisWebinar WebRTC y HTML5 (spanish) - Quobis
Webinar WebRTC y HTML5 (spanish) - Quobis
 
Navegadores de internet
Navegadores de internetNavegadores de internet
Navegadores de internet
 
(25.03) RUN 09 - Sesiones Desarrollo - SI 2.0
(25.03) RUN 09 - Sesiones Desarrollo - SI 2.0(25.03) RUN 09 - Sesiones Desarrollo - SI 2.0
(25.03) RUN 09 - Sesiones Desarrollo - SI 2.0
 
Maxthon
MaxthonMaxthon
Maxthon
 
OpenVidu Commitconf 2018
OpenVidu Commitconf 2018 OpenVidu Commitconf 2018
OpenVidu Commitconf 2018
 
Navegadores
NavegadoresNavegadores
Navegadores
 
Dn11 u3 a3_cjy
Dn11 u3 a3_cjyDn11 u3 a3_cjy
Dn11 u3 a3_cjy
 
El Nuevo Internet Explorer 9
El Nuevo Internet Explorer 9El Nuevo Internet Explorer 9
El Nuevo Internet Explorer 9
 
Google chrome
Google chromeGoogle chrome
Google chrome
 
Google chrome
Google chromeGoogle chrome
Google chrome
 

Más de MICTT Palma

Active directory ds ws2008 r2
Active directory ds ws2008 r2Active directory ds ws2008 r2
Active directory ds ws2008 r2MICTT Palma
 
Sharepoint 2010. Novedades y Mejoras.
Sharepoint 2010. Novedades y Mejoras.Sharepoint 2010. Novedades y Mejoras.
Sharepoint 2010. Novedades y Mejoras.MICTT Palma
 
¿Qué es la nube?
¿Qué es la nube?¿Qué es la nube?
¿Qué es la nube?MICTT Palma
 
Introduction to wcf solutions
Introduction to wcf solutionsIntroduction to wcf solutions
Introduction to wcf solutionsMICTT Palma
 
Introducción a web matrix
Introducción a web matrixIntroducción a web matrix
Introducción a web matrixMICTT Palma
 
WP7 HUB_XNA overview
WP7 HUB_XNA overviewWP7 HUB_XNA overview
WP7 HUB_XNA overviewMICTT Palma
 
WP7 HUB_Consuming Data Services
WP7 HUB_Consuming Data ServicesWP7 HUB_Consuming Data Services
WP7 HUB_Consuming Data ServicesMICTT Palma
 
WP7 HUB_Introducción a Visual Studio
WP7 HUB_Introducción a Visual StudioWP7 HUB_Introducción a Visual Studio
WP7 HUB_Introducción a Visual StudioMICTT Palma
 
WP7 HUB_Creando aplicaciones de Windows Phone
WP7 HUB_Creando aplicaciones de Windows PhoneWP7 HUB_Creando aplicaciones de Windows Phone
WP7 HUB_Creando aplicaciones de Windows PhoneMICTT Palma
 
WP7 HUB_Diseño del interfaz con Silverlight
WP7 HUB_Diseño del interfaz con SilverlightWP7 HUB_Diseño del interfaz con Silverlight
WP7 HUB_Diseño del interfaz con SilverlightMICTT Palma
 
WP7 HUB_Platform overview
WP7 HUB_Platform overviewWP7 HUB_Platform overview
WP7 HUB_Platform overviewMICTT Palma
 
WP7 HUB_Introducción a Silverlight
WP7 HUB_Introducción a SilverlightWP7 HUB_Introducción a Silverlight
WP7 HUB_Introducción a SilverlightMICTT Palma
 
WP7 HUB_Overview and application platform
WP7 HUB_Overview and application platformWP7 HUB_Overview and application platform
WP7 HUB_Overview and application platformMICTT Palma
 
WP7 HUB_Marketplace
WP7 HUB_MarketplaceWP7 HUB_Marketplace
WP7 HUB_MarketplaceMICTT Palma
 
WP7 HUB_Launch event WP7
WP7 HUB_Launch event WP7WP7 HUB_Launch event WP7
WP7 HUB_Launch event WP7MICTT Palma
 
WP7 HUB_Launch event Windows Azure
WP7 HUB_Launch event Windows AzureWP7 HUB_Launch event Windows Azure
WP7 HUB_Launch event Windows AzureMICTT Palma
 
WP7 HUB_Launch event introduction
WP7 HUB_Launch event introductionWP7 HUB_Launch event introduction
WP7 HUB_Launch event introductionMICTT Palma
 

Más de MICTT Palma (20)

Active directory ds ws2008 r2
Active directory ds ws2008 r2Active directory ds ws2008 r2
Active directory ds ws2008 r2
 
Office 365
Office 365Office 365
Office 365
 
Ad ds ws2008 r2
Ad ds ws2008 r2Ad ds ws2008 r2
Ad ds ws2008 r2
 
Sharepoint 2010. Novedades y Mejoras.
Sharepoint 2010. Novedades y Mejoras.Sharepoint 2010. Novedades y Mejoras.
Sharepoint 2010. Novedades y Mejoras.
 
¿Qué es la nube?
¿Qué es la nube?¿Qué es la nube?
¿Qué es la nube?
 
Introduction to wcf solutions
Introduction to wcf solutionsIntroduction to wcf solutions
Introduction to wcf solutions
 
Introducción a web matrix
Introducción a web matrixIntroducción a web matrix
Introducción a web matrix
 
WP7 HUB_XNA overview
WP7 HUB_XNA overviewWP7 HUB_XNA overview
WP7 HUB_XNA overview
 
WP7 HUB_Consuming Data Services
WP7 HUB_Consuming Data ServicesWP7 HUB_Consuming Data Services
WP7 HUB_Consuming Data Services
 
WP7 HUB_Introducción a Visual Studio
WP7 HUB_Introducción a Visual StudioWP7 HUB_Introducción a Visual Studio
WP7 HUB_Introducción a Visual Studio
 
WP7 HUB_Creando aplicaciones de Windows Phone
WP7 HUB_Creando aplicaciones de Windows PhoneWP7 HUB_Creando aplicaciones de Windows Phone
WP7 HUB_Creando aplicaciones de Windows Phone
 
WP7 HUB_Diseño del interfaz con Silverlight
WP7 HUB_Diseño del interfaz con SilverlightWP7 HUB_Diseño del interfaz con Silverlight
WP7 HUB_Diseño del interfaz con Silverlight
 
WP7 HUB_Platform overview
WP7 HUB_Platform overviewWP7 HUB_Platform overview
WP7 HUB_Platform overview
 
WP7 HUB_Introducción a Silverlight
WP7 HUB_Introducción a SilverlightWP7 HUB_Introducción a Silverlight
WP7 HUB_Introducción a Silverlight
 
WP7 HUB_Overview and application platform
WP7 HUB_Overview and application platformWP7 HUB_Overview and application platform
WP7 HUB_Overview and application platform
 
WP7 HUB_Marketplace
WP7 HUB_MarketplaceWP7 HUB_Marketplace
WP7 HUB_Marketplace
 
WP7 HUB_XNA
WP7 HUB_XNAWP7 HUB_XNA
WP7 HUB_XNA
 
WP7 HUB_Launch event WP7
WP7 HUB_Launch event WP7WP7 HUB_Launch event WP7
WP7 HUB_Launch event WP7
 
WP7 HUB_Launch event Windows Azure
WP7 HUB_Launch event Windows AzureWP7 HUB_Launch event Windows Azure
WP7 HUB_Launch event Windows Azure
 
WP7 HUB_Launch event introduction
WP7 HUB_Launch event introductionWP7 HUB_Launch event introduction
WP7 HUB_Launch event introduction
 

Ie9 + html5

  • 1. Internet Explorer 9 Adria Freixas Miebro del equipo de desarrollo Internet Explorer 9 1
  • 2. Agenda Oferta de navegadores Repaso de versiones Evolución de la web ¿Qué necesita el navegador? Qué incluye IE9 Características HTML5, CSS3 PlatformPreviews Internet Explorer 9 2
  • 3. La oferta de navegadores es mas amplia que nunca! Internet Explorer 9 3
  • 4. Repaso de las versiones Internet Explorer 9 4
  • 5. La evolución de la web 6,6 M de usuarios web en 2000 23 M de usuarios web en 2010 Internet Explorer 9 5 FUNCIONAL SOCIAL ENRIQUECIDA 6,6 millones de usuarios web en 2000
  • 6. ¿Qué necesita el navegador? Internet Explorer 9 6 Ser mas rápido en los sites de hoy y de mañana Ofrecer protagonismo al site Proteger a los usuarios y su información privada Homogeneizar la experiencia web
  • 7. Que incluye IE 9 Internet Explorer 9 7 Rapidez Protagonismo del site Seguridad y fiabilidad Interoperabilidad Compatibilidad a nivel local
  • 8. Características Sencillez Barra de notificación Diseño simplificado Página nueva pestaña Pestañas mejoradas One Box Mejor con Windows 7 Internet Explorer 9 8
  • 9. Sencillo|Barra de notificación No interrumpe la navegación Informa de eventos y acciones a tomar Muestra información de estado Internet Explorer 9 9
  • 10. Sencillo | Diseño simplificado Internet Explorer 9 10
  • 11. Sencillo | Página nueva pestaña Internet Explorer 9 11
  • 12. Sencillo | Pestañas mejoradas División de pestañas y Windows Aero Snap Codificación de pestañas por colores Aislamiento de pestaña Funciones de pestañas Cerrar pestaña individual / grupo de pestañas / Cerrar las demás pestañas Agrupar/desagrupar pestañas Actualizar pestaña individual / todas las pestañas Abrir nueva pestaña Duplicar pestañas Reabrir pestañas cerradas Listado de pestañas recientemente cerradas Internet Explorer 9 12
  • 13. Sencillo | One Box Búsqueda desde la barra de direcciones. Entre a una dirección o realice una búsqueda todo ello desde el mimo sitio. InlineAutoComplete Internet Explorer 9 13
  • 14. Sencillo | Mejor con Windows 7 Integración JumpLists Sitios anclados Controles de vista previa en miniatura Superposición de iconos Internet Explorer 9 14
  • 15. Sencillo | Mejor con Windows 7 Internet Explorer 9 15
  • 16. Características Fiabilidad Asesor de rendimiento Vista de compatibilidad Filtro de scripts de sitios Visualización y seguimiento de las descargas InPrivate. Exploración y filtrado Filtro Smart Screen Internet Explorer 9 16
  • 17. FiabilidadAsesor de rendimiento Add-onsAdvisor: Recuperación en caso de estática Complemento Performance Advisor Aislamiento de pestañas Recuperación automática Recuperación de pestañas estáticas Internet Explorer 9 17
  • 18. FiabilidadVista de compatibilidad Internet Explorer 9 18
  • 19. FiabilidadFiltro de scripts de sitios Cross Site Scripting  XSS Mas habituales en sitios web dinámicos Internet Explorer 9 19
  • 20. FiabilidadInPrivate. Exploración y Filtrado Historial de exploración Cookies Datos de formularios Internet Explorer 9 20
  • 21. FiabilidadFiltro Smart Screen Funcionalidad contra Phishing Malware Permite Comprobar un site manualmente Desactivar el filtro Reportar una página insegura Control mediante políticas de grupos Añade ApplicationReputation SmartScreenFilter - Microsoft Windows Internet Explorer 9 Beta 21
  • 22. FiabilidadFiltro Smart Screen 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. 99% 95% navegador 4% Application Reputation Internet Explorer 9 22
  • 23. Sugerencias para protegerse del phishing Proteja 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 9 23
  • 24. FiabilidadVisualización y seguimiento de las descargas Internet Explorer 9 24
  • 25. Instalación e inicio mas rápido Proceso 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 desarrolladores Prototipos rápidos Pruebas Debbuging Hacer ajustes dentro del código del navegador y tener un preview de los mismos Conmutación usuario – agente | Tráfico de red | Perfilador de JavaScript Internet Explorer 9 26
  • 27. Soporte de políticas de grupos Disableadd-on performance notification Turn off Managing SmartScreen Filter Allow Internet Explorer 8 Shutdown Behaviour Automatically enable newly installed add-ons PreventDeletingDownloadHistory EnableWebM software Prevent configuration of search from the Address bar Install binaries signed by MD2 and MD4 signing technologies Internet Explorer 9 27
  • 28. Herramientas de soporte BlockerToolkit Internet Explorer Administration Kit (IEAK) UnattendSettings ApplicationCompatibilityToolkit Internet Explorer 9 28
  • 29. Comparativas Comparativa IE 9 Internet Explorer 9 29
  • 30. HTML 5 Estándares cross-browser como CSS y XHTML Añade soporte a multimedia, canvas entre otros Estandariza comportamiento cross-browser La especificación sigue siendo un draft y sigue evolucionando Internet Explorer 9 30
  • 31. RápidoMejoras en el rendimiento Sitios web y aplicaciones se cargan mas rápidamente y con mayor capacidad de respuesta. Navegación mas satisfactoria y envolvente 10%  100% debido a la aceleración por hardware Sistema Operativo GPU DirextX Textos, videos y gráficos acelerados por hardware (GPU accelaration & HTML 5) Internet Explorer 9 31
  • 32. Fish in a Tank fish in a tank Internet Explorer 9 Beta 32
  • 33. Nuevo motor JavaScript - Chakra Internet Explorer 9 33 Foreground Source Code Parser AST Interpreter ByteCode Background Compiler Native Code Background Compiled JavaScript In The Background Using Multiple Cores
  • 34. DOM mejorado en IE9 El 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 en IE9 Extensibilidad de los objetos DOM selectiva, a través de Object.preventExtensions Compatibilidad 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 Powered Internet Explorer 9 36 CSS 3 Media Queries Canvas SVG 1.1 2nd Edtion Web Fonts CSS 3 Background & Borders Module Hardware Accelerated <video> CSS 3 Color Models RGBA, HSLA, Opacity Hardware Accelerated <audio>
  • 37. Canvas Incluye: Paths Cuadrados Círculos Texto Imágenes rasterizadas Los 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
  • 38. Scalable Vector Graphics (SVG) Crear objetos vectoriales 2D usando XML Formas en lugar de píxeles Basado en SVG 1.1 2nd Edition Soporte a: Acceso a DOM Documentstructure, scripting, styling, paths, shapes, colors, transforms, gradients, patterns, marking, cliping, markers, linking y views Internet Explorer 9 38
  • 39. HTML5 <audio> Soporte a <audio> MP3 y AAC Acceso a DOM Atributos Src Autoplay Controls preload Internet Explorer 9 39
  • 40. HTML <video> Soporte de HTML5 al elemento <video> Industry.standard MPEG-4/H.264 video El video puede ser mezclado con cualquier otro contenido en la página Contenido HTML, imágenes, gráficos SVG Aceleración por hardware, código GPU Atributos Src Autoplay Controls Preload Loop Height & width Internet Explorer 9 40
  • 41. WOFF Fonts & @font-face Web Open Font Format La fuente que quieras El desarrollador incrusta la fuente en la web Internet Explorer 9 41
  • 42. CSS3 Media Queries Seleccionar 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 resolution Internet Explorer 9 42
  • 43. CSS3 Colors CSS3 Color Color alpha con rgba() y hsla () Control de la transparencia con la propiedad opacidad CSS3 Color Keywords Soporte total para CSS3 color keywords Puede ser usado con cualquier propiedad que utilice propiedades de color Internet Explorer 9 43
  • 44. CSS3 Backgrounds & Borders Internet Explorer 9 44
  • 47. PlatformPreview IE PublicFeedback (Windows Live ID) Report Issue menu from the Platform Preview IE TechFeedbackProgram IE Diagnostics IE Pre-ReleaseNewsgroup Internet Explorer 9 47
  • 48. IE Testing Center Internet Explorer 9 48
  • 49. HTML5 Test Suite ConformanceResults Internet Explorer 9 49
  • 50. Descubre la nueva experiencia web Internet Explorer 9 50
  • 51. Gracias por su atención ¿Preguntas? Internet Explorer 9 51