Ppt workshop ie9
Descargar como PPTX, PDF0 recomendaciones405 vistas
Este documento describe las ventajas de integrar sitios web con Internet Explorer 9 y Windows 7 a través de la característica de Sitios Anclados. Explica cómo los desarrolladores pueden personalizar sitios anclados usando APIs que permiten agregar tareas a la lista de actividades, categorías, botones en la barra de herramientas y más. También cubre limitaciones y recursos para desarrolladores.
Ppt workshop ie9
- 1. Conozca las ventajas de la integración de Internet Explorer 9 con Windows 7Gonzalo Pérez C.Microsoft MVP ASP.NETwww.chalalo.cl@chalalo
- 2. Windows 7 Taskbar OverviewJump List CategoryJump List Tasks
- 3. SitiosAncladosObjetivosUna relación más estrecha entre los usuarios y sus sitios favoritosPermitir a los sitios web promocionar su marca fuera del navegadorLa 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 WindowsDisponible para cualquier sitio web
- 4. ¿Qué son los SitiosAnclados?demo
- 5. PersonalizandoSitiosAncladosMSSiteMode 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 cualquierusuarioInformacióndinámicapara un usuario individualAnimarse a promover los sitiosquetenganestacaracterística.Promover mi sitio!
- 6. Propiedades del sitioquepuedenseraplicables a cualquierusuarioNombre de la AplicaciónDesktop TooltipsURL de InicioTamaño de la Ventana del sitioAncladoColores del botón de avance y retrocesoEstasfuncionalidadespuedenserimplementadas 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 TasksEstasfuncionalidadespuedenserimplementadas 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 Tagsdemo
- 9. Información dinámica para un usuario individualCategorías Jump ListOverlay IconsThumbnail Toolbar Buttons
- 10. Categorías Jump ListPuedeserusadoparamostrarInformación de lasacciones del usuarioNotificationesHistorialPatron de UsoCrear la CategoríaCrear la lista de ItemsMostrar la ListaLimpiar la Listawindow.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 ListJS APIsdemo
- 12. Overlay IconsPuedeusarseparamostrarNotificacionesEstadosPatrón de UsoSetear Overlay IconEsconder Overlaywindow.external.msSiteModeSetIconOverlay('http://host/images/overlay1.ico', 'Overlay 1');window.external.msSiteModeClearIconOverlay();
- 14. Thumbnail Toolbar ButtonsPuedenutilizarseparainteractuar con el sitio sin tenerquerestablecer o activar la ventana del navegadorManejo de la interacción con Script del lado del ClientePatrón de UsoAgregar el BotónSetear Event HandlerMostrarBotónModificarBotónAgregarEstilo 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 ButtonsJS APIsdemo
- 16. LimitacionesJump List TasksMáximo de 5 TareasJump List CategoriesSólounacategoríaMáximo de 20 ItemsThumbnail Toolbar Buttons7 Botonescomomáximo
- 17. ÍconosFavicons 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 serRecomendado: 16x16, 32x32, 48x48Óptimo: 16x16, 24x24, 32x32, 64x64
- 18. Detección de lasCaracterísticasHoy 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 MSSiteModeLaSolució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. RecursosDescarga Internet Explorer 9 Betahttp://labellezadeinternet.com/ o http://ietestdrive.com/Comenzar a desarrollarsobreInternet Explorer 9http://msdn.com/ie/Ejemplos y Documentación de Pinned Site APIhttp://msdn.microsoft.com/en-us/library/gg131029(VS.85).aspxMantenerseinformadosobreúltimasnoticiasde IE9http://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 desarrolladoresHTML 5CSS3Acelerado por HWNuevo motor de JS, mucho más rápidoSoporte CanvasY mucho más! Visitar:http://msdn.microsoft.com/es-cl/ie/ff468705.aspxMicrosoft Confidential21