Rekentool voor kozijnverbindingen

Hoe creëer je meerwaarde voor je leden en klanten? Die vraag stelden de Nederlandse Branchevereniging voor de Timmerindustrie (NBvT) en de Gebr. Bodegraven (GB) zichzelf. Hun antwoord: advies – op basis van ingewikkelde berekeningen – automatiseren en voor iedereen toegankelijk maken.

De vraag aan Fonkel

In de kozijnindustrie worden complexe formules gebruikt om uit te rekenen welke materialen er nodig zijn. Via ontwerpbureau Graphius kwam de vraag bij Fonkel om een online applicatie te maken op basis van deze formules. Het idee: klanten vullen hun gegevens in – de hoogte van de plek waar het kozijn komt, de regio waar het wordt geplaatst etc. – en vervolgens rolt er een compleet advies uit over welke onderdelen wel en niet geschikt zijn. Een mooie uitdaging om mee aan de slag te gaan.

Doorvragen en nog eens doorvragen

Eerst hebben we zoveel mogelijk details boven tafel gehaald. Hoewel er een flink aantal pagina’s aan documentatie was, zit er altijd een deel van de informatie alleen bij de vakspecialist in het hoofd. Bovendien moesten we begrijpen hoe de anatomie van een kozijn eruitziet. Een spouwlat, hoe wordt deze aangesloten? Hoe lees je een technische tekening? En als je zegt: ‘dit werkt bijna hetzelfde’, definieer dat dan eens. In code zou het er namelijk heel anders uit kunnen zien.

Zij aan zij met de klant

Daarna begon de bouw van de applicatie. Om te kunnen filteren op alle mogelijke scenario’s en kenmerken, moest er een enorm aantal formulieren worden gemaakt. Daarin moest alle data in een logisch stappenplan worden vastgelegd. Voor de laatste complexe details zijn we letterlijk zij aan zij met de klant achter de computer gaan zitten. Zo vulden specifieke domeinkennis en technische kennis elkaar aan om het best mogelijke product te maken. Anoesj, een van onze developers, vertelt: “Hoewel Arjan van GB geen programmeur is, werkte het uitstekend. Ik heb zoveel mogelijk uitgelegd en zo ‘leesbaar’ mogelijke code gebruikt. Hij vulde aan met ideeën en de nodige domeinkennis. Het vraagt iets extra’s van de klant, maar het resultaat is er dan ook naar.”

Een stukje techniek

Voor wie benieuwd is, hierbij een stukje techniek: uitgebreide formulieren worden vaak in de back-end opgelost. Als je zo’n formulier verstuurt, praat deze met een server en die bepaalt dan wat er daarna gebeurt. In het geval van Kozijnverbindingen (of bij de NBvT: Kozijnverankering) hebben we dit hele principe naar de voorkant getrokken. Bepaald door JavaScript en niet door PHP, met Vue.js als fundering. Hiermee realiseer je reactiviteit in je browser. Het voordeel hiervan is dat je veel controle hebt over hoe je applicatie aanvoelt. In plaats van dat je de hele tijd naar een andere pagina gaat, kun je van alles laten gebeuren in het scherm waar je op dat moment zit.

Bovendien, als je je oplossing in de back-end bouwt dan moet het resultaat berekend worden op een server. Zijn er veel mensen tegelijk bezig, dan kan de applicatie langzaam worden. Heb je het vooraf allemaal berekend, zoals in dit geval, dan zal een groot aantal invoeren geen invloed hebben op de snelheid. Het is een lichte applicatie geworden, die ook licht aanvoelt.