Ga naar hoofdinhoud

Projectcontext

ABN AMRO gebruikt Planon voor werkplekprocessen zoals:

  • parkeerreserveringen
  • aanvragen voor meubilair
  • reserveringen van vergaderruimtes
  • andere interne werkplekworkflows

Deze formulieren kunnen aangepaste JavaScript-logica nodig hebben.

Het oorspronkelijke probleem​

Wanneer JavaScript afzonderlijk per formulier wordt beheerd, ontstaan steeds dezelfde problemen:

Formulier A ──┐
Formulier B ──┼── dubbele helpers
Formulier C ──┤ herhaalde fixes
Formulier D ──┘ inconsistent gedrag

Dat zorgt op vier plekken voor frictie:

ProbleemGevolg
DuplicatieGedeelde logica wordt over meerdere formulieren gekopieerd
OnderhoudEén fix moet mogelijk op meerdere plekken worden herhaald
ConsistentieVergelijkbare formulieren kunnen verschillend gedrag krijgen
DeploymentWijzigingen worden moeilijker gecontroleerd uit te rollen

Het ontwerpdoel​

Ik benaderde het project als twee gekoppelde systemen:

1. JavaScript centraliseren​

gedeelde logica
+
formulier-specifieke logica
↓
één beheerde library

2. Een veilige deliverylaag bouwen​

repository
↓
Azure DevOps
↓
Test
↓ approval
Acceptance
↓ approval
Production

Het resultaat was een platform dat frontendarchitectuur, cloudinfrastructuur, security en deploymentautomatisering met elkaar verbond.