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

http://docs.google.com/



http://eyeos.info/

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.


APIs utilizadas:

Sindicación de contenidos:


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)


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>


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-


<image size="large">http://userserve-


−

<image size="extralarge">

http://userserve-ak.last.fm/serve/300x300/8590151.jpg

</image>

http://ws.audioscrobbler.com/2.0/?method=album.getinfo&api_key=b25b959554ed76058ac220b7b2e0a026&artist=nirvana&album=nevermind

http://ws.audioscrobbler.com/2.0/?method=album.getinfo&api_key=b25b959554ed76058ac220b7b2e0a026&artist=nirvana&album=nevermind


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.

http://twitter.com/statuses/user_timeline/16738708.rss









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();

}


¿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.

http://socialgraph.apis.google.com/lookup?q=http://www.friendfeed.com/apcarpintero&fme=1&pretty=1

















http://localhost/proyecto/

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…

Documents

Desarrollo De Aplicaciones Web 2