Ajustes

Semana de la Administración Abierta · Madrid 2026

Vibe Coding
Madrid

Datos abiertos e IA para una ciudad mejor

Taller · 3 horas Tangible Data · tangibledata.xyz
Antonio Moneo
Facilitador
Antonio
Fundador de Tangible Data
Diseño de experiencias de aprendizaje con datos e IA
Datos abiertos, narrativa y prototipado cívico
Convierte datos públicos en servicios comprensibles y útiles
Facilitación · producto · comunicación
Gonzalo
Facilitador
Gonzalo
De ideas caóticas a productos reales con IA
+8 años en sistemas de IA, automatización y datos
Tecnología limpia y empresas internacionales
Enfoque práctico: prototipar rápido, iterar y lanzar
Ingeniería · visión de producto · resolución creativa
El proyecto

Tangible Data:
tangibilizar los datos

Tangibilizar es hacer comprensibles los datos: convertirlos en experiencias que se ven, se tocan, se escuchan, se conversan y se viven.

📊

Visualización

Mapas, gráficos y capas que hacen visible lo que estaba escondido.

🧱

Fisicalización

Datos convertidos en objetos, materiales y espacios que se pueden tocar.

🔊

Sonificación

Patrones traducidos a sonido para escuchar ritmos, alertas y cambios.

🤖

Agentificación

Agentes que preguntan, explican, recomiendan y acompañan decisiones.

🕺

Corporalización

Datos expresados con cuerpo, movimiento, gesto y presencia.

🏙️

Hoy: Madrid

Datos abiertos → experiencia comprensible → prototipo ciudadano.

Russell Ackoff, 1989

De los datos a la acción

Cada capa transforma lo anterior — la IA amplifica todas.

✨
Inteligencia Artificial
Amplifica y conecta todas las capas. Genera, recomienda, actúa.
¿Qué sigue?
🦉
Sabiduría
Conocimiento con juicio y valores. Tomar las decisiones correctas.
¿Para qué?
🧠
Conocimiento
Información aplicada a la experiencia. Patrones, reglas y principios.
¿Cómo funciona?
📊
Información
Datos con contexto y significado. Responde quién, qué, cuándo, dónde.
¿Qué significa?
📦
Datos
Hechos brutos sin contexto. Números, registros, señales en crudo.
¿Qué pasó?
Nuestro proyecto guía

Madrid
Accessible
Explorador

Una aplicación conceptual para ayudar a personas con movilidad reducida, mayores y familias a encontrar rutas, espacios y servicios accesibles en Madrid.

Movilidad reducida
Rutas y transporte sin barreras
Personas mayores
Equipamientos cercanos y adaptados
Familias
Parques y trayectos con carritos
Accesibilidad sensorial
Información clara, lenguaje sencillo
De dato bruto a ciudad accesible

Cómo la IA convierte los datos abiertos en una ciudad para todos

Los datos por sí solos no cambian nada. La IA los traduce, los actualiza y los pone en tus manos.

01
Visualizaciones
que hablan
Mapas, capas y gráficos que vuelven visible lo que estaba escondido en un CSV
02
Narrativas
con contexto
La IA interpreta los números y los convierte en historias que cualquier vecino entiende
03
Datos
siempre vivos
Actualización en tiempo real desde las APIs públicas — nada de archivos olvidados
04
Web y móvil
en tu bolsillo
Formatos pensados para la calle: adaptables, ligeros, accesibles desde cualquier dispositivo
Lo que te llevas a casa

Al final de hoy vas a saber

01
Explorar conjuntos de datos abiertos
Encontrar y comprender conjuntos de datos urbanos
02
Comprender datos abiertos
Por qué transforma la ciudad
03
Usar IA de forma práctica
Insights, ideas y prototipos
04
Diseñar soluciones urbanas
Aplicaciones ciudadanas con cabeza
05
Vivir el vibe coding
Crear, colaborar, iterar
Tu plan para las próximas 3 horas

Agenda · 4 bloques

01 · Conectar
0:00 – 0:15 · 15 min
0:00Entrada inmersiva3 min
0:03Pongamos que hablo de Madrid5 min
0:08Formación de grupos7 min
02 · Entender
0:15 – 1:00 · 45 min
0:15¿Qué es vibe coding?5 min
0:20Datos abiertos de Madrid + recorrido por el portal10 min
0:30Búsqueda colaborativa de datos15 min
0:45Compartir conjuntos de datos e ideas15 min
03 · Experimentar
1:00 – 2:00 · 60 min
1:00Introducción a Google AI Studio10 min
1:10Microdemostraciones inspiracionales10 min
1:20Primeras instrucciones20 min
1:40☕ Pausa20 min
04 · Crear & celebrar
2:00 – 3:00 · 60 min
2:00Lienzo de diseño · recorrido de usuario10 min
2:10Gran bloque Vibe Coding30 min
2:40Preparación de presentaciones10 min
2:50Demostraciones · cierre10 min
0:03 – 0:08 · 5 min · Dinámica inicial

Pongamos que hablo de Madrid

Comparte en 30 segundos — el facilitador lo anota en pantalla.

01
Algo que amas
Un sitio, imagen o momento de Madrid.
02
Una fricción urbana
Algo que frustra o la ciudad podría hacer mejor.
0:08 – 0:15 · 7 min

Encuentra a tu equipo

Levántate y agrúpate junto al cartel del tema que más conecte con tu fricción urbana. Equipos de 4–5 personas.

Grupo A
Accesibilidad
Movilidad reducida, lectura clara, barreras urbanas
Grupo B
Movilidad
Transporte, tráfico, bici, peatón, BiciMAD
Grupo C
Medio
ambiente
Calidad del aire, ruido, zonas verdes, clima
Grupo D
Servicios
públicos
Cultura, deporte, sanidad, educación, trámites
0:15 – 0:20 · 5 min · Antonio

¿Qué es el vibe coding?

01

Describes

Le explicas a la IA lo que quieres en español, como a un amigo.

02

La IA genera

Código, análisis o visualización — sin que toques una sola línea.

03

Iteras

Pides cambios, mejoras y refinas la idea conversando.

No necesitas saber programar. Necesitas curiosidad.

Cómo jugamos durante las próximas 3 horas

Las reglas del juego

01
Sin miedo
al error
Equivocarse rápido es la única forma de aprender rápido
02
No hace falta
ser experto
Si sabes preguntar en español, ya tienes todo lo necesario
03
Cualquier intento
es bueno
Aquí no se evalúa: se explora. Probar ya es ganar
04
La IA se
va a equivocar
Es tu colaboradora, no un oráculo. Cuestiona, comprueba, itera
05
Si no sale en
10 min · repiénsalo
No insistas con la misma idea — cambia la instrucción o el enfoque
06
Pregunta
sin filtro
Los facilitadores flotan por la sala. Levanta la mano cuando quieras
0:20 – 0:23 · 3 min · Gonzalo

Madrid ya tiene
los datos. Todos.

El portal datos.madrid.es publica cientos de conjuntos de datos abiertos, gratuitos y actualizados sobre la vida de la ciudad.

400+
conjuntos de datos
disponibles
100%
gratuitos y de
acceso libre
CSV · JSON · API
listos para usar
con IA
Demostración guiada · Gonzalo

Recorrido por el portal
datos.madrid.es

① Buscar por keyword
② Filtrar por categoría
③ Abrir CSV y leer metadata

0:23 – 0:30 · 7 min

0:30 – 0:45 · 15 min · En grupo

🔎 Búsqueda de datos colaborativo

Misión: encontrar al menos 3 conjuntos de datos útiles para construir Madrid Explorador Accesible.

Pista 01
Paradas EMT accesibles
Navegación accesible en autobús
Pista 02
Equipamientos públicos
Recomendaciones urbanas adaptadas
Pista 03
Parques accesibles
Ocio inclusivo al aire libre
Pista 04
Terrazas de hostelería y restauración
Espacios públicos de socialización
0:45 – 1:00 · 15 min · Ambos

Compartimos conjuntos de datos
+ primeras ideas

Cada grupo cuenta en 1 minuto qué ha encontrado y por qué es útil. Recogemos todo en una pizarra colectiva.

📋 Conjuntos de datos en la pizarra
💡 Ideas de uso
⚡ Conexiones inesperadas
Antes de construir · Investigación conversacional

Investiga primero con
NotebookLM o Gemini Gems

Antes de saltar a AI Studio, dale el conjunto de datos a un asistente conversacional para entender qué tienes entre manos.

Paso 1
Descarga el conjunto de datos
Del portal datos.madrid.es en CSV, JSON o XLSX
Paso 2
Escanea la Gem del taller
QR para abrir la Gem del taller
Usa este QR para abrir la Gem preparada e investigar el conjunto de datos antes de construir.
Gem del taller
Paso 3
Lanza la instrucción mágica
El que verás aquí debajo · cópialo tal cual
"
Instrucción recomendada
Quiero hacer una aplicación en Google AI Studio para visualizar y explicar este conjunto de datos a un público no experto.
1:00 – 1:10 · 10 min · Antonio
Tu nueva herramienta

Google
AI Studio

Acceso gratuito a Gemini desde el navegador. Sin instalar nada. En español.

aistudio.google.com

Sube CSV, Excel o PDF con datos y hazle preguntas en español

Pide análisis, gráficas, resúmenes o aplicaciones completas

Itera: si algo no está bien, corrígelo en lenguaje natural

100% gratuito — solo necesitas cuenta de Google

3 microdemostraciones · 2 min cada una

Mostrar el potencial

🌬️
Guardianes del Aire
¿Es seguro salir a correr hoy en mi barrio?
→ aire.tangibledata.xyz
☀️
Madrid al Fresco
¿Cuál es la terraza con más espacio libre cerca de aquí?
→ Abrir app
🚲
Bicicletas Inteligentes
¿Dónde habrá BiciMAD disponible a esta hora?
🚗
Tráfico Abierto
¿Qué ruta evita los atascos ahora mismo?
→ Abrir app

1:10 – 1:20

1:20 – 1:40 · 20 min · Todos

Manos a la obra: primeras instrucciones

Carga uno de tus conjuntos de datos en AI Studio y prueba estas 4 preguntas. Itera. Equivócate. Pregunta.

A
Resume el conjunto de datos
"¿De qué trata este archivo? ¿Qué columnas son las más importantes?"
B
Genera aprendizajes
"¿Qué patrones interesantes detectas? ¿Hay algún dato sorprendente?"
C
Pide recomendaciones
"¿Cómo se podría usar para mejorar la vida de una persona mayor?"
D
Itera
"Hazlo más sencillo / en lenguaje claro / con un ejemplo concreto."
☕
1:40 – 2:00 · 20 minutos

Pausa

Café, algo de conversación y un respiro. Volvemos con energía.

2:00 – 2:10 · 10 min · Gonzalo

Diseño del Recorrido de usuario

Rellenad este lienzo en equipo. Será la chuleta de la presentación.

01 · Usuario
¿Para quién?
Persona concreta, necesidad real, contexto cotidiano.
02 · Datos
¿Con qué datos?
Conjuntos del portal de Madrid que alimentan la solución.
03 · IA
¿Qué hace?
Resume, recomienda, traduce, alerta, infiere.
04 · Flujo
¿Cómo lo vive?
Recorrido completo: abrir la aplicación → resolver el problema.
2:10 – 2:40 · 30 min · Bloque central

Gran bloque
Vibe Coding

Diseñad la solución de vuestro grupo. Funcionalidad. Conjuntos de datos. Instrucciones. Experiencia usuario.

Paso 1
Define funcionalidad
Paso 2
Carga conjuntos de datos
Paso 3
Genera instrucciones
Paso 4
Itera con tu equipo
→ Abrir Google AI Studio aistudio.google.com QR para abrir los handouts HTML Materiales HTML del taller Escanea para abrir glosario, buenas prácticas, lienzo y rúbrica. vibe.tangibledata.xyz/nivel-2/handouts/index.html
~2:25 · 5 min · Mini-dinámica

⚔️ Batalla de
instrucciones

Cada grupo comparte su mejor instrucción en la pantalla. Aprendemos unos de otros. Competencia amistosa.

Antes de la presentación · 2 minutos

Comparte tu prototipo · formulario común

Cada grupo envía su enlace público en el mismo formulario. El facilitador abre la lista común y proyecta las demos en orden.

Escanea aquí
QR para enviar el enlace del prototipo
Formulario común
Enviad grupo, nombre de la aplicación y URL pública.
Paso 1
Copia la URL pública
En AI Studio: Compartir → Enlace público → copiar.
Paso 2
Pégala en el formulario
Un envío por grupo. Incluid una frase clara sobre qué resuelve.
Paso 3
Proyectamos la lista
El facilitador abre las respuestas y lanza cada demostración.
!
Importante: enviad solo enlaces públicos de prototipos. No subáis datos personales ni información privada.
2:40 – 2:50 · 10 min · Preparación

Prepara tu presentación de 3 min

Tres bloques. Tres minutos. Narrativa, energía, claridad.

1'
El problema
¿Qué fricción urbana abordáis?
1'
La solución
Vuestro Explorador Accesible en una frase.
1'
La demostración
La instrucción que mejor funcionó.
💡
Truco · usa Gemini para tu presentación
Descarga el archivo comprimido de tu proyecto en AI Studio → súbelo a Gemini → pídele "Genérame una presentación de un minuto sobre esta aplicación"
2:50 – 2:57 · El momento

Día de demostraciones 🎉

Cada equipo presenta. Aplausos al final. Solo comentarios positivos.

3'
por grupo
👏
aplausos
∞
posibilidades
Tus comentarios · 2 min

¿Cómo lo has vivido?

Cuestionario Kirkpatrick nivel 1 — Reacción. Valora cada objetivo de 1 (nada) a 5 (totalmente).

01
Sé explorar conjuntos de datos abiertos
1 2 3 4 5
02
Entiendo el valor de los datos abiertos
1 2 3 4 5
03
Puedo usar IA de forma práctica
1 2 3 4 5
04
Sé diseñar soluciones urbanas con datos
1 2 3 4 5
05
He vivido el vibe coding · lo recomendaría
1 2 3 4 5
Responde en línea
Escanea el QR
o entra en el enlace
QR para responder el cuestionario final
Formulario de comentarios
2 minutos
+ pregunta abierta
¿Qué te llevas y qué mejorarías para la próxima edición?
2:57 – 3:00 · Cierre

De ciudadanos
a arquitectos
de innovación

Los datos son tuyos. Las herramientas son gratuitas. Solo falta tu próximo paso.

Datos
datos.madrid.es
IA
aistudio.google.com
Comunidad
tangibledata.xyz
Comentarios
QR para formulario final de comentarios
Evalúa el taller
2 minutos
Semana de la Administración Abierta · Madrid 2026 ¡Gracias! 🙌
La siguiente fase

Tu prototipo puede
salir de AI Studio

En el nivel 1 aprendiste a imaginar, explorar datos y construir una primera app. Ahora vas a aprender el recorrido que permite seguir trabajando sobre ella.

AI Studio→GitHub→Tu ordenador→Codex o Claude
Bloque de transición · Demo guiada
Paso 1 · Guardar el trabajo

De AI Studio a GitHub

1

Abre Source control

En AI Studio, abre el control de código fuente de tu aplicación.

2

Conecta GitHub

Autoriza GitHub y elige un repositorio descriptivo para el proyecto.

3

Haz el commit

Revisa los archivos, escribe un mensaje claro y confirma la primera versión.

4

Comprueba el repo

Abre GitHub y verifica que el código está ahí. Nunca subas claves ni secretos.

Bloque de transición · Demo guiada
Paso 2 · Traer el proyecto

De GitHub a localhost

1

Clona

git clone <URL>
cd <carpeta>

2

Instala

npm install

3

Arranca

npm run dev

4

Abre

Visita la URL de localhost que muestre la terminal. Ya tienes la app ejecutándose en tu máquina.

Si falla, copia el error completo en el agente. No borres archivos ni secretos para “probar”.
Bloque de transición · 10 min
Paso 3 · Trabajar sobre el código

Abre tu proyecto
con un agente

Codex

Abre la carpeta del repositorio en Codex. Pídele que lea el proyecto, te explique su estructura y proponga un cambio pequeño antes de tocar nada.

Claude

Abre la misma carpeta en Claude. Empieza con una tarea concreta, revisa el plan y comprueba el resultado en el navegador.

La herramienta puede cambiar. El método permanece: contexto → plan → cambio pequeño → prueba → revisión.
Bloque de transición · Hands-on
Paso 4 · Iterar sin miedo

Pide un cambio visible
y compruébalo en local

“Lee el proyecto. Añade una etiqueta en la portada que diga ‘Primera iteración local’. No cambies la arquitectura. Enséñame qué archivos modificarás y cómo comprobarlo.”
1

Revisa el plan y los archivos afectados.

2

Acepta el cambio y refresca localhost.

3

Mira el diff y decide si haces commit.

Cierre del puente

Del “lo he probado”
a “lo puedo seguir construyendo”

AI Studio

Explorar una idea y crear el primer prototipo.

GitHub + local

Guardar, clonar, ejecutar y cambiar el proyecto.

Nivel avanzado

Secrets, integraciones, colaboración y publicación.

Hoy no necesitas dominarlo todo. Necesitas llevarte el mapa y haber recorrido el primer tramo con tu propia aplicación.