Saltar al contenido principal
Logo de Universitat Autònoma de Barcelona

Explorador web para descubrir patrimonio universitario

Visualización interactiva WebGL de un grafo de conocimiento construido sobre 564 fotografías teatrales de Barcelona (1909-1935). Parte práctica del TFM de Sara Gálvez Torres en Humanidades Digitales (UAB) para la puesta en valor del patrimonio documental.

Explorador web para descubrir patrimonio universitario
  • Cliente Universitat Autònoma de Barcelona
  • Timeline 3 meses
  • Servicios
    Web Pipeline de datos Humanidades Digitales

    Este proyecto nace como la materialización práctica del Trabajo de Final de Máster de Sara Gálvez Torres en la Universitat Autònoma de Barcelona. Durante su investigación en la Fundación Instituto Amatller, Sara identificó un corpus de 564 negativos de vidrio de Rafael Areñas que documentan la escena teatral barcelonesa entre 1909 y 1935. El reto era transformar una masa crítica de placas de vidrio en un espacio de memoria viva y computable.

    Explorador del Fondo Areñas

    La base teórica del proyecto aborda un problema estructural de la archivística tradicional: la dispersión semántica. Como señala Sara en su tesis, los catálogos convencionales suelen “secuestrar” la información en fichas aisladas. Una fotografía de Areñas no es solo una imagen; es el punto de intersección de un actor, un autor, un teatro y una compañía. Inspirándonos en las intuiciones de René Huyghe sobre el pensamiento visual asociativo, decidimos romper con la estructura rígida de las tablas SQL para adoptar un modelo de Grafo de Conocimiento.

    Construimos un portal donde cada fotografía es un nodo conectado a través de relaciones semánticas explícitas. Implementamos un pipeline que cruza los metadatos históricos con tres capas de análisis extraídas mediante modelos: la datación estimada, la detección de vestimenta y la transcripción HTR de anotaciones manuscritas. El resultado es una red de 740 nodos y 4 120 aristas que permite “taxonomizar lo inabarcable”.

    Vista del grafo de conocimiento

    Para que la navegación fuera fluida a pesar de la densidad de datos, apostamos por WebGL con Sigma.js. Cada nodo imagen proyecta la fotografía real como una textura circular, permitiendo al investigador ver el patrón global del fondo sin perder el detalle del objeto físico. Para resolver las restricciones de acceso de los archivos estatales, desarrollamos un proxy de imagen que sirve el contenido en tiempo real de forma segura.

    Un aspecto técnico clave fue la decisión de no ejecutar el layout en el cliente. El algoritmo ForceAtlas2 corre durante el proceso de build, realizando 500 iteraciones sobre el grafo original para fijar las coordenadas espaciales. Esto garantiza que la experiencia sea instantánea: el usuario entra directamente en la constelación de datos ya organizada, ahorrando ciclos de CPU en el navegador.

    Grafo con capas de metadatos activas

    La interfaz utiliza un diseño de pantalla dividida donde el grafo es el protagonista absoluto y el panel lateral actúa como contexto dinámico. Mediante transiciones suaves de crossfade, el explorador permite saltar de una fotografía a la red de un actor específico o a un año concreto, permitiendo que la interfaz se convierta en una herramienta de descubrimiento heurístico.

    Panel lateral contextual con detalles del TFM

    Impacto del TFM

    • 564 placas de vidrio digitalizadas y conectadas semánticamente
    • Modelo de Grafo que supera las limitaciones de la catalogación tradicional
    • Integración multimodal: visión por computador y HTR aplicadas al patrimonio
    • Pipeline estático: máximo rendimiento mediante pre-calculación de layouts en build

    Más proyectos

    Echa un vistazo a algunos de nuestros otros proyectos destacados.

    ¿Tu equipo sigue haciendo en 3 horas lo que un sistema haría en 5 minutos?

    Cuéntanos qué quieres mejorar. En un día laborable te responderemos con una primera orientación y próximos pasos.

    Agenda abierta para nuevos proyectos