Boveneind Realtime: koeienposities in de stal

Waar loopt een koe, en hoe lang staat ze bij de melkrobot? Op Hoeve Boveneind hangen sensoren die de positie per dier doorgeven. Dit dashboard tekent die posities op de plattegrond van de stal, met de stal zelf als achtergrond: muren, ligboxen, roosters, voergang en de robots. Het is één HTML-pagina met JavaScript, zonder server die de kaart opbouwt.

Wat het dashboard doet

• Stalplattegrond: negen lagen uit GeoJSON-bestanden, elk met een eigen kleur, van muur en ligbox tot melkrobot en waterbak. Elke laag is apart aan en uit te zetten.
• Dieren op de kaart: de posities komen uit de locatiefeed en verversen periodiek; een koe aanklikken toont het dier en zijn traject.
• Naam geven: een aparte pagina waar een dier zijn naam krijgt, met sessiebeveiliging en CSRF-token.
• URL-opties: de weergave is via de URL te sturen, zodat je schermen op de locatie kunt klaarzetten. ?names=off haalt namen uit beeld voor een openbaar scherm, ?cows=off laat de dieren weg en ?hide=robots,hekken verbergt losse stal-lagen. Met ?cow=1001 zet je één dier in beeld en met ?fit=cows kader je op de dieren in plaats van op de stal.
• Vector-export: dezelfde negen lagen gaan naar een CAD- en Illustrator-bestand, met een DXF op ware grootte en een SVG en AI op schaal 1:100. Beide komen uit precies de bestanden die de kaart tekent.
• Offline variant: een tweede map met een vastgelegde 24-uursstand, zonder server of database, voor demonstraties en presentaties op locatie.

Toegang

Het dashboard staat op dilab.has.nl/showcases/boveneind_realtime/dashboard/ en is zonder account te bekijken. Alleen de dieren een naam geven vraagt een sessie.

Opbouw

Eén pagina met vanilla JavaScript en Leaflet, in de modus voor een eigen assenstelsel in plaats van geografische coördinaten. De stal is geen breedtegraad en lengtegraad: de kaart werkt daarom met de plattegrond als assenstelsel en de maten uit de bronbestanden. Er is geen buildstap en geen pakketbeheer; de kaartlagen zitten als GeoJSON in de map.

De stalgegevens zijn ook de bron voor twee generator-scripts: één schrijft een DXF voor CAD, één een SVG voor Illustrator, met eenzelfde laagindeling en dezelfde kleuren als het dashboard. Een CSV met alle objecten, hun laag en hun zwaartepunt hoort erbij.

Stand van zaken

Het project is op 11 oktober 2026 voor het laatst aangepast. De kaartpagina is de eerste versie; de offline variant en de vector-export zijn er later bij gekomen. De broncode zit in de privérepository AZ_dilab-prod.

↑ terug naar boven