Blog de Eduardo Sojo

Hoy tuve la oportunidad de participar en el evento Estrategia Tecnológica para ISVs del Mes de Mayo, dando una sesión referente a la característica Pinned Sites presente en Internet Explorer 9 .

Pinned sites es una característica presente en Internet Explorer 9 que permite integrar nuestros sitios web con el escritorio de Windows 7. Permite colocar en el escritorio, taskbar o menú accesos directos personalizados a secciones de nuestro sitio web, destacando navegación, videos, y esquema de colores para una interfaz acorde con nuestro sitio al momento de abrir el navegador (Internet Explorer 9).

Pinned sites está basado principalmente en explotar las características ya presentes de Windows 7 como se ve en la siguiente imagen:

Para explotar estas características, pinned sites hace uso de varias formas:

• Enganche con barra de tarea y menú
• Jump Lists
• Notificaciones
• Thumbnail toolbar
• Discoverability

Adjunto dejo la presentación dada en el evento y el ejemplo usado http://www.4shared.com/file/p65dI9Tp/demosIE.html

Enlaces con más información:

Pinned Sites: Windows 7 Desktop Integration with Internet Explorer 9

IE Pinned Sites serie

Saludos,

Otra de las cosas que podemos incluir en nuestras páginas para sacarle provecho con Internet Explorer 8 son los aceleradores.

Los aceleradores nos permiten desde el boton derecho del mouse enviar datos a los servicios disponibles en otras páginas, obteniendo resultados gráficos o redireccionamiento a páginas como motores de búsqueda o de funcionalidad específica.

En este artículo hablaremos de cómo crear un acelerador sencillo que pase un texto seleccionado en una página a un buscador (en este caso utilizaré como ejemplo el buscador de mi blog).

Para comenzar, debes tener los siguientes datos con el que rellenaras el acelerador:

• URL de la página donde reposa el servicio a usar: http://www.eduardosojo.com
• Descripción del servicio que prestará el acelerador: Buscar en eduardosojo.com
• Nombre que le daremos al acelerador: Blog de Eduardo Sojo
• Imagen del favicon en caso de que tu sitio web la posea
• URL donde se encuentra el buscador: http://www.eduardosojo.com/index.php
• Forma en que se le pasará los parametros: GET
• Parametro a enviar: s (lo que está despues del signo ? en el URL)

El acelerador se construye basado en una estructura XML que luego será llamado desde un javasctript para ser enganchado e interpretado por IE . La estructura de este XML quedaría de la siguiente forma:

<?xml version="1.0" encoding="utf-8" ?>
<openServiceDescription xmlns="http://www.microsoft.com/schemas/openservicedescription/1.0">
  <homepageUrl>http://www.eduardosojo.com </homepageUrl>
<display>
 <description>Buscar en eduardosojo.com</description>
 <name>Blog de Eduardo Sojo</name>
    <Image height="16" width="16" type="image/icon">http://www.eduardosojo.com/../favicon.ico </Image>
</display>
<activity category="Search">
<activityAction context="selection">
<execute method="get" action="http://www.eduardosojo.com/index.php">
  <parameter name="s" value="{selection}" type="text" />
</execute>
</activityAction>
</activity>
</openServiceDescription>

Para habilitar la instalación del acelerador solo debemos agregar en un link/botón el siguiente codigo javascript:

window.external.AddService('http://www.eduardosojo.com/../../eduardosojo_accelerator.xml');

Saludos,

Una de las importantes mejoras que trae la versión 8 de Internet Explorar es la personalización y flexibilidad enriquecida para construir buscadores personalizados para ser agregados al explorador. En este artículo explico de forma sencilla como crear un buscador personalizado de manera sencilla. Si quieres conocer acerca de todas las características disponibles para Internet Explorer 8, puedes hacerlo AQUI.

Para comenzar, debes tener los siguientes datos con el que rellenaras el proveedor de búsqueda, a efectos de este ejemplo utilizaré los correspondientes a mi blog:

• Nombre de proveedor a construir: Blog de Eduardo Sojo
• Descripción del proveedor a construir : Buscar en eduardosojo.com
• Encoding del sitio web: Puedes usar el tradicional UTF-8 o en caso de español ISO-8859-1
• Imagen del favicon en caso de que tu sitio web la posea
• La URL que genera el buscador del sitio web, como práctica puedes realizar una búsqueda con la palabra TEST y el resultado de la URL colocarlo en tu proveedor de búsqueda a construir, para el caso de mi blog http://www.eduardosojo.com/?s=TEST

El proveedor de búsqueda se construye basado en una estructura XML que luego será llamado desde un javasctript para ser enganchado e interpretado por IE . La estructura de este XML quedaría de la siguiente forma:

<?xml version="1.0" encoding="UTF-8" ?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>Blog de Eduardo Sojo</ShortName>
<Description>Buscar en eduardosojo.com</Description>
<InputEncoding>ISO-8859-1</InputEncoding>
<Image height="16" width="16" type="image/icon">http://www.eduardosojo.com/../../favicon.ico </Image>
<Url type="text/html" template="http://www.eduardosojo.com/?s={searchTerms}&source=IE" />
</OpenSearchDescription>

Para este caso, sólo debes reemplazar la palabra TEST por el condicional {searchTerms} que es el parametro que se le pasará para realizar la búsqueda y adicional puedes agregar un parametro adicional en el query a efectos de monitoreo y rastreo de las búsquedas.

Para habilitar las capacidades de instalación de este proveedor, existen 2 formas principales en que esto se puede hacer:

1. Agregar en el header una etiqueta que permitirá al navegador IE8 detectar la existencia de un proveedor disponible en esa página.

<link title="My Provider" rel="search" type="application/opensearchdescription+xml" href="http://www.eduardosojo.com/../../eduardosojo_com.xml">

2. Agregar en un link/botón el siguiente codigo javascript:

window.external.AddSearchProvider(‘http://www.eduardosojo.com/../../eduardosojo_com.xml’)
[/sourcode]
Existen herramientas que permiten generar estos proveedores de forma automática como ESTA. También existen otras características con las cuales podemos enriquecer nuestro proveedor de búsqueda tales como, sugerencia de búsqueda, sugerencias con imágenes, entre otras.

Saludos,