Archive for the ‘Entorno de desarrollo’ Category
septiembre 9th, 2008
Este post se lo dedico a Loretahur, a la que admiro en sus múltiples facetas y que en un plis-plas me ha solucionado el problema de alojamiento de la visualización en TouchGraph. Muchas gracias Lorena.
TouchGraph es un programa escrito en java que permite visualizar y navegar interactivamente por redes de información interrelacionada. Existen dos modalidades, una versión liberada en sourceforge y una versión de pago propiedad de Google. He querido probar ambas versiones antes de publicar este post.
Aunque en la versión liberada la documentación es escasa, no me costó mucho hacerla funcionar. Sin embargo, TouchGraph Navigator, la versión de pago, ha resultado ser muy cansina. Durante dos semanas he intentado hacer que visualizase la propagación de El meme de Enjut@ Mojamut@ con resultados desconcertantes. Al final he llegado a la conclusión de que está limitado el numero de nodos de la red, no sé si en la versión de evaluación que me descargado o si el problema también existe en la versión de pago. Al menos he acotado el problema y he podido ver como funciona.
Por razones de extensión en este post se explicará como visualizar con la versión liberada de TouchGraph y dejaré para un segunda parte cómo usar TouchGraph Navigator y no morir en el intento.
Pulsando en la siguiente figura se accederá a la visualización de la propagación del meme de Enjut@ Mojamut@. Pido disculpas, pero solo funciona en Firefox.

Ayuda a la navegación:
Situación inicial:
- Aparecen todos los nombres de los blogs agrupados. Situar el ratón encina de los nombres hasta que aparezca la palabra inicio.
- Pulsar con el botón derecho del ratón y en el menú asociado seleccionar “Expand node”
- Se desplegará la visualización.
Navegación:
- Barra superior: Controla el zoom. Hacia la derecha aumenta y hacia la izquierda disminuye
- Barra inferior: Controla el scroll
- Cursor sobre el nodo: Aparece información sobre el blog
- Botón derecho del ratón: Permite, expandir, comprimir o seleccionar el nodo
- Botón izquierdo del ratón: Enlaza al blog seleccionado en ese momento.
Información de los nodos:
- Color: Los nodos morados son de blogueras y los rojos son de Blogueros
- Formas: El rectángulo con esquinas redondeadas representa a los blogs que han propagado el meme y el rectángulo a los blogs que no lo han propagado.
- Tamaño de letra: Las letras de tamaño grande corresponden a los blogs que han propagado indirectamente más de 10 memes, las letras más pequeñas a los que no han propagado ningún meme y las letras de tamaño mediano al resto.
- Número asociado: indica que el nodo está comprimido y que se puede expandir en n conexiones
¿Cómo lo he hecho?
Como ya es costumbre, para poder mostrar que la visualización no es algo complejo se utilizará el mismo método de explicación que en las herramientas GraphViz y Pajek. mediante un procedimiento en tres pasos:

Preparar datos de origen: Los datos del meme recogidos en una hoja de cálculo se salvan en formato texto separados por tabulaciones.
Transformar datos a formato .xml: Se aplica un filtro awk al fichero de texto separado por tabulaciones y se genera un fichero en formato xml.
Generar el gráfico: Se procesa el fichero .xml con el programa TouchGraph

Entorno de ejecución local:
Entorno de ejecución en servidor con java:
agosto 21st, 2008

Como comentaba en el post anterior, Pajek es más que un visualizador de grafos, es un programa de análisis de redes que nos permite descubrir características de los nodos de la red.
Una de las funcionalidades que ofrece Pajek es el cálculo de la matriz geodésica. Esta matriz contiene todos los posibles caminos de distancia geodésica entre los nodos de la red. La distancia geodésica es “el número mínimo de pasos de un nodo a otro“.
La figura que encabeza este post (pulsando en la imagen se puede ver a tamaño real), visualiza la matriz geodésica que nos muestra la conectividad total entre todos los nodos y nos permite apreciar visualmente los nodos que más han favorecido la propagación de El meme de Enjut@ Mojamut@: Seccion Femenina, Colgado de las telecomunicaciones, Consultoria artesana en red, Carlos Garcia Argos , El albañil de Software, BarriBlog, El bloc de Carmen Pla, Opcion Web, Gamoia,
Pisito en Madrid, Diario de una profesional con niños, Tiscar.com, Freak s city, Hecho en Marbella y Eduardo Collado.
Alguno de los que han participado en este meme los estoy siguiendo en Twitter, como @tiscar, @fernand0,@carmepla, @petezin,@chiqui, @amfumero, @davidbs, @julen, @pisitoenmadrid,@ecollado,@ebrito, @emper, @labambola.
Es pequeñito el barrio y coincidimos en muchos sitios.
agosto 15th, 2008

Este post documenta el uso de la herramienta Pajek para visualizar la propagación del meme de Enjut@ Mojamut@, por tanto continua a la saga: Exprimiendo el meme de Enjut@ Mojamut@, Juntos pero no revueltos y Visualizando con GraphViz el meme de Enjut@ Mojamut@.
El proyecto Pajek, traducción del slovenio ‘Araña’, fue creado en 1996 por Vladimir Batagelj y Andrej Mrvar de la Universidad de Ljubljana, Slovenia. El Software de Pajek funciona bajo la plataforma de Windows y es de libre distribución para uso no comerciales. Es una herramienta muy completa para los que estudian redes complejas, entre ellas las sociales. En este manual se describen todas sus posibilidades. Entre sus funciones está la de visualizar grafos, cuyas posibilidades se explicarán a lo largo de este post.
Pajek trabaja con un formato de entrada .net. No tiene definida la gramática formal, pero se se ajusta a esta notación BNF.
Para poder mostrar que la visualización no es algo complejo se utilizará el mismo método de explicación que en la herramienta GraphViz. mediante un procedimiento en tres pasos:

Preparar datos de origen: Los datos del meme recogidos en una hoja de cálculo se salvan en formato texto separados por tabulaciones.
Transformar datos a formato .net: Se aplica un filtro awk al fichero de texto separado por tabulaciones y se genera un fichero en formato net.
Generar el gráfico: Se procesa el fichero .net con el programa Pajek

Al pulsar en las imágenes aparecerán en su tamaño real.
Se han realizado tres visualizaciones en 2D, cada una con un layout distinto. El filtro awk aplicado y el fichero .net generado es el mismo para las los tres layouts:
Entorno de ejecución es Windows
Pajek permite generar grafos en dos o tres dimensiones con distintos layouts y exportar a distintos formatos.
|
Layout
|
Cicurlar
- Posición de los vértices en círculo
Layout generado automáticamente.
EigenValues
Dibuja usando eigenvalues/eigenvectors (algoritmo de Lanczos). |
|
Formatos de salida
|
Imágenes en 2D
- EPS/PS – Se puede incluir en ficheros pdf
- SVG – Scalable Vector Graphic. Puede ser incluido en un html como un objeto. El plugin se puede obtener de adobe.
- Bitmap – (bmp) para incluir en hatml u otros documentos. Ocupa bastante
|
Imágenes en 3D
|
julio 9th, 2008
Este post es la continuación de la entrada “Juntos pero no revueltos” y aquí se publicarán algunas visualizaciones estáticas del meme de Enjut@ Mojamut@ y el proceso que he seguido para obtenerlas. El objetivo es mostrar que visualizar está al alcance de todos los que quieran ponerse a ello.
El pasado mes de marzo en un post titulado “Graphviz” se describió esta herramienta ilustrándola con varios ejemplos de visualización realizados por Gustavo Romero, estudiante de Telecomunicaciones en la Universidad Carlos III. Basándome en su experiencia (tuvo la amabilidad de pasarme sus fuentes) la he aplicado al meme de Enjut@ Mojamu@ haciendo algunos cambios en el tipo de herramienta de filtrado de datos. A continuación se describe el procedimiento en tres pasos:

Preparar datos de origen: Los datos del meme recogidos en una hoja de cálculo se salvan en formato texto separados por tabulaciones.
Transformar datos a formato dot: Se aplica un filtro awk al fichero de texto separado por tabulaciones y se genera un fichero en formato dot.
Generar el gráfico: Se procesa el fichero dot con el programa Graphviz.

Se han realizado tres visualizaciones que se presentan a continuación indicando el filtro awk aplicado, el fichero dot generado y el tipo de visualización elegida. En el post de Graphviz se explican los tipos de visualización de esta herramienta.
Al pulsar en las imágenes aparecerán en su tamaño real.
|

|
Grafo libre: Esta visualización corresponde al dibujo de la propagación del meme sin ninguna restricción.
Comando para generar el fichero dot |
 |
Grafo por nivel de propagación: esta visualización corresponde al dibujo de la propagación del meme en la que se ha forzado a que los nodos se sitúen en su nivel de propagación.
Comando para generar el fichero dot |
 |
Grafo por tiempo de propagación: esta visualización corresponde al dibujo de la propagación del meme en la que se ha forzado a que los nodos se sitúen en su día publicación.
Comando para generar el fichero dot |
Entornos de ejecución
enero 11th, 2008

Barriblog necesita analizar el código HTML de TODAS las páginas de los blogs para encontrar sus relaciones. Es la única manera de poder establecer los vínculos de vecindad salvo que alguien más astuto este guardando todos los rss de los blogs desde el inicio de la blogosfera. Estoy segura que esa información está en algún lugar pero no creo que me dieran un API para acceder a ella ni para una tesis doctoral. El único camino que queda es arremangarse y sacar la información desde fuera.
Llevo un mes dejándome las pestañas en esquivar todos los errores del código HTML de los blogs que estoy analizando. No es fácil cumplir la W3C, prácticamente nadie la cumple, ni siquiera el código que generan las plataformas de blogs se ajustan al estándar. A esta dificultad hay que añadir la mano de los bloggers incrustando HTML a su libre albedrío, que he podido comprobar cuan diverso es: no cabría ni en la long tail.
Mi buen amigo Jesús Sánchez conoce mi capacidad de esquivar los obstáculos en la programación. En el taller de visualización quedó un poco escandalizado de los trucos de una experimentada softwarera. Toda esa capacidad la he desplegado para BarriBlog pero en este momento, tras gestionar siete flags de contexto para sortear los fallos sintácticos, he exclamado antes de incluir el octavo: ¡BASTA YA! En su lugar acabo de implementar una rutina de manejo de errores sintácticos: El código HTML que no cubran los siete flags lo desecho y me sincronizo con el siguiente TAG. Ya me duele tirar información pero todo tiene su límite y hoy lo he alcanzado
Me ha venido a la cabeza el delicioso libro “El diablo Cojuelo” que leí en mi juventud mientras entraba en las tripas de los blogs para que Lestat, el programa raíz de BarriBlog, les succionara la información para estructurarla. Esto me ha permitido ver el interior de los blogs al margen de su fachada o fama. Algo parecido lo que vio Don Cleofás cuando el Diablo Cojuelo, como pago de su a liberación, le mostró los hogares de Madrid por dentro y qué miserias esconden:
Y levantando a los techos de los edificios, por arte diabólica, lo hojaldrado, se descubrió la carne del pastelón de Madrid como entonces estaba, patentemente, que por el mucho calor estivo estaba con menos celosías, y tanta variedad de sabandijas racionales en esta arca del mundo, que la del diluvio, comparada con ella, fue de capas y gorras.
He analizado los 100 blogs de la tesis de Tiscar y de algunos de mis blogs favoritos. Sorprendería lo que he visto y dónde lo he visto, pero como mujer discreta que soy me reservo el secreto como si fuera de confesión y no daré nombres, pero es difícil que olvide a los blogs que me han hecho perder tanto tiempo.
También he descubierto algunas cosas del código HTML que genera Blogger, pero eso como Schehrazada lo dejaré para otro día
Aún me quedan unas cuantas fases de lestat pero por fin he cerrado el capítulo del adaptarme al medio de sintaxis difusas. Ahora, iré al grano.