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
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"/>
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();
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);
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
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