Archive for the ‘Entorno de desarrollo’ Category

Visualizando con TouchGraph free

6 Comments »

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.

touchgraph-free.jpg

Ayuda a la navegación:

Situación inicial:

  1. Aparecen todos los nombres de los blogs agrupados. Situar el ratón encina de los nombres hasta que aparezca la palabra inicio.
  2. Pulsar con el botón derecho del ratón y en el menú asociado seleccionar “Expand node”
  3. 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:

icon_no1.gif

Preparar datos de origen: Los datos del meme recogidos en una hoja de cálculo se salvan en formato texto separados por tabulaciones.

icon_no2.gif 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.

icon_no3.gifGenerar el gráfico: Se procesa el fichero .xml con el programa TouchGraph
flecha.jpg

Entorno de ejecución local:

Entorno de ejecución en servidor con java:


Matriz geodésica con Pajek

8 Comments »

enjuta-geodesic-450.jpg

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.


Visualizando con Pajek el meme de Enjut@ Mojamut@

2 Comments »

logo.png

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:

icon_no1.gif

Preparar datos de origen: Los datos del meme recogidos en una hoja de cálculo se salvan en formato texto separados por tabulaciones.

icon_no2.gif 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.

icon_no3.gifGenerar el gráfico: Se procesa el fichero .net con el programa Pajek

flecha.jpg

Al pulsar en las imágenes aparecerán en su tamaño real.

Circular

Kamada-Kawai

Fruchterman Reingold

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

Es necesario bajarse el awk para Windows y el Pajek

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


Visualizando con Graphviz el meme de Enjut@ Mojamut@

3 Comments »

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:

icon_no1.gif

Preparar datos de origen: Los datos del meme recogidos en una hoja de cálculo se salvan en formato texto separados por tabulaciones.

icon_no2.gif 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.

icon_no3.gifGenerar el gráfico: Se procesa el fichero dot con el programa Graphviz.

flecha.jpg

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.

precedencias.png

Grafo libre: Esta visualización corresponde al dibujo de la propagación del meme sin ninguna restricción.

Comando para generar el fichero dot

precedencias-nivel-mini.jpg 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

precedencias-tiempo-mini1.jpg 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

Linux Utilizar el comando awk y bajarse el ejecutable para Graphviz para linux.
Windows Bajarse el awk para Windows y el Graphviz para Windows

El diablo Cojuelo

7 Comments »

el-diablo-cojuelo.jpg

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:

cita.jpg 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.

Related Posts Plugin for WordPress, Blogger...