Voor een productieomgeving waar medewerkers met diverse machines werken, ontwikkelde ik een centraal infodisplay dat continu actuele bedrijfsinformatie toont. De eigenaar wilde belangrijke updates (zoals machine-storingen en klanttevredenheid) zichtbaar maken op een scherm op de werkvloer, zodat medewerkers op de hoogte blijven.

Naar aanleiding van het grafisch ontwerp bouwde ik een systeem dat deze informatie automatisch als slideshow presenteert. De frontend is opgezet met Laravel, Livewire en Alpine.js voor vloeiende overgangen tussen verschillende soorten slides. De eigenaar kan via een Filament-adminpaneel eenvoudig zelf alle content beheren. Het resultaat is een zelfstandig draaiend display dat altijd up-to-date blijft en eenvoudig beheerd kan worden.

Context & Scope

• Aanleiding:
  Op de werkvloer werken medewerkers met verschillende machines. Het management wilde hen proactief op de hoogte houden van de bedrijfsstatus, machinestatus, klanttevredenheid en eventuele storingen. Dit alles direct zichtbaar op de werkvloer.
• Mijn rol:
  Full-stack developer. Verantwoordelijk voor het omzetten van het grafisch ontwerp naar een werkende slideshow op de frontend, en het opzetten van het beheerderspaneel (en bijbehorende database-architectuur) in de backend.
• Doelgroep:
  Twee gebruikersgroepen: medewerkers op de werkvloer en beheerders.
• Uitkomst:
  Een zelfstandig draaiend infodisplay dat altijd actueel is en zonder tussenkomst van IT beheerd kan worden door de eigenaar zelf.

Geïmplementeerde Functionaliteit

• Slideshow met overgangen:
  De frontend toont een reeks slides die automatisch wisselen. Elke slide heeft een overgangsanimatie, gerealiseerd met Livewire en Alpine.js. Geen page reloads, de content wisselt vloeiend en wordt up-to-date gehouden via Livewire.
• Machine-meldingen:
  Beheerders kunnen per machine een status of storingsmelding invoeren. Op het display verschijnt dit automatisch als een aparte slide, zodat medewerkers direct weten welke machines problemen hebben of binnenkort gecontroleerd moeten worden.
• Bedrijfsstatus & productie:
  De actuele productiestatus en klanttevredenheidsscores worden door de eigenaar bijgehouden in de backend en verschijnen als informatieve slides op het display. Een snel overzicht of alles nog goed op de rit is.
• Regels & gedragsrichtlijnen:
  Huisregels en werkafspraken kunnen worden ingevoerd en worden als terugkerende slides getoond. Zo blijven belangrijke richtlijnen structureel zichtbaar voor alle medewerkers.
• Beheerderspaneel via Filament:
  De volledige backend is opgezet met Filament. Beheerders hebben een overzichtelijk admin-paneel waarin ze alle content kunnen invoeren en beheren zonder technische kennis.

Resultaat

Medewerkers op de werkvloer zijn op de hoogte van wat er speelt binnen het bedrijf, zonder dat dit extra handelingen of communicatie vereist. De eigenaar of administratie beheert alle content zelfstandig via het Filament-paneel. Door de combinatie van Laravel Livewire en Alpine.js is de slideshow vloeiend en responsief, terwijl de applicatie volledig binnen Laravel blijft zonder een apart frontend- of SPA-framework.