1. Conozca las ventajas de la integración de Internet Explorer 9 con Windows 7 Gonzalo Pérez C. Microsoft MVP ASP.NET www.chalalo.cl @chalalo

2. Windows 7 Taskbar Overview Jump List Category Jump List Tasks

3. SitiosAnclados Objetivos Una relación más estrecha entre los usuarios y sus sitios favoritos Permitir a los sitios web promocionar su marca fuera del navegador La perfecta integración de sitios web en una experiencia de usuario similar al «escritorio» Los sitios web pueden interactuar con los usuarios como las aplicaciones de Windows Disponible para cualquier sitio web

4. ¿Qué son los SitiosAnclados? demo

5. PersonalizandoSitiosAnclados MSSiteMode APIs permite a los desarrolladorestener la capacidad de intregrarsussitios con la barra de tareas. Esta API se divide en dos grupos. Propiedades de los sitiosque son aplicables a cualquierusuario Informacióndinámicapara un usuario individual Animarse a promover los sitiosquetenganestacaracterística. Promover mi sitio!

6. Propiedades del sitioquepuedenseraplicables a cualquierusuario Nombre de la Aplicación Desktop Tooltips URL de Inicio Tamaño de la Ventana del sitioAnclado Colores del botón de avance y retroceso Estasfuncionalidadespuedenserimplementadas con los sgtsmetatags <meta name="application-name" content="Sample Site Mode Application"/> <meta name="msapplication-tooltip" content="Start the page in Site Mode"/> <meta name="msapplication-starturl" content="http://example.com/start.html"/> <meta name="msapplication-window" content="width=800;height=600"/> <meta name="msapplication-navbutton-color" content="red"/>

7. Jump List Tasks Estasfuncionalidadespuedenserimplementadas con los sgtsmetatags: Name msapplication-task Content name = Name Task action-uri = URI (absolute or relative) icon-uri = URI (absolute or relative) <META name="msapplication-task" content="name=Task 1;action-uri=http://host/Page1.html;icon-uri=http://host/icon1.ico"/> <META name="msapplication-task" content="name=Task 2;action-uri=http://microsoft.com/Page2.html;icon-uri=http://host/icon2.ico"/>

8. Anclando mi sitioJump List Tags demo

9. Información dinámica para un usuario individual Categorías Jump List Overlay Icons Thumbnail Toolbar Buttons

10. Categorías Jump List Puedeserusadoparamostrar Información de lasacciones del usuario Notificationes Historial Patron de Uso Crear la Categoría Crear la lista de Items Mostrar la Lista Limpiar la Lista window.external.msSiteModeCreateJumplist('List1'); window.external.msSiteModeAddJumpListItem('Item 1', 'http://host/Item1.html', 'http://host/images/item1.ico'); window.external.msSiteModeShowJumplist(); window.external.msSiteModeClearJumplist();

11. UsandoCategorías Jump List JS APIs demo

12. Overlay Icons Puedeusarseparamostrar Notificaciones Estados Patrón de Uso Setear Overlay Icon Esconder Overlay window.external.msSiteModeSetIconOverlay('http://host/images/overlay1.ico', 'Overlay 1'); window.external.msSiteModeClearIconOverlay();

13. Overlay Icons JS APIs demo

14. Thumbnail Toolbar Buttons Puedenutilizarseparainteractuar con el sitio sin tenerquerestablecer o activar la ventana del navegador Manejo de la interacción con Script del lado del Cliente Patrón de Uso Agregar el Botón Setear Event Handler MostrarBotón ModificarBotón AgregarEstilo al Button Style btn1 = window.external.msSiteModeAddThumbBarButton('http://host/images/button1.ico', 'button 1'); document.addEventListener('msthumbnailclick', handler1, false); window.external.msSiteModeShowThumbBar(); window.external.msSiteModeUpdateThumbBarButton(btn1, false, true);

15. Thumbnail Toolbar Buttons JS APIs demo

16. Limitaciones Jump List Tasks Máximo de 5 Tareas Jump List Categories Sólounacategoría Máximo de 20 Items Thumbnail Toolbar Buttons 7 Botonescomomáximo

17. Íconos Favicons usados en: Taskbar button (32x32) Pinned Site Browser UI (24x24) Otrosíconosusuarios: Jump List Task (16x16) Jump List Category Items (16x16) Thumbnail preview buttons (16x16) Overlay icons (16x16) El Tamaño de los íconos deben ser Recomendado: 16x16, 32x32, 48x48 Óptimo: 16x16, 24x24, 32x32, 64x64

18. Detección de lasCaracterísticas Hoy en día hay un error en IE9 Beta que no nos deja usar la característica de detección de patrón para la API MSSiteMode LaSoluciónes: if (window.external.msIsSiteMode) { // Check if the website was launched from a pinned site. if (window.external.msIsSiteMode()) { // TRUE } else { // FALSE } } try { if(window.external.msIsSiteMode()) { } else {} catch(e) { }

19. Recursos Descarga Internet Explorer 9 Beta http://labellezadeinternet.com/ o http://ietestdrive.com/ Comenzar a desarrollarsobreInternet Explorer 9 http://msdn.com/ie/ Ejemplos y Documentación de Pinned Site API http://msdn.microsoft.com/en-us/library/gg131029(VS.85).aspx Mantenerseinformadosobreúltimasnoticiasde IE9 http://blogs.msdn.com/ie/ http://blogs.msdn.com/b/ie/archive/2010/09/17/user-experiences-customizing-pinned-sites.aspx

20. IE9 DeveloperToolbar Microsoft Confidential 20

21. Más opciones para desarrolladores HTML 5 CSS3 Acelerado por HW Nuevo motor de JS, mucho más rápido Soporte Canvas Y mucho más! Visitar: http://msdn.microsoft.com/es-cl/ie/ff468705.aspx Microsoft Confidential 21