domingo, 30 de noviembre de 2008

Pruebas UC Diciembre 2008

Adjunto archivo con las pruebas que realizaré en el UC de Diciembre.

En este caso realizaré pruebas del tipo cognitive walk-through.

Pruebas

lunes, 3 de noviembre de 2008

Pruebas de usabilidad

Añado a la documentación el informe de las pruebas realizadas hasta el momento, una vez hechas las del UC de Noviembre serán añadidas al informe.

Saludos

jueves, 30 de octubre de 2008

Pruebas UC NOV 08

Os dejo el informe de las pruebas de usabilidad que voy a realizar a ANTS en el UC de Noviembre.

En este caso los objetivos se centrarán en consolidar las mejoras realizadas a partir de las pruebas realizadas en el UC de Octubre y en probar la facilidad de instalación de ANTS.

Pruebas UC Nov 08

Actualizado manual de instalación

He actualizado y completado el manual de instalación.

Saludos

viernes, 24 de octubre de 2008

Manual de instalación

Añado el manual de instalación de ANTS, es un manual bastante completo, aún así todavía está en "fase de pruebas".
Saludos.

lunes, 29 de septiembre de 2008

Manual de usuario

Añado un nuevo manual, en este caso el Manual de usuario.

Saludos.

martes, 23 de septiembre de 2008

Manual técnico

Terminado el manual técnico lo subo para que me comentéis todo lo que se pueda mejorar.


Saludos.

Diseño

Finalizado la parte de la documentación correspondiente al Diseño (preliminar y detallado) de la aplicación, lo añado a la lista de apartados completados:

Próximo objetivo: Manuales, que incluye tanto los manuales técnicos como el manual de usuario.

sábado, 20 de septiembre de 2008

Planificación y Presupuesto

Sigo avanzando en la documentación, en este punto aprovecho, además de para subir un nuevo documento "Planificación y presupuesto" a hacer un resumen de los documentos ya terminados y subidos.

Siguiendo las normas de documentación de la EPSIG, para proyectos de Productos Software:
En el plazo de unos días espero poder subir el diseño.

Nos vemos.

viernes, 19 de septiembre de 2008

Análisis

Terminado el borrador final del análisis del proyecto os lo dejo para que echéis un ojo y me comentéis lo que veáis oportuno.

Ver análisis ANTS08

miércoles, 17 de septiembre de 2008

Pruebas UC OCT 08

Hola gente,

os dejo la batería de pruebas que tengo pensado hacer en el UC de Octubre.

Ver pruebas.

Nos vemos.

martes, 16 de septiembre de 2008

Reservado Slot UC OCTC08

Hola a todos,

en el UC del próximo mes de octubre realizaré la primera presentación en grupo de la nueva versión de ANTS.

Además de la presentación en los 10 minutos reservados, realizaré 2 test de usabilidad.

El primero de ellos será una Evaluación Heurística y constará de unas pruebas guiadas con el fin de analizar varios aspectos de la funcionalidad del Interfaz de Usuario. Todavía estoy diseñando las pruebas, aunque estas están bastante avanzadas, en el plazo corto de unos días las subiré.

El segundo de ellos será una entrevista a todos los que hayan participado en las pruebas sobre el propio Interfaz, esto también está bastante perfilado, lo subiré junto a la Evaluación Heurística.

Nos vemos.

lunes, 15 de septiembre de 2008

Profundizando un poco más

En esta entrada voy a centrarme en explicar mi decisión de generar los heatmaps sobre el lenguaje Ruby y RMagic en un proyecto desarrollado en Java, pudiendo hacer esta tarea en este lenguaje.

El trabajo de todo ingeniero informático, además por supuesto de dar solución a los problemas propuestos es el de solucionarlos de la manera más conveniente. En un principio la solución desarrolada estaba hecha en Java, la generación de un heatmap con 100 eventos de ratón tardó unos 20 minutos, esto era totalmente inaceptable.

Investigando por la red di con unas librerías de procesamiento de imágenes bastante competentes basadas en el programa de edición de imagenes Image Magic, esta librería, de software libre, es RMagic.

Una vez implementada la solución para la generación de heatmaps en Ruby sobre RMagic, pasándole la misma prueba que al programa anterior los resultados fueron gratificantes y a la vez sorprendentes, el heatmap fue generado en 10-15 segundos, toda comparación es apabullante.

Con esto no quiero decir que Ruby sea siempre la mejor solución, la más rápida o más sencilla de implementar, solo que antes de entrar de lleno a implementar cualquier cosa, no está de más plantearse que lenguaje es el ideal para ésta.


La comunicación entre la parte Java del proyecto y la parte Ruby es la más difundida entre comunicación proceso-proceso, a través de ficheros, el parte del módulo Ant desarrollado en Javascript recoge los eventos de ratón y los va enviando al módulo central AnthillMaster, estos son formateados y almacenados ordenadamente por página y usuario, cuando se solicita la generación del heatmap via Web, entra en juego el módulo Ruby, en este momento es necesario una sincronización entre la aplicación Web Java y el módulo Ruby, hasta que el heatmap no sea generado al 100% este no podrá verse, lógicamente, en la aplicación Web. Esto ha sido conseguido gracias a la clase Runtime de Java.

A continuación os pongo la estructura de directorios del hormiguero o AnthillMaster, la aplicación Web donde los webmaster pueden configurar sus pruebas remotas, ver los resultados tanto de esas pruebas como los múltiples datos recopilados por ANTS, sobre ellos hablaré en futuras actualizaciones.
dentro de la carpeta resultadosPruebas se almacenan tanto los propios heatmap por usuario y por página, es decir, dentro de por ejemplo la carpeta Nacho se incluirá un fichero de eventos de cada página y un heatmap por cada fichero de eventos.

También pueden verse las carpetas correspondientes a las pruebas de maniobrabilidad y de observación, estructuradas exactamente de la misma manera.


Desde el sitio web AnthillMaster un usuario podrá acceder a los heatmaps de la manera más sencilla posible, esto es:


Acceder al menú "heatmap" desde la web inicial

Automáticamente se le mostrará una lista de heatmaps disponibles como muestro a continuación:


Es interesante comentar un par de cosas, no se le muestra la lista completa de páginas web que componen su Sitio Web, esto sería una locura ya que no todas pueden tener disponible fichero de eventos de ratón para generar el heatmap, se le mostraría un heatmap inútil y eso sería un gran agujero de usabilidad.
Se le muestran únicamente las páginas web que disponen de eventos de ratón, haciendo click sobre la URL de la página aparecerá una web pidiendole que espere unos momentos, ya que su heatmap se está generando, una vez finalizada la generación se le mostrará un link a partir del cual podrá verlo.

En la imagen puede verse que a la derecha algunas URL aparece el texto (Ver última generación FECHA), esto quiere decirse que está disponible para el usuario un Heatmap ya generado en la fecha indicada, esto puede llegar a ser muy útil, por ejemplo en ocasiones en las que se quiere ver el heatmap en un breve espacio de tiempo.


Por el momento nada más, espero que os haya entretenido la actualización.

martes, 2 de septiembre de 2008

Potencia de los Heatmaps

Hola,

en esta nueva entrada analizaré la potencia y utilidades que tienen los heatmaps generados por ANTS.

Para ello basaré el estudio en los eventos de ratón almacenados en una nueva web a estudiar, el sitio de una cadena de hoteles.


La mayor potencia de los heatmaps generados por ANTS radica en que los eventos de ratón se recogen en tiempo real, esto es posible gracias a las tecnologías utilizadas, entre ellas AJAX libera al servidor de cualquier responsabilidad y RMagic (Ruby) permite una generación hasta 30 veces más rapido que cualquier programa Java.


En cuanto a las utilidades, en la primera entrada de este blog las comentaba de manera teórica, ahora apoyándome en este nuevo y "real" heatmap lo haré de manera más práctica.
  • 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.
En este caso vemos que los eventos de ratón se centran en los 2 menús que componen la web, uno en la parte izquierda y otro en la parte superior, lo que no se ve en la captura, y que no tiene ni un sólo click de ratón es el buscador colocado en la parte inferior de la página, lo que delata una mala colocación del mismo. También puede verse como muchos de los eventos se centran en al logo "HotelesN21" colocado sobre el menú, generalmente el logo de la compañía suele tener un enlace a la página inicial del sitio web, en este caso no es así, mostrándose un clamoroso error de usabilidad ya que todos esos clicks han sido realizados en vano. Lo mismo ocurre con el texto de bienvenida incluido al mismo nivel que el menú superior horizontal en la parte izquierda, que parece un enlace que no es.

Como puede verse, las posibilidades de este nuevo servicio son ilimitadas.

miércoles, 30 de julio de 2008

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:

miércoles, 23 de julio de 2008

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.