Download - Desarrollo De Aplicaciones Web 2
14 de julio del 2009
ÍNDICE
Ámbito.
Desarrollo aplicaciones Web 2.0.
Caso Práctico: Buscador Social.
Ampliaciones y Conclusiones.
Á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 aplicacionesmediante el navegador. El software y los datos seencuentran en el servidor (Cloud Computing). Ej. GoogleDocs, eyeOS
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…
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.
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.
CASO PRÁCTICO: UN BUSCADOR SOCIAL
APIs utilizadas:
Sindicación de contenidos:
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.
Aplicación Web
API servicios web 2.0
Consulta:
http://APIservicio/método<parámetros
>
Respuesta:
Fichero Intercambio de datos
(XML, JSON) o imagen (Google
chart)
CASO PRÁCTICO: UN BUSCADOR SOCIAL
JSON: JavaScript
Object Notation
{'detalles': {
'id': 1,
'tipo': 'libro',
„titulo': 'Introduccion',
'detalle': {
'paginas': 800,
'precio': {
'us': 19.99,
„eu': 19.99
}
}
}}
XML: Extensible
Markup Language
<detalles id="1" tipo="libro">
<titulo>Introduccion</titulo>
<detalle>
<paginas800</paginas>
<precio us="19.99" eu="19.99" />
</detalle>
</detalles>
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
Respuesta: formato XML.<lfm status="ok">
−
<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>
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.
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.
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();
}
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
página web.
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.
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
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…