La Imagen del INI

En los años 60, el régimen español creó el INI (Instituto Nacional de Industria) para promover la industrialización del país. Era una macro empresa pública que controlaba gran parte de la industria española. Entre 1964 y 1991 el INI estuvo publicando una revista para informar sobre sus actividades y las de sus empresas.

En 2022 con motivo del 30 aniversario del fin de la revista, la Universidad Politécnica de Madrid (UPM) inauguró una exposición divulgativa sobre su forma y contenido. La exposición se llamó "La Imagen del INI" y tuvo lugar en el edificio de la "Asociación de Arquitectos" en el centro de Madrid.

Objetivos y desafíos

Crear una instalación de bajo coste para explorar la colección de la revista utilizando técnicas de visualización de datos, y a la vez añadir un elemento lúdico a la experiencia.

Recibimos el dataset con unas 7000 páginas de la revista. Algunas de las páginas tenían metadatos asociados. No disponíamos de presupuesto para comprar nuevos equipos o construir interfaces museísticas espectaculares. ¿Que hicimos?

Resultado y proceso

La instalación se compone de dos pantallas:

• una para filtrar
• Otra para ver los resultados.

La pantalla de filtrado permite al usuario seleccionar el año y el tema de interés. La pantalla de visualización muestra las páginas de la revista y los artículos relacionados con el tema seleccionado. Para darle un poco más de emoción, elegimos usar un dispositivo no convencional para navegar por la colección: un joystick retro de maquina recreativa.

Durante el proceso creativo, queríamos tener algo que no fuera solo un ordenador con ratón y teclado, sino algo que pudiera ser más atractivo para los visitantes.

El joystick ofrecía una buena combinación: es un dispositivo que es familiar para la mayoría de la gente, pero no tan común como para que pase desapercibido en este contexto.

Esta elección nos llevó a diseñar una interfaz sencilla inspirada en las interfaces de TV "tipo Netlifx", donde solo tienes un pad de 4 ejes para moverte por las opciones y seleccionar la que quieres.

Se ofrecen diferentes formas de navegar por la colección utilizando los metadatos: número, año, autor.

Todos esos criterios están disponibles en la pantalla de la interfaz. Por otro lado En pantalla de resultados podemos verlos de dos formas. Como galería y vista general:

• Con el modo de vista general, el visitante puede, por ejemplo, seleccionar un autor y ver rápidamente todas las páginas de la revista que fueron escritas por ese autor.
• Luego, con el modo de galería, el visitante puede ver las páginas en un grid y seleccionarlas poderlas leer.

Experimentos con Machine Learning

Además del etiquetado que nos proporcionó el equipo de investigación para cada página, añadimos algo más. Entrenamos un sistema para detectar páginas que tuvieran imágenes, tablas, etc. Y luego usamos Un clasificador para identificar el contenido de cada página.

De esta manera, pudimos proporcionar una descripción más detallada del contenido de cada página y crear una nueva forma de navegar por la colección. Por ejmplo buscar página que incluyeran fotos de un avión o diagramas de un mapa.

Tecnología

El proyecto es un proyecto 100% web. A nuestro conjunto habitual de VUE+D3 le añadimos processing para la visualización de datos y PIXI para la vista de galería. El joystick se controla utilizando la API de Gamepad de HTML5. Ambas pantallas son parte del mismo ordenador y se comunican utilizando el protocolo broadcast channel. La instalación está totalmente automatizada en su encendido y su apagado por lo que requiere cero mantenimiento.