Aegis

Aegis is gebouwd tijdens de 11e CASSINI Hackathon, de 48-uurs hackathon van de Europese Commissie, voor de challenge “Disaster risk monitoring”. Het probleem dat we aanpakten is simpel: een waarschuwing als NL-Alert vertelt je dát er iets aan de hand is, maar niet wat je moet doen, waar je heen moet of hoeveel tijd je nog hebt. Ondertussen publiceren de Europese weer- en satellietdiensten uitstekende data die de persoon op straat nooit in bruikbare vorm bereikt. Ik heb voor deze app de volledige front-end gebouwd. Een React en TypeScript PWA met een eigen design system en zonder UI framework. Daarnaast draait een Python-backend op FastAPI die live neerslag en windstoten ophaalt bij Open-Meteo en die samen met een getijdenmodel omrekent naar een waarschuwingsfase.

Het startscherm toont maar één ding echt groot: in welke fase je gebied zit. Elke ramptype heeft een schaal van vijf fases, van Monitoring tot Evacuatiebevel, met een eigen kleur, kop en handelingsadvies. Die kleuren zijn zodanig gedefinieerd dat oranje en rood op elk scherm even zwaar aanvoelen, en de hele app kleurt mee met de actieve fase. De app haalt je GPS locatie op en zet die via Nominatim om naar een echte plaatsnaam, zodat er “Katwijk” boven staat en niet “jouw gebied”. Er loopt een countdown naar de volgende officiële update, die vanaf fase 4 per seconde aftelt. Waarschuwingen komen binnen als pushmeldingen in iOS-stijl en belanden daarna in een meldingenoverzicht dat je kunt filteren op ernst en tijdvak. In de instellingen bepaal je per fase of je een melding wilt, of fase 4 en 5 door Niet Storen heen mogen breken, en binnen welke straal van 1 tot 50 km je gewaarschuwd wordt. Valt het netwerk weg, dan schakelt de balk bovenin over naar een Galileo broadcast met de laatst bekende stand.

De kaart is een Leaflet kaart op OpenStreetMap tiles met lagen die je los aan en uit kan zetten, bijvoorbeeld overstromingszones per fase, wegafsluitingen en waterstandsensoren. Die sensoren zijn echte meetpunten van Rijkswaterstaat en het Spaanse CHJ, en de app kiest automatisch de vier stations die het dichtst bij je eigen positie liggen. De evacuatiepagina vraagt een echte wandelroute op bij OSRM en zet die om in stap-voor-stap navigatie, met per stap een klein kaartje van de route, een pijl die met de rijrichting meedraait en een grotere kaart als je op een stap tikt. Rondom het telefoonframe ligt een kompasring die meedraait met het kompas van je telefoon. De SOS knop houd je twee seconden ingedrukt. Je krijgt trilfeedback en je coördinaten en nauwkeurigheid staan onderin beeld, en na verzending zie je welke eenheid onderweg is. Zet je de app in hulpverlenersmodus, dan krijg je dezelfde kaart met alle SOS-meldingen, de beschikbare eenheden, een dichtheidscluster en een triage rij waarin per melding staat hoeveel mensen er zitten en hoe lang ze al wachten.

Onder de app zit een modulesysteem. Eén module beschrijft welke Copernicus bronnen erbij horen, hoe de vijf fases heten, welke meetwaarden op het scherm komen, welk handelingsadvies erbij hoort en of er überhaupt een evacuatieroute of een SOS bestaat. Overstroming en droogte zijn volledig uitgewerkt, bosbrand, storm en hittegolf staan klaar om aangezet te worden. Wissel je van module, dan verandert de hele app mee: de kaartlagen, de legenda, de meldingen, de teksten, en bij droogte wordt de SOS-knop een veldrapportage in plaats van een noodoproep. Voor de pitch zit er een demopaneel naast het telefoonframe waarmee je de fase forceert, van module wisselt, offline gaat, van rol wisselt of het scenario van Valencia 2024 afspeelt: 36 uur DANA overstroming, teruggebracht tot een tijdlijn die je met een schuif kunt afspelen. Dat paneel en het telefoonframe verdwijnen vanzelf zodra je de app als PWA op je telefoon installeert.