Case: Agro Energy

Inzicht met grafieken en tabellen

AgroEnergy is een dochter van Eneco en levert o.a. gas en elektra aan tuinbouwbedrijven. Deze verkopen hun surplus gegenereerde elektriciteit ook weer terug aan het net via de Amsterdam Energy Exchange, of AEX.

In dit scherm voegt de gebruiker beurscommodities toe en vergroot en herschikt ze met drag and drop

Omdat kassen het jaar rond de juiste temperatuur moeten hebben terwijl er niet teveel aan energie moet worden ingekocht, is er een applicatie nodig waarmee de tuinder fijnmazig zijn energiebehoefte kan regelen, rekening houdend met o.a. buitentemperatuur, de groeifase van de planten, de markprijzen voor energie, dag van de week en, ja, zelfs het uur van de dag.

Highcharts.js was het platform voor de vele bijzondere grafiektypes. Ik heb de scripts zó herbouwd dat ze ver boven de standaardgrafieken uitstegen.

Om ervoor te zorgen dat de tuinder een goed inzicht houdt van prijzen en verbruik werkte het design-team nauw samen met de product owner en mijzelf om schermen te ontwikkelen die helder waren, vrij van overbodige zaken en waarin gemakkelijk de vele factoren kunnen worden ingevoerd en aangepast door de gebruiker.

Deze complexe pagina's bouwde ik eerst als prototype, zodat wij konden zien of zaken technisch klopten, waarna de prototypes werden voorgelegd aan een gebruikerspanel. Na goedkering hielp ik de ontwikkelteams met het inbouwen in Outsystems van de gebruikte HTML, CSS en Javascript.

De grenzen van het Outsystems-platform zijn we ver voorbijgegaan. Deze tijdslijnen worden live gegenereerd en automatisch met CSS en Javascript vormgegeven.

Zie ook: