Heatmaps

En esta nueva versión de ANTS se incluye este potente servicio a los usuarios del sistema. A la gran cantidad de datos que recopilaba ANTS con anterioridad se añade la recogida de todos los clicks y movimientos de ratón que realizan los visitantes del Sitio Web analizado en cada página del mismo.

Siguiendo con la filosofía de que los webmasters que utilizan ANTS no deben realizar ningún trabajo para poder utilizarlo, el código necesario para la recopilación de todos los clicks de ratón es incluido automáticamente en cada página del Sitio web analizado por el Instalador de ANTS, éste código se comunica con el AnthillMaster mediante AJAX, enviándole todos los eventos que se producen y este último los almacena para la futura generación del heatmap. La utilización de AJAX para esta funcionalidad es perfecto, ya que no sobrecarga para nada al servidor del anthillMaster, ya que es una petición independiente al mismo.

Cuando el webmaster lo considere oportuno, accederá al sitio web de ANTS para ver los heatmaps de cada una de sus páginas, con tan solo un par de clicks primero se le mostrará una lista de todas las páginas web de su sitio QUE dispongan de clicklog para poder generar su heatmap.
Una vez generado el heatmap, el resultado será algo parecido a este heatmap de una página muy sencilla de prueba:

La Web es bastante sencilla pero se puede comprobar las posibilidades y potencia del sistema. En futuras actualizaciones iré subiendo capturas con webs más sofisticadas.

El proceso de generación del heatmap es el siguiente:

1. Cuando el anthillMaster recibe un click de ratón de un sitio web y un webmaster crea una carpeta para ese usuario y un log de clicks de ratón de esa página, en ese log se irán almacenando los siguientes clicks analizados.
2. Cuando el webmaster acceda a ver el heatmap de cualquiera de sus páginas, seleccionará una de ellas. El anthillmaster arrancará un programa externo programado en Ruby, he decidido utilizar este lenguaje por la potencia de RMagic, una librería para la generación de imágenes que es hasta 10 veces más rápido que el programa realizado en Java, estamos hablando de 5 minutos a 30 segundos de espera...
3. Una vez generado el heatmap, el anthillmaster se comunicará con el instaladorANTS solicitandole el código de la página web sobre la que se realizó el heatmap, indicándole que se va a mostrar un heatmap, en este caso el instaladorANTS incluirá en el código de la página un pequeño Javascript que superponerá encima de la página el heatmap generado.

Gracias a la gran comunicación entre los distintos módulos de ANTS el webmaster no tiene que realizar absolutamente ningún trabajo.


Tecnologías utilizadas para la realización de los heatmap, os dejo enlaces de referencia:

• Java, JEE
• Framework Struts
• Javascript
  
• AJAX
• Ruby sobre RMagic
  

Arrancamos

Hola,

hoy escribo el primer post del blog dedicado a mi Proyecto Fin de Carrera de Ingeniería Informática.

En primer lugar en que consiste mi proyecto, ANTS (Automatic Navigability Testing System).

El proyecto continua el trabajo realizado para el PFC de la Ingeniería Técnica, el objetivo principal que queremos conseguir es el de recoger todos los movimientos y clicks de ratón realizados por los usuarios de los Sitios Web analizados para la generación de heatmaps (mapas de calor) y multitud de informes relacionados.

Un Heatmap, o mapa de calor, es una especie de gráfico de una página web concreta en el que se resaltan con diferentes colores unas zonas concretas de la página, basándose en unos determinados criterios (Por ejemplo dónde se hacen más clics, por dónde pasa con más frecuencia el ratón, etc).

Lo que conseguimos con estos datos nos puede servir para mejorar aspectos de nuestro sitio, así como situar la publicidad (Léase Adsense) en los lugares en los que más movimientos de ratón se producen (y que por tanto más captan la vista del visitante), pudiendo de esta manera aumentar las ganancias.

La importancia de la recuperación de los movimientos y clicks de ratón es muy grande, los dos campos en los que su importancia es clave son los siguientes:

1. Usabilidad: Colocar los elementos más importantes en las zonas más importantes de la web. Esto puede parecer una obviedad, pero, ¿Cómo saber realmente que zonas son las más importantes de una Web? Los heatmaps son elementos muy importantes para descubrirlos.
2. Marketing: Situar la publicidad en los lugares en los que más movimientos o clicks de ratón se producen (y que por tanto más captan la vista del visitante), pudiendo de esta manera aumentar las ganancias.

Otro de los objetivos es la de modernizar el aspecto del Sitio Web de ANTS.


A continuación os dejo el borrador de la memoria del proyecto, es larga ya que casi está terminada a falta de vuestra aprobación. La memoria está compuesta por:

• Descripción del proyecto
• Descripción del producto
• Documentos que acompañan al proyecto
• Información adicional de interés (Estado del Arte)
• Bibliografía

Ver memoria del proyecto

Además de la memoria se han llevado a cabo muchos avances, pero de ellos ya hablaré con más profundidad en los siguientes posts, así por encima:

• Se ha migrado la base de datos a MySQL
• Se han solucionado algunos problemas de la versión anterior así como mejoradas algunas cosas
• Se recogen los clicks de ratón, los webmasters pueden ver los heatmaps de cada página web de su sitio a través del sitio web de ANTS.

Saludos.