Punksolid Tecnologia, Curiosidades, Sistemas de Informacion y un poco de Religion

30oct/082

Mashups y la Web 2.0 (Diapositivas)

Diapositiva 4.-(Web 2.0) Para poder entender que son las Mashups debemos analizar que es la Web 2.0, brevemente podemos decir que la web 2.0 es el sucesor de la Web estática 1.0, donde cada pagina era escrita manualmente mediante código HTML.

Diapositiva 5.-(Web 2.0 y Tu)  No hay receta para decir que una web es 2.0, pero hay varios elementos y características que hacen una web 2.0, como Ajax, Mashups, XML, WOM, Adsense, Cloud, Blogosfera, etcétera.

Incluso podemos definir Web 2.0 mediante algun chiste como este:

Acabo de poner un mashup bien fregon en mi vlog. Uso SOAP y Ajax para poner las tiendas de comidas para perros en un Mapa de Google. Ahora lo que necesito es generar polémica y comentarios en la blogosfera y asi estaré dentro de los mejores, eso sin mencionar las ganancias de Adsense

¿Que es la web 2.0?

Es un cambio de forma de la web y la unión de algunas características:

  • Participación
  • Personalización y colaboración
  • Rich Internet Apps

La web 1.0 no era así, era solo comunicación unidireccional, donde las grandes empresas decidían que publicar.

Ahora la comunicación se da en todas direcciones, lo cual supone una mayor personalización.

Diapositiva 6.-(2.0) Es la evolución de las aplicaciones como las conocemos:

La comunicación también se da de personas a personas y de maquinas a maquinas, la comunicación de personas a maquinas ya existía desde la web 1.0.

Personas a personas => Redes sociales

Maquinas a Maquinas =>Mashups

Diapositiva 7.-(Por que es interesante)

Diariamente navegamos en sitios web con utilidad impresionante que ni siquiera generan sus propios contenidos (wikipedia, facebook, n+...), y entonces somos Nosotros quienes generamos ese valioso contenido para ellas.

Esos sitios son portales de Internet con ganancias multimillonarias, pero a nosotros no nos pagan nada por usarlos, es entonces cuando podemos agarrar su contenido en una mashup y exprimirles su valor.

Diapositiva 8.- (Mashups) Es una mezcla de servicios donde un sitio web incrusta información de la que NO es dueño, eso supone un llenado de contenido de manera automática y sin administración.

Diapositiva 9.- (Ejemplo facebook) Facebook es una red social, que a su vez es una plataforma de desarrollo, entonces facebook no genera el contenido, lo generan los usuarios a través de su interacción, y facebook no crea las interacciones entre sus usuarios, lo hacen los desarrolladores externos que incrustan sus aplicaciones dentro de la misma plataforma.

Asi facebook gana mucho tiempo dejando que otros decidan como van a interactuar los usuarios, y los desarrolladores dejan que facebook se encargue de mantener y registrar a los usuarios que usaran sus aplicaciones.

Todos felices y contentos. Asi el usuario tiene infinidad de cosas que hacer en un sitio.

Diapositiva 10.-(Algunas mashups)

En este diagrama se marca con flechas rojas los sitios en los que los usuarios generan los contenidos, y con flechas grises, donde esos contenidos son utilizados para dar informacion adicional. El mejor ejemplo es Friendfeed.

Diapositiva 11.- (Elementos de un Mashup)

Tomado de Wikipedia

La arquitectura de los mashups está siempre compuesta de tres partes

El proveedor de contenidos: fuente de los datos. Los datos están disponibles vía una API y diferentes protocolos web como RSS, REST y Web Service.
El sitio mashup: es la nueva aplicación web que provee un nuevo servicio utilizando diferente información y de la que no es dueña.
El web browser cliente: es la interface de usuario del mashup. En una aplicación web, el contenido puede ser mezclado por los web browser clientes usando lenguaje web del lado del cliente. Por ejemplo javascript.
Cabe mencionar que mashup no es incrustar contenidos a travez de iframes o embebs como los vídeos de youtube en blogs.
Diapositiva 12.-(Ejemplos reales, Intercomunicación)
Del lado izquierdo podemos ver a iGoogle que a través de su API cualquiera puede hacer un Widget para incrustarlo dentro de la pagina. Del lado derecho una imagen generada automáticamente por frienfeed con mis ultimas actividades.
Diapositiva 13.-(Que significa el numero)