Tareasdeltema3

Lenguajesdemarca

JosLuisComesaaCabeza

1.- Generar un fichero rss que permita acceder a los siguientes contenidos rss:
El tiempo meteorolgico diario de tu ciudad a travs de www.eltiempo24.es
Una noticia que estar guardada en un documento HTML del mismo dominio al que
pertenece la Web que oferta el canal, sobre un tema de t eleccin.
<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Tema 3 - Sindicacin RSS</title>
<atom:link href="http://www.sitiolibre.com/Tarea3/rss/Tema3.rss" rel="self"
type="application/rss+xml" />
<link>http://www.sitiolibre.com/Tarea3/rss/Tema3.rss</link>
<description>Ejemplo de creacin de canal RSS</description>
<language>es-ES</language>
<image>
<title>Tema 3 - Sindicacin RSS</title>
<url>http://www.sitiolibre.com/Tarea3/imagenes/logo.png</url>
<link>http://www.sitiolibre.com/Tarea3/rss/Tema3.rss</link>
<width>140</width>
<height>44</height>
</image>
<pubDate>Sun, 04 Dec 2011 12:30:02 GMT</pubDate>
<managingEditor>jl@sitiolibre.com (Jos Luis Comesaa)</managingEditor>
<item>
<title>Prediccin meteorolgica</title>
<pubDate>Mon, 05 Dec 2011 12:29:02 GMT</pubDate>
<guid>http://www.eltiempo24.es/Almensilla/Andalucia/Espana/ES0SE0010</guid>
<description>
&lt;img src="http://www.sitiolibre.com/Tarea3/imagenes/tiempo.png" alt="logo de
www.eltiempo24.es" title="La prediccin del tiempo para Almensilla" width="50px" height="20px"
border="1px solid #ff0000" /&gt; &lt;b&gt;El tiempo 24&lt;/b&gt; - Descubre qu tiempo tendremos
en la poblacin sevillana de Almensilla para los prximos das... &lt;br /&gt;&lt;hr /&gt;
</description>
</item>
<item>
<title>Galera fotogrfica</title>
<pubDate>Mon, 05 Dec 2011 12:30:02 GMT</pubDate>
<guid>http://www.sitiolibre.com/galeria.php</guid>
<description>
&lt;img src="http://www.sitiolibre.com/Tarea3/imagenes/logo.png" alt="logo de
www.sitiolibre.com" title="Galera de imgenes de sitiolibre" width="50px" height="20px"
border="1px solid #ff0000" /&gt; &lt;b&gt; Sitiolibre&lt;/b&gt; - Galera de imgenes de la web
personal de Jos Luis Comesaa (www.sitiolibre.com)... &lt;br /&gt;&lt;hr /&gt;
</description>
</item>
</channel>
</rss>
2.- Validar dicho fichero usando W3C Feed Validation Service introduciendo el cdigo del fichero
rss. Enviar una captura de pantalla que permita comprobar que se ha realizado el trabajo.
Nos dirigiremos a la direccin http://validator.w3.org/feed/ donde seleccionamos la pestaa que
nos ofrece la posibilidad de validar introduciendo directamente el cdigo Validate by Direct
Input e introducimos todo el cdigo que creamos para el punto anterior (copiar y pegar), y
pulsamos sobre el botn que pone Check apareciendo la pantalla que incluyo a continuacin:

Tareasd
deltema3

Lenguaajesdemarca

JosLuisComesaaCabeza

3.- Repe
etir la tarea
a 1, pero usa
ando el est
ndar Atom
m.
<?xml version="1.0
v
0" encoding
g="utf-8" ?>
<feed xmlns="http:://www.w3.o
org/2005/Attom">
<title>
>Tema 3 - Sindicacin
S
n ATOM</tittle>
<subtitle>Ejemp
plo de creaccin de cana
al ATOM</s
subtitle>
<link rel="self" href="http://w
www.sitiolib
bre.com/Tarrea3/rss/Tem
ma3.atom" />
<link rel="alterna
ate" href="h
http://www.ssitiolibre.com
m/Tarea3/" />
<updated>2011--12-05T23:2
20:00Z</up
pdated>
<auth
hor>
<name>Jos Luis
L
Comesa
aa</name
e>
<em
mail>jl@sitio
olibre.com</email>
<uri>http://www
w.sitiolibre.ccom/</uri>
</autthor>
<id>h
http://www.ssitiolibre.com
m/Tarea3/<
</id>
<logo
o>http://www
w.sitiolibre.com/Tarea3
3/imagenes
s/logo.png<//logo>
<entrry>
<title
e>Predicci
n meteorollgica</title
e>
<id>
>http://www
w.eltiempo24
4.es/</id>
<link href="http
p://www.eltie
empo24.es//Almensilla//Andalucia/E
Espana/ES0SE0010" />
/
<up
pdated>2011-12-05T23
3:31:00Z</u
updated>
<content type=
="xhtml" xmll:lang="es">
>
<div xmlns="h
http://www.w
w3.org/1999
9/xhtml">
<img src=".../imageness/tiempo.png
g" alt="logo
o de www.elltiempo24.e
es" title="La prediccin
del tiem
mpo para Alm
mensilla" width="50px"" height="20
0px" borderr="1px solid #ff0000" />
> <b> El
tiempo 24</b>;
2
- Descubre
D
qu
u tiempo te
endremos en la poblacin sevillana de Almen
nsilla para lo
os
prximo
os das...<hr />
</d
div>
</co
ontent>
</enttry>

Tareasd
deltema3

Lenguaajesdemarca

JosLuisComesaaCabeza

<entrry>
<title
e>Galera fotogrfica<
f
</title>
<id>
>http://www
w.sitiolibre.co
om/</id>
<link href="http
p://www.sitio
olibre.com/g
galeria.php"" />
<up
pdated>2011-12-05T23
3:30:00Z</u
updated>
<content type=
="xhtml" xmll:lang="es">
>
<div xmlns="h
http://www.w
w3.org/1999
9/xhtml">
<img src=".../imageness/logo.png" alt="logo de
e www.sitiolibre.com" ttitle="Galera de
imgene
es de sitiolibre" width=
="50px" heig
ght="20px" border="1px solid #ff00
000" /> <b>
>
Sitiolibre
e</b> - Galera de im
genes de la
a web perso
onal de Joss Luis Com
mesaa
(www.sitiolibre.com
m)...<hr />
</d
div>
</co
ontent>
</enttry>
</feed>
>
4.- Valid
dar dicho fichero usan
ndo W3C Fe
eed Validattion Service
e introduciendo el cdiigo del fiche
ero
atom. Enviar
E
una captura
c
de pantalla
p
que
e permita co
omprobar que se ha re
ealizado el trabajo.
t
Actuam
mos de form
ma idntica a lo realiza
ado en el punto
p
2 sllo que en e
esta ocasi
n ser con
n el
cdigo del docum
mento atom
m creado en el punto
o anterior. Cuando le demos a Check nos
n
aparece
er:

5.- Crea
ar una web de tema lib
bre que conttenga un en
nlace a cada uno de lo
os ficheros anteriores.
a
Para esste punto he
e creado un
na web en la que he in
ncluido dos iconos de ssindicacin (uno para rss
y otro para atom)), adems aado doss iconos qu
ue nos perrmiten verifficar dichos
s formatos de
sindicaccin ya que
e enlaza loss ficheros fe
eed con el validador
v
uttilizado en llos puntos 2 y 4, pero en
lugar de
e introducir sus cdigoss, le enva la
l direccin
n web donde
e los tengo ubicados.

Tareasdeltema3

Lenguajesdemarca

JosLuisComesaaCabeza

ste es el cdigo que he creado para desarrollar dicha web:

<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tema 3 - Ejercicio generaci&oacute;n Atom</title>
<link href="css/RssAtom.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Sindicaci&oacute;n de sitiolibre.com por
Atom" href="http://www.sitiolibre.com/Tarea3/rss/Tema3.atom" />
</head>
<body class="principal">
<div id="container">
<div id="mainContent">
<div class="dcha">
<table>
<tr style="width:125px; text-align:center;">
<td style="width:50%;">ATOM</td>
<td>RSS</td>
</tr>
<tr style="text-align:center;">
<td style="width:50%;">
<a type="application/atom+xml" href="rss/Tema3.atom" target="_blank" >
<img src="imagenes/atom-ico.png" alt="icono de sindicaci&oacute;n"
title="Sindicaci&oacute;n ATOM 1.0" style="padding: 0px; margin: 0px;" />
</a>
</td>
<td>
<a type="application/rss+xml" href="rss/Tema3.rss" target="_blank" >
<img src="imagenes/rss-ico.png" alt="icono de sindicaci&oacute;n"
title="Sindicaci&oacute;n RSS 2.0" style="padding: 0px; margin: 0px;" />
</a>
</td>
</tr>
</table>
</div>
<div>
<h1> Jos&eacute; Luis Comesa&ntilde;a</h1>
<div style="width:10%; height:80%; float: left; position: relative; padding:0 20px 0 0">
<img src="imagenes/yoCurri.jpg" alt="Imagen de Jos&eacute; Luis
Comesa&ntilde;a" width="100%" align="left" />
</div>
Pgina personal de Jos Luis Comesaa. Con este ejercicio pretendo colocar un icono
RSS y otro ATOM que me permitan la sindicacin a una noticia sobre el tiempo en Almensilla (mi
localidad) y una sobre la web donde lo alojo (sitiolibre) pero en esta ocasin la dirigir hacia la
galera de imgenes que ste sitio posee en el enlace <a
href="http://www.sitiolibre.com/galeria.php" title="Galera de imgenes de
www.sitiolibre.com">www.sitiolibre.com/galeria</a>.<br />
<h2>Dudas con la tarea</h2>
Ya puse en el foro una duda que tena sobre cmo plantear el ejercicio, ya que no
saba si se tena que poner un enlace sobre la web que alojaba el servicio RSS (<i>He optado por
esto ya que <u>sitiolibre</u> es ma</i>) o una del tiempo24.es que era de donde se deba
obtener el primer enlace<br />
Mi duda no era sobre cmo se haca una sindicacin RSS o ATOM ya que poseo la
ma en <a href="http://www.sitiolibre.com/rss_sitiolibre1.php" title="Sindicacin de las noticias de

Tareasd
deltema3

Lenguaajesdemarca

JosLuisComesaaCabeza

m"><b>www.sitiolibre.co
om/rss_sitio
olibre1.php<
</b></a> qu
ue como se puede ver
www.sittiolibre.com
est hecha usando
o php para poder
p
incluiir las noticia
as que tengo grabadass en mi base
e de datos.
</div>
<//div>
</divv>
<div style="position: absolu
ute; float: rig
ght; bottom::0px; right:0
0px; margin-bottom: 0p
px; marginright:0px;">
<a
a
href="htttp://feed2.w
w3.org/checck.cgi?url=h
http%3A//ww
ww.sitiolibre
e.com/Tarea
a3/rss/Tema3.rss">
<img src="imagenes//valid-rss.pn
ng" alt="[Va
alidar RSS]"" title="Valid
dar la sindic
cacin RSS
2.0" />
<//a>
<a
a
href="htttp://feed1.w
w3.org/checck.cgi?url=h
http%3A//ww
ww.sitiolibre
e.com/Tarea
a3/rss/Tema3.atom">
<img src="imagenes//valid-atom..png" alt="[V
Validar Atom
m 1.0]" title=
="Validar la
a sindicacin
n
ATOM 1.0"
1 />
<//a>
</divv>
</body>
>
</html>
NOTA Como se puede obse
ervar he utilizado imgenes tanto para la web
b como para
a los fichero
os
de sindiicacin y tambin una hoja de esttilos para la web. Todo
o ello lo adju
unto con la tarea y est

puesto en
e funciona
amiento (como se pued
de observarr por los dife
erentes cd
digos utiliza
ados) en:
http://ww
ww.sitiolibre
e.com/Tarea3/
Las im
genes que aparecern
n ser:

Web de in
nicio para el ejercicio de
d sindicaci
n de la tarrea 3

Tareasd
deltema3

Lenguaajesdemarca

JosLuisComesaaCabeza

Pgin
na de sindiccacin RSS
S 2.0 que ap
parece al pu
ulsar sobre el icono RS
SS en la pgina inicial

Pgin
na de sindicacin Atom
m 1.0 que ap
parece al pu
ulsar sobe el
e icono ATO
OM en la p
gina inicial

Tareasd
deltema3

Lenguaajesdemarca

JosLuisComesaaCabeza

gle Reade
er para acceder a la inform
macin del canal de
e contenid
dos
6.- Utilizar Goog
eedburner.ccom/Forges.
feeds.fe
Nos iremos a la pgina del buscador
b
go
oogle teclea
ando www.google.es y en su pg
gina princip
pal
pulsaremos sobre la opcin Mas
M que ap
parece en la parte sup
perior. De e
entre todas las opciones
que noss ofrece seleccionarem
mos Readerr.

Una vezz en la pgina de ingre

eso a googlle reader no
os pide nue
estra cuenta
a de correo y contrase
a
preferib
blemente de
e gmail. Si llegados a este punto
o no tuvise
emos una ccuenta gma
ail podramos
obtenerr una desde
e la opcin que apare
ece en la pa
arte superio
or derecha que indica Registrars
rse
para ob
btener una
a nueva cu
uenta de Google que nos permitte darnos d
de alta en google
g
read
der
incluso con una cu
uenta distintta a gmail.
Si tuvi
semos qu
ue crearnos una cue
enta de gm
mail, desde
e la pgin
na inicial del
d buscad
dor
pulsara
amos sobre
e la opcin Gmail que
e aparece en
e la parte superior del mismo. Tras
T
ello nos
encontrramos ante la pgina de
d acceso a cuentas de
e gmail, la cual
c
posee una opcin
n denominad
da
CREAR
R UNA CUE
ENTA. Tra
as ello aparrecer una hoja de validacin
v
d
de datos en
n la que nos
solicitarr:
no
ombre y ape
ellidos
ussuario que queremos
q
p
para
gmail (debemos
(
comprobar
c
la disponibillidad de dic
cho nombre)
co
ontrasea (d
deberamoss de introdu
ucir letras maysculas,
m
minsculass y nmeros
s)
Prregunta seccreta por si perdemos la contrasea poder re
ecuperar nuestra cuentta
Respuesta a dicha preg
gunta (ser la que tend
dremos que
e introducir de forma ex
xacta cuand
do
nos la soliccite si quere
emos recuperar la conttrasea perrdida y no h
hemos prop
porcionado un
u
c
correo
alterrnativo para
a dicho procceso)
Correo
C
electtrnico para
a recuperaccin de la co
ontrasea (si
( no se tecclea ningun
no se usar la
pregunta se
ecreta del punto
p
anterior)
Pa
as y fecha de nacimie
ento
Captcha o ca
apturados de
d caractere
es (preguntta sobre qu caractere
es forman la
a imagen qu
ue
nos muestra y se su
uele utilizarr para com
mprobar que
e es un se
er humano el que esst
t
tecleando
t
todos
los datos, ya qu
ue los programas no pueden
p
recconocer uno
os caracterres

Tareasd
deltema3

Lenguaajesdemarca

JosLuisComesaaCabeza

d
deformados
s y tratadoss como imag
gen.
Acceptamos la
as condiciones del serrvicio y ya te
endremos creada
c
nuesstra cuenta de gmail
Como yo
y ya dispo
ona de un
na cuenta de
d google me
m bastar
con pone
er mis dato
os en Corre
eo
electrn
nico y en Contrasea
C
a, y pulsar en
e Accederr

Aparece
e esta pgin
na donde podremos bu
uscar cualquier feed

Tareasd
deltema3

Lenguaajesdemarca

JosLuisComesaaCabeza

Si pulsa
amos sobre
e Examina
ar cosas nos aparece
e una parte
e central nu
ueva con tres
t
pestaas
distintass donde pullsaremos so
obre Busca
ar y en la ca
aja de bsqueda de texxto tecleare
emos:
feeds.fe
feedburner..com/Forge
es y pulsare
emos sobre
e Buscar fe
eeds.

Aparece
e esta pgina en la que
q
nos infforma que slo encue
entra una q
que se corrresponda co
on
nuestros conceptoss de bsqueda.
Si pulsa
amos sobre
e el enlace Forges nicamente nos
n abrir su contenido
o pero si de
eseamos qu
ue
nos actu
ualice la infformacin que
q nos ofre
ece tendrem
mos que pulsar sobre S
Suscribirse
e

Cuando
o nos apare
ece la pgina del cana
al de conte
enidos busccado, nos in
nforma que
e no estamos
suscrito
os y de nue
evo nos ofrrece la possibilidad de hacerlo. Si nos suscrribimos apa
arecer dicha
suscripccin en el apartado
a
de
estinado a ta
al efecto en
n la parte in
nferior izquie
erda, como hice con mis
m
contenid
dos de www
w.sitiolibre.ccom/rss_sitiolibre.php

Tareasd
deltema3

Lenguaajesdemarca

10

JosLuisComesaaCabeza