Your SlideShare is downloading. ×
Ppt workshop ie9
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Ppt workshop ie9

1,200
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,200
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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