Presentación de mi proyecto fin de carrera, aunque es de julio del 2009 y algunas cosas han cambiado sigue estando bastante actual.

1. 14 de julio del 2009

2. ÍNDICE
 Ámbito.
 Desarrollo aplicaciones Web 2.0.
 Caso Práctico: Buscador Social.
 Ampliaciones y Conclusiones.

3. ÁMBITO
 Web 1.0:
 Contenido estático.
 El usuario era un mero lector de
contenidos Web.
 Tecnologías básicas: HTML, Flash...
 Web 2.0:
 Contenido dinámico.
 El usuario es creador de contenidos.
 Web como servicio o aplicación.
 Web como plataforma: acceso a las aplicaciones
mediante el navegador. El software y los datos se
encuentran en el servidor (Cloud Computing). Ej. Google
Docs, eyeOS

4. WEB 2.0
Aplicaciones típicas de la web 2.0:
 Blog y mircroblog: Blogger, Twitter…
 Música, videos, fotos, presentaciones: Youtube,
Flickr, SlideShare, Last.fm…
 Redes de contactos Sociales: Tuenti, FaceBook...
 LifeStreaming: FriendFeed, lifestream.fm…
 Agregador de noticias: GoogleReader, MyYahoo....
 Filtro social: menéame, Digg…
 Wikis: wikispaces , wikia…
 Procesadores de Textos en línea: Google Docs,
thinkfree…

5. DESARROLLO APLICACIONES WEB 2.0
 Compendio de tecnologías para el desarrollo
de aplicaciones web 2.0.
 Tecnologías destacadas:
 Sindicación y agregación de contenidos (RSS, ATOM,
JSON)
 Aplicaciones Web basadas en HTML y XML con
componentes asíncronos (AJAX)
 Interfaz de Programación de Aplicaciones (API)
 Autenticación, Autorización y Seguridad en el acceso a
las Aplicaciones WEB.

6. CASO PRÁCTICO: UN BUSCADOR SOCIAL
 Búsqueda de un usuario en los servicios web 2.0
 Aplicación web que combina datos de otros servicios
web (mashup).
 ¿Cómo se consigue esto?
 Utilización APIs y sindicación de contenidos.

7. CASO PRÁCTICO: UN BUSCADOR SOCIAL
 APIs utilizadas:
 Sindicación de contenidos:

8. CASO PRÁCTICO: UN BUSCADOR SOCIAL
 Utilización de las APIs:
 Servicio
Web proporciona Funciones y métodos.
 La mayoría funcionan mediante consultas HTTP.
Consulta:
http://APIservicio/método<parámetros
>
API
Aplicación
servicios
Web
web 2.0
Respuesta:
Fichero Intercambio de datos
(XML, JSON) o imagen (Google
chart)

9. CASO PRÁCTICO: UN BUSCADOR SOCIAL
XML: Extensible JSON: JavaScript
Markup Language Object Notation
{'detalles': {
'id': 1,
<detalles id="1" tipo="libro">
'tipo': 'libro',
<titulo>Introduccion</titulo>
„titulo': 'Introduccion',
<detalle>
<paginas800</paginas> 'detalle': {
<precio us="19.99" eu="19.99" /> 'paginas': 800,
</detalle> 'precio': {
</detalles> 'us': 19.99,
„eu': 19.99
}
}
}}

10. CASO PRÁCTICO: UN BUSCADOR SOCIAL
 Ejemplo uso API Last.FM:
 Recuperar la información del álbum de un artista
 Consulta:
http://ws.audioscrobbler.com/2.0/?method=album.getinfo&api_key=b25b959554ed76058ac220b7b
2e0a026&artist=nirvana&album=nevermind
<lfm status="ok">
 Respuesta: formato XML. −
<album>
<name>Nevermind</name>
<artist>Nirvana</artist>
<id>1338</id>
<url>http://www.last.fm/music/Nirvana/Nevermind</url>
<releasedate> 23 Aug 1991, 00:00</releasedate>
<image size="small">http://userserve-
ak.last.fm/serve/34s/8590151.jpg</image>
<image size="medium">http://userserve-
ak.last.fm/serve/64s/8590151.jpg</image>
<image size="large">http://userserve-
ak.last.fm/serve/174s/8590151.jpg</image>
−
<image size="extralarge">
http://userserve-ak.last.fm/serve/300x300/8590151.jpg
</image>

11. CASO PRÁCTICO: UN BUSCADOR SOCIAL
 Sindicación de contenidos:
 Parte del contenido de una página web se pone
a disposición de otros sitios o suscriptores
individuales.
 Acceso: http://twitter.com/statuses/user_timeline/16738708.rss
 Respuesta: Formato RSS, Atom.
 Dificultad en el manejo de sindicación de
contenidos de diferentes servicios web.
 ¿solución? Utilización de la librería SimplePie.

12. CASO PRÁCTICO: UN BUSCADOR SOCIAL
 Librería SimplePie:
 Métodos y funciones para recuperar el contenido
de los formatos RSS, Atom.
 ¿Cómo utilizarlo?
 Crear un objeto SimplePie (SimplePie se encarga de
parsear el contenido de los formatos RSS y Atom).
 Acceder a la información con una simple llamada al
método deseado.

13. CASO PRÁCTICO: UN BUSCADOR SOCIAL
//objeto simplepie
$feed = new SimplePie('http://feeds.delicious.com/v2/rss/apcarpintero');
$items_per_feed=5; //número de entradas a mostrar
for ($x = 0; $x < $feed->get_item_quantity($items_per_feed); $x++){
$first_items[] = $feed->get_item($x);
}
foreach ($first_items as $item){
echo "<img height='16' width='16' src='".$feed->get_favicon()."'/>";
echo " <a href='".$item->get_permalink()."'>".$item->get_title()."</a>";
echo $item->get_description();
}

14. CASO PRÁCTICO: UN BUSCADOR SOCIAL
 ¿Cómo se realiza la búsqueda del usuario
en los diferentes servicios web?
 Acceso a la API Google Social Graph:
proporciona la relación entre el usuario y los
distintos servicios web, gracias a los estándares
abiertos FOAF y XFN .
 FOAF: „Friend Of A Friend‟, describe relaciones en
lenguaje entendible por ordenadores para crear redes de
relaciones que existen entre amigos y amigos de
amigos.
 XFN: „XHTML Friends Network‟, sirve para representar
las relaciones entre personas usando los enlaces de una

15. CASO PRÁCTICO: UN BUSCADOR SOCIAL
 Acceso a la API Google Social Graph:
 Recuperar links de servicios web relacionados con el
usuario.
 Consulta:http://socialgraph.apis.google.com/lookup?q=http://www.friendfeed.com/apcarpint
ero&fme=1
 Método Lookup: devuelve conjunto de nodos (con información
extendida sobre las relaciones encontradas).
 Fme: seleccionar la información relacionada directamente con el
usuario.
 Respuesta: Formato JSON.

17. CONCLUSIONES
 Auge creciente del “Cloud Computing” Desarrollo
de aplicaciones utilizando la web como plataforma.
 Futuro hacia la Web Semántica (Web 3.0)
 La aplicación del buscador social ha permitido
poner en contacto con esta actualidad
tecnológica
 EL desarrollar una aplicación en este ámbito exige
el manejo de gran cantidad de nuevas tecnologías
(API, AJAX, JSON, RSS, …)
 Importante colaboración entre programadores de
servicios 2.0

18. POSIBLES AMPLIACIONES
 Realizar la búsqueda no solo por el alias del usuario, sino
por nombre o por correo electrónico, así como añadir la
posibilidad de elegir el usuario correcto en los servicios web
2.0 buscados.
 Depurar las búsquedas de usuario en las aplicaciones web
2.0, que, con el paso del tiempo y la madurez del concepto
web 3.0 será más fácil y completa la información recopilada
de dichos servicios web.
 Poder añadir los contactos del usuario registrado
accediendo a servicios externos como Windows Live,
Facebook, Yahoo…