¡Hola a todos! Hoy traemos un artículo un poco diferente, algo más personal y estratégico. En SiloCreativo, la mayoría nos conocéis por nuestros tutoriales de diseño web o por nuestros diseños de themes para WordPress, pero los que lleváis más tiempo con nosotros sabéis un secreto: nuestro ADN es híbrido.
Aunque hoy vivimos entre código, 3 de los 4 miembros del equipo somos arquitectos de formación. Y aunque colgamos el casco de obra para dedicarnos al Frontend y al diseño, hay traumas que nunca se olvidan. Uno de ellos es la normativa técnica.
En un mundo donde diseñamos edificios con BIM y modelado 3D, la normativa sigue anclada en PDFs estáticos de hace 20 años. Es un cuello de botella analógico en un flujo de trabajo digital. Nos parecía increíble que, teniendo la tecnología, nadie hubiera solucionado esto. Así que, tras hablar largo y tendido con ex-compañeros de carrera y validad sus necesidades, hemos decidido hacerlo nosotros. Va por aquellas noches interminables durante la carrera buscando epígrafes y tablas para calcular coeficientes de transmitancia térmica de cubiertas y cerramientos…
¡Bienvenidos al making of de Normatia, nuestro nuevo proyecto propio! 😀
La Visión: No es un PDF, es una Base de Datos
Cuando planteamos el proyecto, teníamos una premisa clara: no queríamos crear «otro visor de PDFs online». De esos ya hay muchos y no solucionan el problema de raíz. El objetivo era mucho más ambicioso: «atomizar» la norma.
Teníamos que romper los documentos legales monolíticos en bloques de información independientes (artículos, tablas, datos) para poder conectarlos entre sí. Para que os hagáis una idea, es la misma diferencia que hay entre usar un mapa en papel escaneado y usar Google Maps. Los datos geográficos son los mismos, pero la utilidad y la interactividad se multiplican por mil.
Dicho esto, nuestra primera misión era transformar el CTE (Código Técnico de la Edificación) en una base de datos inteligente, consultable y viva.
El Reto Técnico: Ingeniería de Datos y Stack Moderno
Aquí es donde nos pusimos el sombrero de desarrolladores (y nos quitamos el de arquitectos). Este proyecto no ha sido tanto un reto de diseño web clásico, sino más bien un proyecto de arquitectura e de ingeniería de datos.
Tuvimos que enfrentarnos a documentos legales no estructurados y convertirlos en datos atómicos (JSON). Para ello, el proceso de «ingesta» fue clave. Utilizamos Python y modelos de Inteligencia Artificial (Visión) para «leer» y estructurar tablas complejas que un OCR tradicional destrozaba.
Para el desarrollo del producto final, elegimos un Stack tecnológico centrado en el rendimiento y la escalabilidad:
1. Astro para el Frontend
Necesitábamos una velocidad extrema. La normativa es contenido estático pesado, y Astro nos permitía servir HTML casi puro, consiguiendo unas métricas de WPO (Web Performance Optimization) increíbles. Queríamos que consultar una ley fuera tan instantáneo como buscar algo en Google.
2. Supabase como Backend
Para gestionar la autenticación y la base de datos, optamos por Supabase. Nos ofrece la robustez de PostgreSQL pero con una experiencia de desarrollador (DX) fantástica, permitiéndonos escalar rápido sin volvernos locos con la infraestructura.
3. Grafos de Conocimiento (Neo4j + IA)
Aquí viene la «magia». No nos bastaba con guardar texto; queríamos que la futura IA entendiera las relaciones. Por eso, estamos trabajando con Grafos de Conocimiento (GraphRAG). De esta forma, el sistema «sabe» que la Tabla 2.1 está vinculada al Artículo 5, creando una red de información interconectada.
Valor Añadido: Lo que el PDF no puede hacer
Al movernos a un entorno web nativo, hemos podido implementar funcionalidades que en un PDF son ciencia ficción. En este MVP (Producto Mínimo Viable) que ya está online, hemos incluido:
- Deep Linking: ¿Necesitas enviar un artículo específico a un compañero? Ahora puedes enviar un enlace directo a artículo exacto, sin decirle «ve a la página 45, segundo párrafo».
- Glosario Contextual: Esto nos encanta. Al pasar el ratón por una palabra técnica, ves su definición en un tooltip sin tener que ir al final del libro o abrir otra pestaña.
- Relaciones Semánticas: Entender que una norma lleva a otra y poder navegar entre ellas con un clic.
Este proyecto es especial para nosotros. Ya sabéis que en SiloCreativo no solo nos gusta crear código para terceros; nos encanta detectar problemas reales en el mercado, diseñar soluciones de producto completas y lanzar proyectos propios.
Normatia es nuestro Spin-off. Nace de nuestra propia experiencia y dolor como ex-arquitectos, ejecutado con nuestra experiencia actual como desarrolladores.
Manos a la obra: El futuro de Normatia
Esto es solo el principio (v1.0). Ya tenemos el CTE digitalizado, un buscador potente y el sistema de glosario. Pero lo que viene es aún mejor: estamos trabajando en calculadoras para automatizar el cumplimiento de normativas y un Asistente basado en IA que responda dudas complejas basándose en nuestra base de datos estructurada.
¡Bola extra! Si sois arquitectos, ingenieros, o simplemente geeks de la tecnología y queréis ver cómo hemos montado esto, os invitamos a probar la beta abierta en Normatia.com.
Y vosotros, ¿tenéis algún «side project» que una vuestra profesión anterior con el desarrollo web? ¡Contadnos en los comentarios, nos encantará leeros! 😉
