Torna al blog BIM i IFC
Bessons digitals · 2026-10-10 · 9 min
Un bessó digital en viu de la Plaça de Catalunya, creat amb dades obertes al navegador
Vuit models IFC de la Plaça de Catalunya sobre el terreny real, amb ancoratges de Bicing, un punt de recàrrega de vehicles elèctrics, el trànsit dels carrers i la qualitat de l'aire que s'actualitzen amb les dades obertes de Barcelona. Tot s'executa al navegador del visitant: sense plataforma IoT, sense servidor GIS, sense cap backend nostre.
La Plaça de Catalunya a IFC Viewer Online: les fonts bessones i altres models IFC sobre el mapa 3D de Barcelona, amb el recompte de Bicing en viu flotant sobre els ancoratges
La majoria de demostracions de bessons digitals comencen amb una plataforma: un compte al núvol, una llicència de connector i un servidor amb què hagin de parlar els sensors. Aquesta comença amb un enllaç. L'obres i vuit models IFC de la Plaça de Catalunya s'alcen sobre el terreny real de Barcelona mentre les fonts públiques de la ciutat els acoloreixen: els ancoratges d'una estació de bicicletes compartides, les places d'un punt de recàrrega de vehicles elèctrics, el trànsit dels carrers del voltant i la qualitat de l'aire.
No hi ha res pel mig que sigui nostre. El navegador del visitant descarrega els models d'aquest web i les dades directament de cada proveïdor. Això posa límits al que el bessó pot fer, i s'expliquen més avall. També vol dir que qualsevol pot obrir-lo, inserir-lo o copiar-ne el fitxer d'escena i construir el seu propi bessó.
L’essencial
- Es pot construir un bessó digital útil només amb dades obertes quan els proveïdors permeten peticions des del navegador (CORS). Les fonts de Bicing, Endolla, trànsit i qualitat de l'aire de Barcelona ho permeten totes.
- L'enllaç entre les dades i el model és una vinculació: una font de dades, un identificador de dispositiu, una consulta d'elements IFC per classe i nom, i regles de color en què guanya la primera que coincideix.
- L'alineació és el que ho fa creïble. Aquí, els elements IFC queden a 0,1–0,4 m dels elements d'OpenStreetMap que modelen, i els punts de dades se situen exactament on els dibuixa el mapa base.
- Tota la demostració és un sol fitxer d'escena JSON. Copia'l, canvia'n els models i les vinculacions, i en tens un de propi.
Prova-ho: la Plaça de Catalunya, en viu
Obre els vuit models sobre el terreny de l'ICGC amb les quatre capes en viu. Els ancoratges de Bicing i les places d'Endolla prenen el color de les fonts de dades, amb el valor en viu flotant a sobre.
Obre el visor IFC interactiu
Què hi ha a l'escena
Vuit models IFC 4.3 georeferenciats al voltant de la plaça i de la part baixa del Passeig de Gràcia, sobre el terreny de 5 m de l'institut cartogràfic de Catalunya, amb la ciutat d'OpenStreetMap al voltant.
| Model | Què és |
|---|
| Hub de mobilitat | L'estació 65 de Bicing amb els seus 21 ancoratges, una marquesina d'autobús, l'accés al metro amb l'ascensor, mobiliari urbà |
| Fonts Bessones | Les fonts bessones de la plaça, amb els seus sistemes hidràulic i d'il·luminació |
| Monument a Macià | El monument a Francesc Macià, com a bé patrimonial |
| Accés de Pelai | L'accés de Pelai a l'estació de Catalunya |
| Canaletes | El capdamunt de la Rambla i la font de Canaletes |
| Font de la Gran Via | La font monumental del Passeig de Gràcia amb la Gran Via |
| Bancs-fanal | Els bancs-fanal de Pere Falqués al Passeig de Gràcia |
| Carregador Endolla | Un punt de recàrrega de vehicles elèctrics al carrer: el carregador, els seus connectors i dues places |
Els models són reconstruccions il·lustratives elaborades a partir de fonts públiques. Les dades dels seus actius s'etiqueten als fitxers com a valors de demostració.
L'estació 65 de Bicing: els pals dels ancoratges prenen l'estat de l'estació cada minut, i el número que flota és el de bicicletes disponibles ara mateix.
Quatre fonts obertes i cap servidor pel mig
| Font de dades | Publicador | Format | Actualització a l'escena |
|---|
| Estacions de Bicing | Bicing, Ajuntament de Barcelona | GBFS 3.0 | Capa del mapa cada 30 s; colors dels ancoratges cada 60 s |
| Recàrrega de vehicles elèctrics | Endolla / B:SM, Open Data BCN | GELFS JSON | Estat del carregador cada 5 min |
| Trànsit als carrers | Ajuntament de Barcelona, Open Data BCN | Taula d'estat unida als trams de carrer | Cada 5 min |
| Qualitat de l'aire | Agència de Salut Pública de Barcelona | CSV horari unit a les estacions | Cada hora, publicat amb 45 min a 3 h de retard |
Totes les peticions van del navegador del visitant al publicador. Això només funciona perquè aquestes fonts envien les capçaleres CORS que ho permeten, cosa que es va comprovar per a cadascuna abans de portar-la a l'escena. Els formats són estàndards oberts o fitxers senzills: GBFS per a les bicicletes compartides[gbfs], un fitxer JSON per a Endolla i taules CSV del portal de dades obertes de la ciutat[opendata-bcn]. Les quatre es llegeixen al navegador.
D'una font de dades a un pal d'ancoratge acolorit
Acolorir els ancoratges de l'estació 65 requereix cinc passos, i el fitxer d'escena els conté tots:
- Una font de dispositius La font d'estat de les estacions de Bicing, consultada cada 60 s. Cada estació que hi surt es converteix en un dispositiu, identificat per station_id.
- Un dispositiu L'estació 65, la de la cantonada de la plaça amb el Passeig de Gràcia.
- Una consulta dels elements Elements IfcBuildingElementProxy el nom dels quals conté «ancoratge» (dock, en anglès), incloses les parts dels conjunts. Això troba els 21 pals d'ancoratge.
Aquí els conjunts són importants. Els ancoratges són parts del conjunt de l'estació (IfcRelAggregates), i una consulta que només mirés els elements de nivell superior no en trobava cap.
- Regles: guanya la primera que coincideix Fora de servei: gris. Sense bicicletes: vermell, amb una alerta passats 15 minuts. Plena: blau. Dues bicicletes o menys: ambre. En cas contrari, verd.
- Un valor flotant i un límit d'antiguitat El nombre de bicicletes disponibles flota sobre els ancoratges. Una lectura més antiga del que permet la font els posa en gris: el «sense dades recents» mai no passa per un «tot va bé».
{
"sourceId": "bicing-status",
"deviceId": "65",
"query": { "classes": ["IfcBuildingElementProxy"], "nameContains": "ancoratge" },
"rules": [
{ "name": "No bikes", "filters": [{ "field": "num_vehicles_available", "op": "eq", "value": 0 }],
"effect": { "color": "#ef4444" }, "alert": { "forMin": 15 } }
]
}
Fes clic en un pal d'ancoratge i la seva fitxa mostra l'estació 65 en viu, al costat de les dades IFC de l'element.
El carregador Endolla funciona de la mateixa manera: les seves dues places prenen l'estat de la ubicació de recàrrega 3762 al Passeig de Gràcia 5. Els identificadors del carregador a l'IFC són il·lustratius, de manera que aquesta vinculació es fa per posició (la ubicació real al costat del model) i no per un identificador d'equip real.
Al lloc on toca
Un bessó que flota uns metres fora del seu carrer deixa de ser convincent a primer cop d'ull. Cada model d'aquí es col·loca amb la seva pròpia georeferència, un IfcMapConversion en ETRS89 / UTM 31N, sobre el model de terreny[icgc-met]. Els models que comparteixen origen es mantenen junts. Si els teus models acaben en un lloc equivocat, les causes habituals s'expliquen a coordenades IFC i georeferenciació.
Hem mesurat on aterren els models respecte dels elements d'OpenStreetMap que representen, amb tots dos projectats exactament com els dibuixa el mapa base:
Element IFC enfront de l'element d'OSM que modela
- Columna de la font de Canaletes: 0.08m
- Fonts Bessones: 0.1m
- Monument a Macià: 0.3m
- Quiosc de vidre de Pelai: 0.38m
Mesurat al visor en funcionament el 2026-10-10. Les capes de dades són exactes: 687 punts, a fins a 8 km de la plaça, queden a 0,00 mm d'on els dibuixa el mapa.
Dos detalls marquen la diferència a aquesta escala. La georeferència desa la seva rotació respecte del nord de la quadrícula, mentre que el mapa es dibuixa respecte del nord veritable. A Barcelona els dos difereixen 0,55°, aproximadament un metre a l'extrem d'un model de 100 m, i el visor treu aquesta diferència. I les capes de dades es projecten exactament com ho fa el mapa base, de manera que una estació de Bicing a 4 km continua sobre la seva vorera.
El que no és
- No és un sistema de control. Les dades són les que publiquen els proveïdors, al seu ritme: la qualitat de l'aire va entre 45 minuts i 3 hores amb retard, i el fitxer de recàrrega només diu quan va canviar un port per última vegada, no quan va informar per última vegada.
- No és l'inventari d'actius de la ciutat. Els models són reconstruccions i les seves dades de manteniment són il·lustratives.
- No és ràpid amb totes les fonts. Open Data BCN pot trigar 15–40 s a respondre, de manera que el trànsit i la recàrrega poden aparèixer després de la resta.
- Encara no s'ha mesurat en mòbils. L'escena completa, amb vuit models, quatre capes i la ciutat en 3D, s'ha provat en navegadors d'escriptori.
Construeix el teu propi
La demostració és un sol fitxer JSON, una escena, que llista els models, les capes, les fonts de dispositius, les vinculacions i la càmera. Per fer-ne una de pròpia:
- Copia el fitxer d'escena Parteix de /scenes/barcelona-placa-catalunya.scene.json en aquest web.
- Canvia els models Fes que les URL dels models apuntin als teus fitxers IFC, en qualsevol servidor que enviï capçaleres CORS.
- Apunta les vinculacions als teus elements Fes servir una classe IFC i part d'un nom, o una llista de GlobalId.
- Allotja'l i obre'l Qualsevol servidor estàtic serveix. Obre el visor amb ?scene= i la URL del fitxer, o salta't l'allotjament: Compartir → Escena de bessó digital empaqueta tota l'escena dins del mateix enllaç.
<iframe
src="https://www.ifcvieweronline.eu/?scene=/scenes/barcelona-placa-catalunya.scene.json&embed=1"
width="100%" height="600" style="border:0;border-radius:12px"
loading="lazy" allow="fullscreen"
title="Plaça de Catalunya — open-data digital twin">
</iframe>
La mateixa inserció funciona en un web de projecte, una pàgina d'intranet o un tauler d'un entorn comú de dades (CDE). El conjunt complet de paràmetres és a com inserir un visor IFC. El mateix plantejament amb altres dades és a autobusos en viu en una terminal d'autobusos IFC amb MQTT i bessons d'estacions de Tòquio amb dades d'ODPT.
Un bessó digital en viu de la Plaça de Catalunya, creat amb dades obertes al navegador