jueves, 31 de diciembre de 2009

Insercion de Google Wave en un blog

Siguiendo con la entrada anterior entre las cosas que nos permite realizar Google wave esta la de agregar las waves a una entrada de blog permitiendo convertir una entrada estatica en una entrada totalmente dinamica y llena de posibilidades en la que cada participante de la Wave puede aportar en tiempo real.>

Aqui va un pequeño tutorial de como incorporar waves a nuestras entradas del blog.

Como primer paso debemos de incorporar codigo en el diseño HTML en la parte de diseño del blog. El siguiente codigo debe de ir posicionado antes de la vineta </body>

<script src='http://wave-api.appspot.com/public/embed.js' type='text/javascript'/>
<script type='text/javascript'>
/*
    Embed Google Wave Script v2.0
    Re-writen by: Jayson Ragasa, Baguio City, Phillipines

    Original Version (V1.0) from Mr Embeddy: embeddy@appspot.com
    this JS code is for Blogspot only
*/
var div = document.getElementsByTagName('div');
for (var i = 0; i < div.length; i++) {
  if( div[i].id.substr(0, 5) == 'wave_' ) {
    var id = div[i].id.substr(5, div[i].id.length-5);
    var wave = new WavePanel('https://wave.google.com/wave/');
    wave.setUIConfig('white', 'black', 'Arial', '13px');
    wave.loadWave('googlewave.com!w+' + id);
    wave.init(document.getElementById(div[i].id));
  }
}
</script>


Después de copiar este codigo en el lugar correcto debemos de dirigirnos a nuestra seccion de Google Wave


En el área de contactos agregar el siguiente contacto: embeddy@appspot.com

Luego en la wave que queremos colocar en el blog agregamos a este contacto, lo que hará que nos despliegue el siguiente mensaje:



y nos fijamos en la parte de que va después de googlewave.com!w+ y copiamos esta id



ya con esta id podemos eliminar al contacto embeddy y el mensaje que nos mostro.

Luego vamos a nuestra entrada del blog y escibimos la sigueinte linea donde <id copiada> es la id de la wave que copiamos anteriormente
 <div id="wave_<id copiada>>" style="height: 420px; width: 450px;"></div>



En esta linea el parametro que introducimos en height es la cantidad de pixeles que queremos que tenga de alto el marco del a wave y el parametro width es la cantidad de pixeles que tendra de ancho el marco de la wave en nuestra entrada.

La ventaja de este codigo es que con tan solo agregar una linea en la entrada se agrega una wave y con tan solo cambiar de id de la wave se pueden agregar varias wave en un mismo blog o entrada de el.



martes, 17 de noviembre de 2009

Google Wave




Ayer y anteayer estuve todo el día fascinado con Google Wave, culpa de esto dormí casi 3 horas durante estos dias. Wave es un proyecto de Google para reemplazar el servicio de email, el cual ya tiene casi 40 años! Este experimento esta pensando desde cero cómo pueden explorarse las capacidades de la red actual, para generar un servicio de comunicación más eficiente.Wave es una aplicacion "de comunicacion personal y herramienta de colaboracion".  Wave fue creado por los inventores de Google Maps, los hermanos Lars y Jens Rasmussen.

¿Pero que es Google Wave?

Producto




Wave integra email, mensajería instantánea, wiki, sharing de archivos, y algo más.
La unidad basica de Google Wave es una "wave". Una “wave” es mas similar en funcionalidad, a una thread en un foro de discusión, con la diferencia que es posible modificar las thread anteriores, utilizando un sistema de control de versiones que permite reconstruir, paso a paso, como se fue modificando la thread, esta funcion le llaman Playback, a la cual tiene acceso cualquier usuario que tenga acceso abierto a la wave.

Por otro lado, Wave funciona sobre HTML5: En la demo se mostró funcionando perfectamente en Firefox en Safari y en Chrome, no se podia esperar menos de Google!!!  Y para aquellos que se preguntan ¿Y que paso con Internet Explorer(IE)? yo les tengo la respuesta, para que quieren un visor de HTML si puede tener un navegador Web!!

Inbox de Waves

Para esto Google ha desarrollado todo un protocolo pero de esto hablare luego. El cliente de google wave  fue desarrollando con Google Web Toolkit, entorno y code generator de desarrollo en Java para Javascript. El cliente fue diseñado para para utilizar HTML5.  Con el cliente se puede mantener un chat, teniendo una conversacion totalmente en vivo tanto asi que el chat es caracter a caracter con todas las personas involucradas a la "wave". Se puede mandar mensajes, editar mensaje, compartir fotos y archivos tan facilmente al utilizar la funcionalidad de drag and drop desde el escritorio sin importar que sistema operativo utilices, (ya lo he probado en windows, linux ubuntu 9.04 y en MAC OS), hacer playback del historial de la wave, sumar gente a la web, etc. Es un software increíble y lo mejor es OPEN SOURCE. Señores de Windows APRENDAN!!!


Plataforma

Algo que definitivamente hace exitoso a Wave es el soporte de extensiones que llegan a ser increibles, funcionales y faciles de utilizar  Estas se implementan mediante Robots que se unen a la Wave. Estos robots pueden ser:
  • ○ Proxies a otros sistemas (en la demo se muestra uno para Twitter y otro para un Issue Tracker),
  • ○ Traductores (traducción realtime de Google!); 
  • ○ Correctores (desarrollo gigante, corrector no solo sintactico sino contextual, que toma las frases de la web de forma realtime). 
Los robots cuentan con un alto nivel de manipulacion de la UI de una "wave" o incluso  hacer de interfase con otros sistemas. Según los desarrolladores, la APIs interna y la externa (esta es la que esta disponible para desarrollar) son muy similares. 

Entre algunas de la extensiones que mas me gustaron fueron "Twetty" gran extension que permite editar entradas en twitter y poder ver las entradas de tus "Followings".

Otra de estas extensiones de las que comentare en mas profundida luego es “bloggy” que al sumarlo a una wave, publica todo el contenido de la misma en un blog… lo diferente y nueva funcionalidad que nos brinda Google Wave es que si alguien escribe sobre la "wave", esta es modifica en el post del blog y si alguien comenta el post, este comentario se refleja en la "wave". Increible, esto se llama comunicacion personal!!!

Ahora recuerdan todas aquellas extensiones o aplicaciones que en su momento salieron utilizando el API de Google Maps? Bien lleven todas estas extensiones de un "simple mapa"(como que si hubiera sido simple hacerlo jajaja) a algo tan gran y con tantos ambientes como lo son las redes sociales, la comunicion personal y la colaboracion grupal.

Protocolo

Google desarrollo el protocolo (http://www.waveprotocol.org/)  que se despegara de Google, para hacerse un standard, la idea es poder descargar y utilizar este protocolo en cualquier servidor sin la necesidad de depender de Google.

Resulta muy atractivo que los servidores de Wave  pueda alojarse en un servidor coorporativo, como  el servidor de email, y alojar allí todas las "waves" internas, sin la necesida de tener que depender de Google. Ocasionando que estos servidores incluso compitan con Google. Cuando una Wave se desarrolla entre clientes del mismo servidor, esta no sale de allí. Al agregar alquien de afuera del “dominio” la wave se transmite a otro servidor . Es posible incluso hacer Mensajeria Instantanea (IM) en Wave utilizando “multidominio”.

Promesas

Ademas del protocol, Google prometio que que liberará el código de su cliente de Wave. Esto permitirá hacer cientos de clientes basados en el de Google, y ofrecer servicios de “waving” fuera de Google; ahora claramente el servicio principal será el de Google. Como siempre Google se ha convertido de nuevo en un Oceano Azul!!

Algo que se debe de recalcar en esta seccion es la de la posibilida de llegar a reemplazar el viejo servicio de email inventado ya casi 40 años.

Posibilidad de contar con una gran fuerza de programacion integrada por casi cualquier persona del planeta.

Dejo Video laaaaaargooo de la demostracion de Google Wave en el Google IO 2009. ¡¡¡Me hubiera encantado estar alli!!!


sábado, 6 de junio de 2009

Nueva Actualizacion

Guuuuaaauuu ya un año sin actualizar verdaderamente esto es una verguenza. Pondre algunos temas que me estan interesando mucho estos dias, ademas son temas que estoy aprendiendo en mi trabajo.