MEMORIA TÉCNICA: GALLAECIA MEDIA HACKLAB
1. INTRODUCIÓN E CONTEXTO
GallaecIA Media Hacklab xorde como resposta á necesidade de crear un espazo dixital especializado para a materia Xornalismo Automatizado Intelixente da Facultade de Ciencias da Comunicación (USC), ante a rápida evolución do xornalismo impulsado por intelixencia artificial. Este laboratorio dixital funciona como punto de confluencia entre a intelixencia artificial, o xornalismo e a formación universitaria.
O nome GallaecIA Media Hacklab foi concibido como unha combinación poderosa, creativa e con forte identidade que reflicte tanto as raíces culturais como a proxección tecnolóxica do proxecto:
- GallaecIA: Fusiona Gallaecia, o nome histórico de Galicia durante o período romano, con IA (Intelixencia Artificial). Esta hibridación establece un vínculo distintivo entre a tradición cultural galega e a vangarda tecnolóxica, creando unha identidade única que ancla o proxecto no territorio mentres proxecta cara ao futuro.
- Hack: O termo "hack" achega dinamismo e enfoque na experimentación, innovación e colaboración. No contexto académico, evoca a filosofía hacker de libre información, libertade de expresión, curiosidade intelectual, aprendizaxe colaborativa e busca de solucións creativas a problemas complexos, moi adecuado para un laboratorio universitario onde se fomenta a experimentación coas tecnoloxías emerxentes.
- Lab: O sufixo "Lab" reforza explicitamente a idea dun espazo dedicado á investigación, creatividade e exploración. Transmite a natureza experimental e científica do proxecto, onde as fronteiras entre docencia, investigación e innovación se difuminan para crear unha contorna de aprendizaxe integral.
Así, GallaecIA Media Hacklab configúrase como un laboratorio de innovación en IA e xornalismo, ancorado na tradición galega pero mirando decididamente ao futuro, onde a identidade cultural non se opón á modernidade tecnolóxica senón que a enriquece e dóalle un carácter distintivo.
O proxecto nace nun momento –o ano 2025– no que a converxencia entre tecnoloxía e xornalismo esixe non só novos coñecementos técnicos, senón tamén espazos de experimentación, exhibición e arquivo que permitan tanto o aprendizaxe práctico como a documentación histórica desta transformación profesional.
2. OBXECTIVOS ESTRATÉXICOS
2.1 Obxectivos principais
- Consolidar un espazo de innovación onde os estudantes poidan experimentar con ferramentas de IA aplicadas ao xornalismo
- Establecer un repositorio evolutivo que documente o desenvolvemento de proxectos xornalísticos xerados con IA ao longo de diferentes cursos académicos
- Crear un escaparate de talento para mostrar as capacidades creativas desenvolvidas na facultade
- Xerar un recurso educativo aberto para a comunidade académica e profesional
2.2 Obxectivos técnicos
- Desenvolver un sistema autoxestionado capaz de organizar e presentar contidos multimedia de forma automatizada
- Implementar unha arquitectura extensible que permita a incorporación continua de novos proxectos e formatos
- Garantir a accesibilidade multiplataforma aos recursos xerados
- Asegurar a preservación a longo prazo dos traballos académicos
3. ARQUITECTURA DO SISTEMA
3.1 Estrutura organizativa
O portal estrutúrase en tres piares fundamentais:
- Biblioteca de proxectos web: Traballos integrais desenvolvidos con tecnoloxías de IA
- Sección curso actual
- Arquivo histórico por anos académicos
- Repositorio audiovisual: Contidos xerados mediante IA
- Galería de vídeo (curso actual e arquivo)
- Galería de audio (curso actual e arquivo)
- Sistema de metadatos: Capa de organización que cataloga e relaciona contidos
- Metadatos de autor
- Metadatos temporais
- Metadatos descritivos
3.2 Fluxo de traballo
O sistema implementa un fluxo de traballo automatizado:
- Entrada: Os estudantes depositan os seus proxectos en carpetas específicas (proxectos/curso_actual, video/curso_actual, audio/curso_actual)
- Procesamento: Scripts automatizados detectan, optimizan e catalogan os contidos
- Arquivado: Ao finalizar o curso académico, os contidos trasladanse automaticamente ao arquivo histórico
- Visualización: O frontend presenta os contidos organizados segundo a súa tipoloxía e cronoloxía
4. IMPLEMENTACIÓN TÉCNICA
4.1 Stack tecnolóxico
O proxecto desenvolveuse baixo un paradigma de simplicidade efectiva, priorizando a mantenibilidade e robustez sobre a complexidade innecesaria.
Frontend:
- HTML5 semántico para estrutura de contidos
- CSS3 con sistema de deseño baseado en Grid/Flexbox
- JavaScript vanilla para interactividade (evitando dependencias de frameworks)
- Deseño responsivo con enfoque mobile-first
Backend/Automatización:
- Python 3.x para xeración automática de HTML e procesamiento de metadatos
- Bash scripting para automatización de tarefas de optimización
- Sistema de plantillas baseado en f-strings para xeración de código
- JSON como formato lixeiro de almacenamento de metadatos
Multimedia:
- ffmpeg para optimización de vídeo e conversión de formatos
- Librería Pillow para procesamiento de imaxes e xeración de miniaturas
- Metadatos embebidos para preservación de información de autoría
Seguridade e optimización:
- Configuración .htaccess para control de acceso e protección de recursos
- Minificación CSS/JS para optimización de rendemento
- Carga diferida (lazy loading) para recursos multimedia
4.2 Solucións de deseño
Deseño visual: Adoptouse unha estética "retro-futurista" inspirada en interfaces de terminal, aplicando:
- Paleta cromática limitada pero impactante (verdes, azuis e magentas sobre fondo escuro)
- Tipografía monoespaciada que evoca terminais de comando
- Efectos visuais inspirados en pantallas CRT (scanlines, glowing, etc.)
- Microinteraccións sutiles para mellorar a experiencia de usuario
Estrutura de interfaz:
- Cabeceira: Identidade visual e navegación principal
- Menú de navegación: Acceso ás diferentes seccións con versión responsiva para dispositivos móbiles
- Corpo principal: Sistema de galerías modulares con previsualizacións
- Sistema de acordeóns: Para acceso ao arquivo histórico
- Reproductor modal: Para visualización de contidos multimedia sen navegación
- Pé de páxina: Información legal, licenza e créditos institucionais
5. IMPLEMENTACIÓN COMO PWA (PROGRESSIVE WEB APP)
5.1 Características PWA implementadas
O proxecto foi deseñado como unha Progressive Web App completa, permitindo aos usuarios instalar a aplicación nos seus dispositivos como se fose unha app nativa:
- Manifest.json: Configuración completa con metadatos, iconos e atallos personalizados
- Service Worker: Xestión inteligente de caché con estratexias Cache First e Network First
- Instalabilidade: Botón de instalación automático en navegadores compatibles
- Funcionamento offline: Acceso a contidos cacheados sen conexión a internet
- Atallos de aplicación: Acceso directo a Proxectos, Arquivo e Metodoloxía
5.2 Arquitectura do Service Worker
Implementouse un sistema de caché en dúas capas:
- Caché estático: Para recursos fundamentais (HTML, CSS, JS, iconos)
- Caché dinámico: Para contidos JSON e metadatos que se actualización frecuentemente
- Exclusións intelixentes: Arquivos multimedia pesados excluídos do caché para optimizar espazo
- Actualización automática: Sistema de notificacións para informar sobre novas versións
5.3 Xestión de iconos e metadatos
Creouse un sistema completo de iconos optimizados:
- 32x32px: Favicon e iconos pequeños
- 96x96px: Iconos para atallos de aplicación
- 192x192px: Tamaño mínimo requerido para instalación PWA
- 512x512px: Icono de alta resolución para splash screens
6. SCRIPTS DE AUTOMATIZACIÓN
O proxecto inclúe varios scripts esenciais para o seu funcionamento:
6.1 Xerador de galerías (generar_galeria.py)
- Escanea directorios de proxectos, vídeo e audio
- Extrae metadatos (títulos, descricións, autores) de arquivos
- Xera bloques HTML para cada tipo de contido
- Actualiza automaticamente o
index.htmlcos novos contidos - Xestiona a estrutura de arquivos JSON para persistencia
- Implementa limpeza automática de recursos huérfanos
- Xestión avanzada de caracteres especiais e acentos galegos
6.2 Optimización multimedia
- optimizar_videos.sh: Comprime e adapta vídeos para optimizar ancho de banda, con soporte para procesamiento paralelo
- optimizar_audio.sh: Normaliza e converte formatos de audio con preservación de calidade
- marcar_archivos_procesados.sh: Sistema de seguimento que crea arquivos JSON en
logs/para rexistrar que arquivos xa foron procesados, evitando repetir operacións custosas e preservando as optimizacións realizadas - convertir_videos_ios.sh: Detecta e converte vídeos con perfís H.264 incompatibles (High 4:2:2, High 10) a formato Main profile compatible con iOS Safari, preservando a calidade e creando backups automáticos
6.3 Xestión PWA e optimización
- pwa-manager.js: Xestión completa de instalación PWA, notificacións e funcionamento offline
- service-worker.js: Implementación de caché inteligente e estratexias de rede
- Scripts de iconos: Xeración automática de iconos PWA en múltiples tamaños usando ImageMagick
6.4 Limpeza e mantemento
- limpiar_html.py: Elimina código redundante e optimiza estrutura
- separar_css.py: Extrae estilos inline a arquivos externos
- replace_links.py: Actualiza enlaces en documentos HTML
7. ESTRUTURA DE CARPETAS
gallaecia_media_hacklab/
├── assets/ # Recursos estáticos
│ ├── css/ # Estilos (styles.css, styles.min.css)
│ ├── js/ # JavaScript (bundle.js, bundle.min.js, pwa-manager.js)
│ ├── img/ # Imaxes de interfaz e iconos PWA
│ └── thumbs/ # Miniaturas xeradas automaticamente
├── datos/ # Metadatos persistentes (JSON)
├── logs/ # Arquivos de seguimento para optimización
│ ├── audio_procesados.json # Rexistro de audios procesados
│ ├── videos_procesados.json # Rexistro de vídeos procesados
│ └── procesamiento_*.log # Logs detallados de operacións
├── proxectos/ # Proxectos web completos
│ ├── curso_actual/ # Proxectos do curso vixente 2024-25
│ └── arquivo/ # Proxectos de cursos anteriores (2022-23, 2023-24)
├── video/ # Contidos de vídeo optimizados
│ ├── curso_actual/ # Vídeos do curso 2024-25
│ └── arquivo/ # Arquivo histórico de vídeos
├── audio/ # Contidos de audio optimizados
│ ├── curso_actual/ # Audios do curso 2024-25
│ └── arquivo/ # Arquivo histórico de audios
├── metodoloxia/ # Sistema de fichas metodolóxicas
├── metodoloxia_fichas/ # Base de datos de fichas en JSON
├── scripts/ # Scripts de automatización e optimización
├── repo/ # Repositorio open source con código do proxecto
├── backup/ # Respaldos automáticos con timestamp
├── manifest.json # Configuración PWA
├── service-worker.js # Service Worker para funcionamento offline
├── .htaccess # Configuración servidor con reglas PWA
└── README.md # Documentación do proxecto
8. INTEGRACIÓN REDES SOCIAIS (OPEN GRAPH)
O proxecto implementa meta tags universais Open Graph para optimizar a presenza en redes sociais:
8.1 Implementación técnica
<meta property="og:title" content="Gallaecia Media Hacklab - Centro de Creación Dixital">
<meta property="og:description" content="Centro experimental de creación multimedia, tecnoloxías dixitais e innovación pedagóxica do IES de Valga">
<meta property="og:image" content="assets/img/og-image.png">
<meta property="og:url" content="https://valga.gal">
<meta property="og:type" content="website">
<meta property="og:locale" content="gl_ES">
<!-- Twitter específico -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Gallaecia Media Hacklab">
<meta name="twitter:description" content="Centro experimental de creación multimedia e innovación pedagóxica">
<meta name="twitter:image" content="assets/img/og-image.png">
8.2 Beneficios
- Visibilidade Social: Compartición optimizada en Facebook, Twitter, LinkedIn
- Imaxe Corporativa: Presentación coherente da identidade visual
- SEO Social: Mellora do posicionamento en redes sociais
- Alcance: Aumento da viralidade dos contidos compartidos
9. FLUXO DE ACTUALIZACIÓN
O proceso de actualización segue un fluxo sistemático:
9.1 Recollida de novos contidos
- Os estudantes entregan traballos en formatos predefinidos
- Deposítanse nas carpetas correspondentes do curso actual
9.2 Preparación e optimización
Antes de procesar os novos contidos, é fundamental executar o script de marcado para establecer un punto de referencia:
bash scripts/marcar_archivos_procesados.sh
Este script crea un rexistro dos arquivos existentes en logs/audio_procesados.json e logs/videos_procesados.json para evitar o reprocesamento innecesario, mellorando a eficiencia do sistema. A continuación, procédese á optimización dos contidos multimedia:
bash scripts/optimizar_videos.sh bash scripts/optimizar_audio.sh
O sistema inclúe mecanismos para preservar caracteres especiais e acentos nos nomes de autores. Se é necesario modificar manualmente os nomes con tildes ou caracteres especiais, pódese utilizar o seguinte comando:
python3 generar_galeria.py --editar-autores
9.3 Xeración de estrutura e metadatos
python3 generar_galeria.py
9.4 Minificación para produción
npx clean-css-cli -o assets/css/styles.min.css assets/css/styles.css cat assets/js/main.js assets/js/modal.js > assets/js/bundle.js npx terser assets/js/bundle.js -o assets/js/bundle.min.js
9.5 Arquivado ao finalizar curso académico
- Os contidos migran automaticamente ao arquivo histórico
- Presérvase a estrutura e metadatos asociados
9.6 Limpeza automática de recursos
O sistema inclúe funcionalidades de limpeza automática:
- Miniaturas huérfanas: Elimina miniaturas de vídeos que xa non existen
- Autores huérfanos: Limpa entradas de autores sen contido asociado
- Entradas JSON orfas: Elimina referencias a arquivos inexistentes
10. DESAFÍOS E SOLUCIÓNS
10.1 Desafíos técnicos
Durante o desenvolvemento, enfróntanse diversos retos técnicos:
- Heteroxeneidade de formatos multimedia: Solucionado mediante scripts de normalización que garantizan compatibilidade cross-browser.
- Nomenclatura inconsistente: Implementamos un sistema de normalización de nomes de arquivos que preserva a autoría mentres estandariza a estrutura.
- Optimización de recursos pesados: Desarrollamos unha cadea de procesamiento que reduce significativamente o tamaño dos arquivos multimedia (ata un 80% en vídeos) sen comprometer a calidade perceptible.
- Adaptabilidade a distintos dispositivos: Implementamos un deseño responsivo con breakpoints estratéxicos e tratamento específico para a visualización de vídeos verticais vs. horizontais.
- Escalabilidade do repositorio: A arquitectura modular permite a incorporación continua de contidos sen degradar o rendemento do sistema.
10.2 Axustes de deseño
O proceso iterativo incluíu varias refinacións de deseño:
- Mellora de grid responsivo: Inicialmente enfréntanse problemas coa visualización de galerías en diferentes tamaños de pantalla. Resolvéuse mediante un sistema de grid avanzado que mantén a coherencia visual.
- Optimización de controis de reprodución: Os controis nativos adaptáronse para mellorar a accesibilidade e experiencia de usuario.
- Refinamento do sistema modal: Implementouse un lightbox personalizado para visualización de contidos sen interferir coa navegación principal.
11. IMPACTO EDUCATIVO
11.1 Beneficios pedagóxicos
O proxecto aporta múltiples vantaxes ao entorno académico:
- Motivación por exhibición: O coñecemento de que os seus traballos serán públicamente accesibles incrementa a motivación e compromiso dos estudantes.
- Aprendizaxe por observación: O acceso a traballos de cursos anteriores proporciona referencias e establece estándares de calidade.
- Documentación de evolución: Permite observar a progresión de técnicas e aproximacións ao longo do tempo.
- Creación de portafolio: Os estudantes obtén un espazo permanente onde mostrar as súas competencias a potenciais empregadores.
11.2 Proxección profesional
O laboratorio actúa como ponte entre formación e profesión:
- Visibilidade externa: Expón o talento estudiantil ao sector profesional.
- Experimentación sen riscos: Permite explorar técnicas innovadoras nun entorno controlado.
- Documentación de procesos: Non só se mostran resultados finais, senón tamén metodoloxías e procesos creativos.
12. ANÁLISE DE RESULTADOS
12.1 Métricas actuais
- Volume do repositorio: 9 proxectos web multimedia, 36 vídeos e 34 audios catalogados
- Diversidade de formatos: Proxectos web, vídeos, podcasts, pezas sonoras
- Cobertura temporal: 1 curso académico documentado
- Redución de peso: Optimización media do 60% en arquivos multimedia
12.2 Logros cualitativos
- Estandarización de entregas: Establecemento de formatos e procesos consistentes
- Documentación histórica: Preservación sistemática da evolución da materia
- Interfaz intuitiva: Acceso estruturado a contidos complexos
- Identidade visual distintiva: Estética memorable que refuerza o concepto do laboratorio
13. SISTEMA DE FICHAS METODOLÓXICAS
13.1 Innovación pedagóxica
Unha das características máis distintivas do sistema é a implementación dun sistema de fichas metodolóxicas progresivas que documenta non só os resultados finais dos proxectos, senón tamén os procesos, ferramentas e metodoloxías empregadas polos estudantes.
13.2 Funcionalidades do sistema
- Fichas básicas: Permiten crear entradas con datos esenciais (título, autor, tipo) para mostrar contidos inmediatamente
- Completado progresivo: As fichas poden irse expandindo gradualmente con información metodolóxica detallada
- Carga automática de títulos: O sistema detecta fichas básicas e actualiza automaticamente os títulos na interface
- Indicadores visuais: Diferenciación clara entre fichas completas e en proceso mediante avisos contextuais
- Dashboard de xestión: Ferramenta interna para profesorado que permite análise, filtrado e exportación de fichas
13.3 Beneficios educativos
Este sistema aporta valor pedagóxico significativo:
- Documentación de procesos creativos: Non só se preservan resultados, senón metodoloxías e aprendizaxes
- Flexibilidade temporal: Permite entregas escalonadas sen afectar á experiencia de usuario
- Análise comparativa: Facilita o estudo de diferentes aproximacións metodolóxicas
- Feedback estruturado: Base para avaliación detallada e constructiva
14. LIÑAS FUTURAS DE DESENVOLVEMENTO
14.1 Melloras técnicas previstas
- Implementación de busca avanzada: Sistema de filtrado por metadatos, tags e contido
- Galería de prompts: Documentación de instrucións utilizadas con diferentes modelos de IA
- Integración con API de IA: Posibilidade de interactuar directamente con modelos desde a plataforma
- Sistema de comentarios e feedback: Para facilitar o diálogo construtivo sobre os proxectos
14.2 Expansións conceptuais
- Sección de metodoloxías: Documentación de procesos creativos con IA
- Métricas e análise: Visualización de estatísticas sobre uso de diferentes ferramentas e técnicas
- Colaboración interuniversitaria: Expansión para incluir proxectos de outras institucións académicas
- Versión multilingüe: Adaptación para maior alcance internacional
15. CONCLUSIÓNS
GallaecIA Media Hacklab representa unha resposta integral aos desafíos que plantea a incorporación da intelixencia artificial ao currículo xornalístico. Non só funciona como un repositorio técnico, senón como un espazo vivo de experimentación, documentación e exhibición.
A súa implementación demostrou que:
- A automatización de procesos libera tempo para centrarse en aspectos creativos e pedagóxicos.
- A preservación sistemática de traballos académicos crea un valioso recurso educativo evolutivo.
- A estética distintiva refuerza conceptualmente a natureza innovadora do proxecto.
- A arquitectura modular garante sustentabilidade e adaptabilidade a futuras necesidades.
Este proxecto establece as bases para un novo paradigma na ensinanza do xornalismo automatizado, onde a tecnoloxía non só é obxecto de estudo, senón tamén infraestrutura que facilita e potencia o proceso educativo.
ANEXO: EQUIPO E CONTACTO
Dirección do proxecto:
Alberto Quian
Facultade de Ciencias da Comunicación - Universidade de Santiago de Compostela
Integración institucional:
GallaecIA Media Hacklab forma parte do proxecto xornalismo.gal, a plataforma dixital da Facultade de Ciencias da Comunicación da USC, sendo accesible a través do subdominio ia.xornalismo.gal
Contexto académico:
Este proxecto desenvólvese no marco das materias e liñas de investigación en innovación xornalística, novas narrativas e tecnoloxías emerxentes do Departamento de Ciencias da Comunicación, co apoio do grupo de investigación Novos Medios, ofrecendo un espazo de converxencia entre docencia, investigación e transferencia de coñecemento.