Mobile-first app brengt asbest in kaart voor OVAM

Vandaag trekken asbestdeskundigen met een tablet in de hand door heel Vlaanderen om alle informatie op te slaan dankzij een mobile-first app die we voor OVAM ontwierpen. Klik hier om meer te weten te komen over het concept en de manier waarop de app ontworpen werd In de praktijk moesten we er rekening mee houden dat de app vooral op het terrein gebruikt zou worden. Daarom bouwden we een progressive web app (PWA) met React. Hiermee kunnen gebruikers de website als app op hun tablet installeren.

Omdat asbestexperts vaak rondbellen naar locaties met een beperkt tot geen mobiel signaal, kunnen ze met de frontend-applicatie ook moeiteloos plannen en foto's uploaden zonder verbonden te zijn met het internet. Zodra het apparaat een signaal oppikt en weer verbonden is met een netwerk, synchroniseert de app zelf alle gegevens met de backend. Door gebruik te maken van zogenaamde 'Optimistic UI'-principes kan de app altijd snel reageren, zonder te hoeven wachten op feedback van de backend.

Het spreekt voor zich dat er een aanzienlijke hoeveelheid gegevens wordt gegenereerd bij het inventariseren van het asbest in gebouwen. Uiteindelijk moet deze informatie terechtkomen bij de eigenaren van de gebouwen die het certificaat hebben aangevraagd. Daarom hebben we het mogelijk gemaakt om het asbestcertificaat digitaal te delen als PDF-bestand. Omdat veel gegevens dynamisch van aard zijn, was het een hele uitdaging om alle gegevens en visuele elementen in één document te verzamelen. Als gevolg hiervan kunnen grote asbestcertificaten al snel oplopen tot een paar honderd pagina's. Om het geheel te implementeren, gebruikten we Docmosis.

Om de eindgebruikers van de app - voornamelijk werknemers van Belgische organisaties - correct te identificeren en de juiste toegangsrechten te geven, werd de oplossing geïntegreerd met Authenticatie Vlaanderen. Dit is het Vlaamse authenticatieportaal waar gebruikers zich kunnen aanmelden met hun eID, Itsme of federale tokens. Het portaal laat ons ook toe om een uitgebreid rollen- en autorisatiesysteem te implementeren. Onder de motorkap kozen we voor de OpenID-standaard en zetten we met Keycloak een authenticatiefaçade op die sindsdien door verschillende apps van OVAM wordt gebruikt.

Door het uitgebreide gebruik van OpenLayers integreert de oplossing ook met de Vlaamse GIS-gegevens, een geografisch informatiesysteem van het volledige vastgoedpatrimonium van het land. Met behulp van kaarten kunnen gebruikers het gebouw dat ze willen inventariseren lokaliseren en met een simpele klik toevoegen aan de lijst. De app stelt gebruikers zelfs in staat om automatische adressuggesties aan te vragen. Als er geen plannen beschikbaar zijn, kan de app op basis van de GIS-gegevens zelf de omtrek van een gebouw omzetten in een afbeelding. Ook de experts kunnen zelf eenvoudig binnenmuren toevoegen en tekenen.