Embed Size (px)
Citation preview
JJ Taboada León IES San Sebastián, Departamento de Informática
LENGUAJE DE MARCAS Y SGI Curso 2011 / 2012
Unidad 7:
Sindicación de Contenidos (RSS)
Guíon del tema
CONTENIDOS
¿Qué es la sindicación de
contenidos ?
¿Qué es RSS?
Agregadores y lectores RSS
Referencia RSS
ACTIVIDADES
Creación de un agregador
Creación de un lector con
XSLT
Creación de un lector con
Spry
¿QUÉ ES LA SINDICACIÓN DE CONTENIDOS?
Es una forma que tienen algunos sitios web de distribuir
contenidos a la que los usuarios acceden frecuentemente sin
necesidad de acceder al sitio web y de forma automática.
El contenido se distribuye a través de unos Canales y los
usuarios pueden leer esos canales con un software
denominado programa Agregador (también llamado Lector
de Canales o Lector de Noticias, en inglés: Newsreader o
Feed Reader).
Normalmente el contenido suele ser
titulares, novedades, resúmenes o
palabras claves
¿QUÉ ES RSS?
Es el formato usado para la sindicación de contenidos
RSS son las siglas Really Simple Syndication (sindicación
realmente simple en su versión 2.0)
RSS permite recibir en una página web online (a través de
un lector RSS) información actualizada sobre páginas web
favoritas, sin necesidad visitar una a una. Esta información se
actualiza automáticamente
RSS define una manera fácil de compartir y ver los titulares y
el contenido
RSS permite personalizar las vistas de sitios diferentes
RSS está escrito en XML
Conceptos
Feed, canal, fuente, alimentador es el servicio que
ofrece una página web o blog.
Se reconoce por un logotipo naranja
Agregador o Lector RSS es el encargado de leer las
noticias a las que estamos suscrito. Puede ser: Un programa instalado en el ordenador
El propio navegador web
Un programa de correo electrónico
Una página web específica en la que puedes ingresar y ver todos
tus canales
Para entenderlo mejor ver video explicativo en http://www.rss.nom.es/
¿Cómo suscribirse?
Es necesario disponer de un lector RSS y pueden ser:
Lectores RSS que se instalan directamente en el
ordenador: Feedreader, Newsmonster y RSSReader.
Lectores RSS online (utilizando una página
web) :Netvibes ó Google Reader.
Lectores RSS en el navegador web o programa de
correo electrónico: Internet Explorer, Mozilla Firefox,
Outlook Express o Mozilla Thunderbird.
Actividades: Suscripción1) Realiza la suscripción a distintas web de tu interés
mediante (a) un lector software, (b)un lector online y (c)mediante un navegador web de
los expuestos anteriormente.
Estándares Actuales para la Sindicación de
Contenidos
RSS nació en 1997 y se han desarrollado varias versiones:
Rich Site Summary (RSS 0.91) "Resumen óptimo del sitio"
RDF Site Summary (RSS 0.9 y 1.0) "Resumen RDF del sitio"
Really Simple Syndication (RSS 2.0) "Sindicalización
Realmente Simple“
ATOM es otro formato basado en xml que puede contener
más información (y más compleja) y es más consistente que
un documento RSS.
Utilizaremos RSS 2.0 en nuestras Actividades
Utilizar RSS en nuestra web
En mi página web puedo colocar
Feeds, canales, fuentes, alimentadores para que los visitantes se
suscriban a mis páginas. Lo indicamos con
Símil: parecido a un canal de televisión que presenta noticias
Lectores de rss para integrar contenido de otras fuentes: enlaces
a los canales de otras webs y que se actualizan dinámicamente
Símil: el lector sería el televisor donde ver las noticias
¿Cómo creo un Feed? (I)
Basta con crear un archivo xml con el formato RSS
Este archivo podemos dejarlo nativo en XML (feed estático)
Incrustarlo dentro de PHP (feed dinámico)
En este curso crearemos un feed estático y durante el 2º curso
crearemos un feed dinámico
Un feed estático no tiene mucha gracia, ya que debemos añadir cada nuevo contenido de forma manual y
termina siendo mucho trabajo.
Lo ideal es obtener el contenido de forma dinámica desde una base de datos. Para esto, es necesario trabajar
tanto con XML como PHP.
¿Cómo creo un Feed ? (II)
1. Creamos un documento RSS donde se especifica:
la versión de RSS,
información de nuestro canal,
los ítems con los enlaces a las páginas web mas interesantes de
nuestra web
2. Guardamos el documentos con extensión XML
3. Lo validamos
4. Subimos el documento a nuestro sitio web
5. Colocamos un enlace en nuestra web mediante una imagen
que sirva de enlace
al documento RSS
Ejemplo de documento RSS
<?xml version="1.0" encoding="ISO-8859-1" ?>
<rss version="2.0">
<channel>
<title>El nombre de nuestro feed</title>
<link>Dirección web en la que se encuentre nuestro RSS</link>
<description>Contenido que vas a ofrecer a los usuarios</description>
<item>
<title>Título del artículo</title>
<link>Dirección Web a la que podemos ir para ampliar </link>
<description>Contenido de esta información</description>
</item>
</channel>
</rss>
Un ejemplo real
http://www.desarrolloweb.com/rss/general_rss.php
http://www.elpais.com/rss/index.html
http://rss.elmundo.es/rss/
Referencia RSS (I) Elemento Descripción
<category> Opcional. Define una o varias categorías para la alimentación
<cloud> Opcional. Registro de procesos para ser inmediatamente informado de las actualizaciones de la alimentación
<copyright> Opcional. Notifica sobre material con derechos de autor
<description> Requerido. Describe el canal
<docs> Opcional. Especifica una dirección URL a la documentación del formato utilizado en la alimentación
<generator> Opcional. Especifica el programa utilizado para generar el feed
<image> Opcional. Permite una imagen que se mostrará cuando agregadores presente un feed
<idioma> Opcional. Especifica el idioma de la fuente está escrito en
<lastBuildDate> Opcional. Define la fecha de última modificación del contenido de los piensos
<link> Requerido. Define el hipervínculo para el canal
Referencia RSS (II)
<managingEditor> Opcional. Define la dirección de correo electrónico al editor del contenido de los piensos
<pubDate> Opcional. Define la fecha de la última publicación del contenido de la alimentación
<rating> Opcional. El número de fotos de la alimentación
<skipDays> Opcional. Especifica los días en los agregadores debe saltar la actualización de la alimentación
<skipHours> Opcional. Especifica las horas en que los agregadores debe saltar la actualización de la alimentación
<textInput> Opcional. Especifica un campo de entrada de texto que debe aparecer con la alimentación
<title> Requerido. Define el título del canal
<ttl> Opcional. Especifica el número de minutos que el alimento puede permanecer en caché antes de actualizar de la fuente de
<webMaster> Opcional. Define la dirección de correo electrónico al administrador del sitio de la alimentación
Creación del archivo XML para RSS <?xml version="1.0" encoding="ISO-8859-1"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Curso XML para FP</title>
<link>http://roble.pntic.mec.es/jtal0007/xmlfp/</link>
<description>tutoriales para fp</description>
<atom:link href="http://roble.pntic.mec.es/jtal0007/xmlfp/" rel="self" type="application/rss+xml" />
<item>
<title>Curso XML</title>
<link>http://roble.pntic.mec.es/jtal0007/xmlfp/</link>
<description>contenido del curso de xml</description>
<guid>http://roble.pntic.mec.es/jtal0007/xmlfp/</guid>
</item>
</channel>
</rss>
Diseñar un feed para nuestro sitio web
Proceder de la siguiente forma: 1. Crear el archivo RSS Xml
2. Valida tu archivo RSS ( http://www.feedvalidator.org ).
3. Cargar el archivo RSS a tu directorio web en tu servidor web.
4. Copiar el icono en el directorio web.
5. Colocar el icono naranja "RSS" o "XML“ en la página donde se ofrece RSS
6. A continuación, agregue un enlace con el icono que vincula el archivo RSS. El código sería algo como esto:
<a href="xmlfp.xml"><img src="imagenes/rss.gif" alt="rss" width="36" height="14" border="0" /></a>
7. Envíe tu feed RSS a los directorios de RSS (que puede buscar en Google o Yahoo para "servicio de RSS
Directorios").
Actividad: feed1)
a) Añade a tu web un documento RSS con las últimas novedades
b) Subscríbete a tu propia web desde uno de los lectores rss vistos
anteriormente
Herramientas para mantener Feed
RSS Feed Creator 2.9
ListGarden 1.3
FeedForAll
Actividad: feed2)
a) Instala en tu equipo alguna de esta herramientas y configurala.
b) Actualiza el feed de tu página web con nuevas noticias.
Integrar contenido RSS de otras webs en
nuestra página web (I) Usaremos las herramientas que nos ofrece Dreamweaver CS5
1. Instalar WampServer (necesitamos un servidor con Apache y PHP).
Además es necesario activar una de sus extensiones (php_xls)
2. En Dreamweaver preparar un servidor de prueba
3. Crear un fragmento XSL
a) Como origen XML elegir “adjuntar un archivo remoto en internet” (el canal del sitio que
queremos colocar en nuestra página) por ejemplo
http://feeds.feedburner.com/desarrolloweb/novedades-articulos
4. En el panel vinculaciones de CS5 elegir los elementos que queremos que aparezcan
en nuestra página (utilizar la herramienta XSLT y las expresiones XPATH)
Salvar el fragmento como canalDesarrolloWeb.xsl
Integrar contenido RSS de otras webs en
nuestra página web (II)
1. Insertar el fragmento creado en una página dinámica PHP, para ello:
a) La pagina html donde aparecerán las noticias la salvamos con extensión php
b) Colocar el cursor en el lugar de la página web donde queremos insertar las noticias
c) Insertamos el fragmento XSL seleccionando Panel Insertar/datos/ botón
transformación XSL
Observar que Dreamweaver ha añadido a nuestro sitio la carpeta includes/MM_XSLTransform/
d) Ver el resultado
Podemos modificar repetir región para que sólo aparezcan un número determinado de noticias usando la función
position()
Ampliar en AulaClic http://www.aulaclic.es/dreamweaver-cs5/index.htm
Actividad: lector1) Incluir en tu sitio web los titulares de un periódico (el país, el
mundo…)
Acceso a datos con Spry
Adobe Spry es un framework de AJAX que facilita el
desarrollo de sitios web interactivos, sobretodo para los
diseñadores que buscan aprovechar sus conocimientos
de HTML y CSS para lograr buenos resultados en poco
tiempo.
Seguir el capitulo 24 Acceso a datos con Spry del tutorial
http://www.aulaclic.es/dreamweaver-cs5/index.htm
Actividad:
Lector2) Incluir en tu sitio web las noticias de distintas webs usando spry.
Prueba su funcionamiento en distintos navegadores.
Lector3) Busca en internet que son los sistemas de agregación y los directorios de
canales
