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)

Son números pequeños, para empresas tan grandes, esos numeros en esta diapositiva significa el numero de empleados.
Diapositiva 14.-(Ahora significa el numero de visitas diarias unicas)
Diapositiva 15.-(Que significa el numero) Ahora una parte importante, ese numero significa la cantidad en millones de dolares que vale la empresa, o que fue fundada, no significa que todo le dinero sea para los empleados, también ahí inversores entre otros factores como el mantenimiento de sus plataformas y su equipo de hardware.

Diapositiva 16.-(Que puedo hacer)
Personalmente mis hermanas manejan un negocio de renta de mobiliario para fiestas, pensando en un sitio 1.0 solo pondría un catalogo.


Diapositiva 17.-(Que puedo hacer 2.0)
Utilizando la versión 1.0 y agregándole google maps al sitio para que el cliente pueda establecer donde será la entrega del mobiliario, seria muy útil y evitaría muchas confusiones al momento de entregas, ademas de evitar la llamada telefónica, y utilizando la plataforma de facebook podriamos tomar el nombre de usuario y teléfono para llevar el registro de ese cliente con mayor exactitud, y mas facilidad para el usuario final, incluso se podría utilizar el marketing viral a través de facebook publicando los eventos automáticamente en el calendario después de hacer un pedido de sillas.
Como ven las posibilidades son lo que diga la imaginación, y la utilidad de eso son muchas.


Diapositiva 18.- Esta diapositiva contiene un iframe hacia www.punksolid.com con una prueba de google maps API, no hace nada, pero se hizo en aproximadamente 2 horas.
Nota: Este trabajo fue expuesto en una clase donde el tema era que vamos a hacer de nuestro futuro, uno de los temas mas interesantes para Mí fue el de la Web 2.0, por lo tanto las primeras diapositivas son un poco del carácter personal.

Este vídeo explica la revolución de la Web 2.0 Revolucion.mov el cual también fue presentado en la misma exposición.
Referencias

Talvez te interese leer

Comentarios (2) Trackbacks (0)
  1. Segun yo la web 2.0 es la modalidad de los sitios actuales de permitir al usuario manejar el contenido (blogs, fotologs, videos, etc etc..) y no el uso de las tecnologias de servidor…

  2. Hola Abelini
    En el video Web 2.0 Revolucion.mov se muestra que es la web 2.0, que engloba muchos terminos, entre ellos como mencionas, la facilidad para el usuario final.
    Un sitio puede ser 2.0 por sus tecnologias, o por su modo de operacion.
    Como ejemplo se puede decir que wikipedia es por su modo de operacion, ya que millones de personas pueden editar el mismo articulo, y wikipedia no necesariamente contaba con Ajax en un principio.

    Creo que a eso te refieres, si no con gusto te respondo.


Leave a comment

(required)

Aún no hay trackbacks.