Your SlideShare is downloading. ×
  • Like
Desarrollo De Aplicaciones Web 2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Desarrollo De Aplicaciones Web 2

  • 996 views
Published

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

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

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
996
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
14
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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.
  • 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. 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…