Toekomstbestendige dataweergave in Clientbox

Als gebruiker van Clientbox wil je altijd snel en overzichtelijk inzicht hebben in de belangrijkste gegevens. In het overzicht van je klanten, facturen, openstaande offertes of opdrachten kun je alle informatie die je nodig hebt snel terugvinden. Nu Clientbox blijft groeien, wordt het nóg belangrijker dat de manier waarop overzichten ‘achter de schermen’ worden samengesteld, schaalbaar en efficiënt blijft.

Bij een groeiend platform neemt de hoeveelheid data en de complexiteit toe. Daarom hebben we gekeken naar een manier om overzichten flexibeler en toekomstbestendig te maken, zonder in te leveren op snelheid en gebruiksgemak. Dit doen we in kleine, gecontroleerde stappen. Hoe we dat precies aanpakken, vertel ik later in deze blog.

Wat is een overzicht?

Wanneer we spreken over een overzicht, bedoelen we meestal gegevens die in tabelvorm worden weergegeven, zoals tickets of andere datasets.

Tot nu toe werden overzichten grotendeels handmatig samengesteld, waarbij elke pagina maatwerk nodig had om de juiste gegevens op de juiste manier te tonen. Dit werkte prima voor de meeste overzichten, maar met de groei van Clientbox en het toenemende aantal complexere overzichten en meer data blijkt deze weergave regelmatig te beperkt.

De uitdaging van maatwerk

Veel van de bestaande overzichten in Clientbox zijn op maat gemaakt voor specifieke toepassingen. Denk aan:

• Hoe de gegevens worden opgehaald en weergegeven;
• Hoe filters zoals ‘Zoeken op medewerker’ werken;
• Hoe acties (zoals verwijderen of exporteren) worden uitgevoerd.

Deze aanpak heeft lange tijd goed gewerkt en biedt veel flexibiliteit. Maar nu Clientbox groeit, willen we overzichten nog consistenter maken en ervoor zorgen dat het makkelijker is om ze uit te breiden. Daarom zetten we de volgende stap: een flexibelere, modulaire manier om overzichten samen te stellen.

Van afhandelen naar instellen

In plaats van elk overzicht apart te bouwen, werken we met herbruikbare componenten, vergelijkbaar met LEGO-blokjes. Met deze nieuwe aanpak hoeven we niet langer voor elk overzicht maatwerk toe te passen. Een overzicht wordt eenvoudig samengesteld door de juiste ‘blokken’ toe te voegen.

• Wil je in een overzicht een gebruikersnaam met avatar tonen? Dan voeg je simpelweg dat blokje toe.
• Wil je kunnen filteren op status? Dan voeg je het blokje Ticket Status toe.
• Wil je een knop om een ticket te verwijderen? Voeg het blokje Ticket verwijderen knop toe.

Het overzicht bepaalt alleen wat er moet gebeuren, niet hoe het moet gebeuren. Dit zorgt voor flexibiliteit en uniformiteit in alle overzichten.

Een groeiende verzameling bouwstenen

We zijn volop bezig met het ontwikkelen van een uitgebreide bibliotheek van LEGO-blokjes. Deze verzameling groeit snel en we streven ernaar om de blokjes zo klein en herbruikbaar mogelijk te maken. Dit biedt steeds meer mogelijkheden, zonder dat de complexiteit toeneemt. Bijvoorbeeld:

• Het blokje “gebruikersnaam met avatar” bestaat eigenlijk uit twee kleinere blokjes: gebruikersnaam en gebruikers-avatar.
• Het blokje “ticket verwijderen knop” is herbruikbaar in elk overzicht waar tickets worden beheerd.

Hierdoor worden overzichten gebruiksvriendelijker en krijgen ze meer functionaliteit.

Technische vooruitgang

Natuurlijk zijn we als developers niet letterlijk met LEGO aan het spelen (al zou dat soms best leuk zijn 😉). Hier volgt een kort technisch uitstapje voor degenen die hier meer interesse in hebben.

We werken aan een duidelijke scheiding tussen hoe gegevens worden opgeslagen en hoe ze worden weergegeven, door het abstraheren van alle logica rondom de overzichten. Ons doel is om te minimaliseren wat een component moet weten over de onderliggende infrastructuur en presentatielaag.  Of gegevens nu uit een database of een externe API komen, het overzicht hoeft daar niet van op de hoogte te zijn. En de data-opslaglaag hoeft op zijn beurt niet te weten hoe de gegevens worden getoond
of dat nu in tabelvorm gebeurt of via een Excel-export.

Door deze loskoppeling kunnen we overzichten sneller ontwikkelen, eenvoudiger aanpassen en zonder grote wijzigingen uitbreiden.

De toekomst: zelf je eigen overzichten bouwen

Wat betekent dit voor de gebruiker? Ons doel is dat je straks zelf overzichten kunt samenstellen in Clientbox, zonder dat daar maatwerk of technische kennis voor nodig is.

Dit betekent dat je:

• Zelf kolommen kunt toevoegen of verwijderen;
• De weergave kunt aanpassen op basis van jouw voorkeuren;
• Filters en sorteringen kunt instellen zoals jij dat wilt.

Of je nu snel een lijst met openstaande tickets wilt zien, een export wilt maken van alle facturen, of een overzicht wilt creëren van actieve projecten: je stelt het straks eenvoudig zelf samen. Met deze aanpak maken we Clientbox flexibeler en nog gebruiksvriendelijker, en zorgen we ervoor dat de software toekomstbestendig blijft.

Heb je ideeën of wensen voor de nieuwe overzichten? Laat het ons weten, we denken graag met je mee!