TextMap

/home/israel/textmap

Fue un proyecto que realice a finales del 2008 para Torolab el cual se presento en el  SFMOMA (San Francisco Museum Of Modern Art).

Actualmente ese link ya no esta funcionando por que lo teniamos levantado en un equipo con Ubuntu en la casa del artista de Torolab.

Basicamente este proyecto (la idea) era hacer un "workroom" (cuarto de trabajo) en el cual los guardias del museo pudieran ingresar mensajes a una base de datos utilizando una página WEB o por medio de mensajes SMS desde un celular y desplegarlos en una página WEB en formato conocido como Treemap, una forma de visualizar estructuras jerárquicas (estructurada como arbol) por medio de rectangulos. La idea se tomo del Newsmap de Marcos Weskamp.

Variables Utilizadas

Para darle dinamismo y asi poder crear correctamente el Treemap se tomaron las variables siguientes:

La pantalla principal es una coleccion de mensajes de ocho "escritores". El mensaje mas reciente es de mayor tamaño que los demas, asi sucesivamente hasta que se terminara el espacio disponible. En este caso son 7 mensajes como máximo para ser desplegados.

Cada uno de los "escritores" tiene su propio espacio en el cual se despliegan un máximo de 20 mensajes respetando la regla del tamaño de los rectangulos.

Cuando se le da click en el mensaje aparece un "popup" con el mensaje completo, quien lo escribio y a que hora.

Cada que se "refresca" la página se hace un "random" de los mensajes mostrandolos en diferentes posiciones.

Se pueden ingresar mensajes desde una página WEB o por medio de SMS

Herramientas Utilizadas

Dado por el tiempo que tenia para desarrollar el proyecto (como poco mas de un mes) tuve que utilizar tecnologia ya disponible y mis "poderes" de programación WEB.

He aquí la receta de lo que se utilizo para concluir este proyecto:

  • Teléfono Celular Motorola L6 con Chip (para poder utilizar los comandos AT y conexion USB).
  • Computadora Pentium 4 (Prestada)
  • GNU/Linux Ubuntu como Sistema Operativo.
  • Gammu - Software para interactuar con teléfonos celulares que soportan AT.
  • Configuracion LAMP (Linux Apache MySQL PHP)
    • PHP para desarrollar la aplicacion
    • MySQL para la base de datos
    • Apache para servidor WEB
  • GreenSQL (Firewall SQL) - Dado que ya tenia rato de no programar y evitar que algun chistosito modificara la base de datos configure este Firewall para MySQL.
  • GIMP - Para la edición de las imagenes necesarias en el proyecto.
  • Wz-tooltip - Función javascript para los "popups" (En este cuestion me di cuenta de varias aplicaciones como script.aculo.us y prototype).
  • Paciencia.

Creo que eso fue todo para poder implementarlo, a continuación les dejo algunos screenshots de como quedo esta crap:

Pantalla Principal (Pointer sobre un mensaje)

Pantalla Principal (Pointer sobre autor)

Pantalla del sexto autor

Pantalla con Popup

 Vertical (Utilizando CSS y solamente en IE, ha-ha!)

Ingreso de texto via WEB

Haber si un día de estos puedo levantar el sitio y realizar un demo.