Hasta ahora, cuando una persona se quería subscribir al contenido de una página tenía como opción principal la sindicación a un feed RSS. Este tipo de subscripción requiere que ciertos contenidos (a los que el usuario se quiere subscribir) se tengan que duplicar en un fichero especial definido en XML.
Los Web Slices, (introducidos por Microsoft en su nuevo navegador Internet Explorer 8.0) son, sin embargo, “trozos” de una web a los que un usuario se puede subscribir directamente sin necesidad de especificar un fichero especial.
Los puntos clave de los Web Slices:
- Se desarrollan en HTML, de hecho forman parte del contenido de nuestra web. Para indicar al navegador qué partes de nuestra web son Web Slices, tenemos que hacer uso de ciertas clases CSS.
- El propio Web Slice puede indicar al navegador cada cuanto se actualiza, aunque el tiempo mínimo que se puede indicar es de 15 minutos.
Mini-tutorial de desarrollo.
Introducción.
Los Web Slices están basados en el formato hAtom [http://microformats.org], al que se le han añadido ciertas propiedades. Está desarrollado completamente en HTML, por lo que el contenido al que un usuario se puede subscribir, como se dijo anteriormente, forma parte del contenido de nuestra página.
Esto permite, por ejemplo, que podamos permitir que un usuario se subscriba directamente a un listado de noticias de nuestro portal únicamente haciendo click en cierto área (que definimos nosotros previamente).
Básicamente lo que hace Internet Explorer 8.0 para descubrir los Web Slices de una web es recorrer todo el código HTML buscando aquellos elementos que pertenecen a la clase CSS hslice, están identificados una propiedad id única y tienen por lo menos un elemento cuya clase CSS es entry-title.
Descubrimiento y subscripción de slices.
Cuando un usuario pasa el puntero del ratón por encima de estos elementos, se remarcan con un recuadro, a la vez que se muestra un icono específico que se ha diseñado para este formato de subscripción.
Además el navegador, mostrará todos los Web Slices detectados para la página actual desplegando un menú que se encuentra en la barra de tareas del navegador.
Si el usuario se subscribe a uno de estos contenidos, se añadirá a la barra superior.
Además, si el Web Slice tiene un elemento marcado como entry-content, este se mostrará cuando el usuario haga click en la barra superior sobre el título del contenido subscrito. Además no hace falta que el usuario esté visitando la web del contenido, como se puede ver a continuación.
Hay que puntualizar una cosa, el título mostrado en la barra superior será la concatenación de todos los elementos entry-title que tenga el Web Slice, es decir, podemos formar el título de la subscripción con diferentes trozos del contenido.
El código de un Web Slice básico es muy sencillo, como se puede ver.
Actualización de contenido.
Los usuarios que estén subscritos a un Web Slice serán avisados de las actualizaciones de los contenidos. Para ello el navegador visitará periódicamente la página web donde se encuentra el contenido. Por esta razón es muy importante que los web-slices mantengan siempre el mismo id.
Si la web no ha indicado un intervalo de actualización por defecto toma el de 24 horas. Para indicar un tiempo distinto de actualización se utiliza un elemento HTML cuya clase CSS es ttl (time to live) y cuyo contenido es numérico.
This slice will be updated every 60.
Aunque también tenemos otra opción que es indicar el tiempo en el campo title de un elemento abbr.
This slice will be updated every thirty minutes.
Otra forma de indicar cuando un contenido ha caducado es utilizando un elemento de la clase CSS endtime con un valor title indicando un timestamp en el formato:
-
YYYY-MM-DDThh:mm:ss[Z|(+|-)hh:mm]
Caducará a las 20:00 del día 7 de marzo de 2009
Debido a que por defecto el navegador vuelve a visitar la página que contiene el Slice y la pide entera, esto puede sobrecargar nuestros sites. Para evitar esta situación se puede indicar una URL alternativa que sólo devuelva el trozo de HTML del Web Slice.
Para ello se utiliza un elemento enlace que tenga las siguientes propiedades:
De esta forma, el navegador en vez de descargarse todo el contenido de nuestra web sólo pedirá el trozo HTML necesario al feeder.
Visualización.
Como se dijo anteriormente, todo aquellos elementos que pertenezcan a la clase entry-content, se mostrarán concatenados cuando el usuario pulse sobre el título del contenido subscrito en la barra superior de IE8.
Lo que hace el navegador es mostrar el contenido del elemento de la clase hslice dentro de una etiqueta BODY. Además de poder indicar cuál es la URL de actualización de un contenido, podemos indicar también qué URL nos devuelve el contenido de visualización.
De esta forma cuando el usuario pinche sobre el contenido subscrito se mostrará el contenido indicada por este elemento, en lugar del original de la página.
Es posible mezclar la URL alternativa para actualización de contenido y la URL alternativa de visualización. Para que esto funcione en el Web Slice principal se debe indicar únicamente la URL de actualización:
Y el feed que devuelve la actualización (en este caso slidefeed.php) debe devolver la información necesaria para mostrar la información.
Navegación.
Cuando el usuario pre-visualiza el contenido del Slice, tiene la posibilidad de ir a la web original de donde. Para ello IE8 provee un botón:
Es posible indicar que se vaya a una página distinta de la original, para ello hay que utilizar un elemento como el que mostramos a continuación:
[...] duda, los slices y los aceleradores son las dos grandes apuestas de Microsoft en la nueva versión su programa [...]
he probado a hacer el ejemplo tal y como tu lo pones y va. pero como hago para integrarlo en una parte de mi web, como por ejemplo tu lo has hecho en los post recientes? gracias