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í...
WEB 2.0
Aplicaciones típicas de la web 2.0:

   Blog y mircroblog: Blogger, Twitter…
   Música, videos, fotos, presentac...
DESARROLLO APLICACIONES WEB 2.0

 Compendio de tecnologías para el desarrollo
  de aplicaciones web 2.0.
 Tecnologías de...
CASO PRÁCTICO: UN BUSCADOR SOCIAL
   Búsqueda de un usuario en los servicios web 2.0




   Aplicación web que combina d...
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ét...
CASO PRÁCTICO: UN BUSCADOR SOCIAL
    XML: Extensible                           JSON: JavaScript
    Markup Language      ...
CASO PRÁCTICO: UN BUSCADOR SOCIAL
   Ejemplo uso API Last.FM:
     Recuperar           la información del álbum de un ar...
CASO PRÁCTICO: UN BUSCADOR SOCIAL
   Sindicación de contenidos:
     Parte  del contenido de una página web se pone
    ...
CASO PRÁCTICO: UN BUSCADOR SOCIAL

   Librería SimplePie:

     Métodos   y funciones para recuperar el contenido
      ...
CASO PRÁCTICO: UN BUSCADOR SOCIAL
//objeto simplepie
$feed = new SimplePie('http://feeds.delicious.com/v2/rss/apcarpintero...
CASO PRÁCTICO: UN BUSCADOR SOCIAL
   ¿Cómo se realiza la búsqueda del usuario
    en los diferentes servicios web?
     ...
CASO PRÁCTICO: UN BUSCADOR SOCIAL
   Acceso a la API Google Social Graph:
       Recuperar links de servicios web relaci...
CONCLUSIONES
   Auge creciente del “Cloud Computing” Desarrollo
    de aplicaciones utilizando la web como plataforma.
...
POSIBLES AMPLIACIONES
   Realizar la búsqueda no solo por el alias del usuario, sino
    por nombre o por correo electrón...
Desarrollo De Aplicaciones Web 2
Desarrollo De Aplicaciones Web 2
Upcoming SlideShare
Loading in...5
×

Desarrollo De Aplicaciones Web 2

1,051

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,051
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Desarrollo De Aplicaciones Web 2

  1. 1. 14 de julio del 2009
  2. 2. ÍNDICE  Ámbito.  Desarrollo aplicaciones Web 2.0.  Caso Práctico: Buscador Social.  Ampliaciones y Conclusiones.
  3. 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. 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. 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. 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. 7. CASO PRÁCTICO: UN BUSCADOR SOCIAL  APIs utilizadas:  Sindicación de contenidos:
  8. 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. 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. 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. 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. 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. 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. 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. 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.
  16. 16. 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
  17. 17. 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…
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×