Divotion

Over de organisatie

De Port of Rotterdam, Europa's grootste haven, is een cruciaal logistiek knooppunt voor wereldwijde handel. De haven speelt een centrale rol in de doorvoer van miljoenen tonnen goederen en biedt ondersteuning aan sectoren als chemie en energie. Daarnaast zet de Port of Rotterdam sterk in op duurzaamheid en innovatie, met projecten op het gebied van digitalisering en waterstoftechnologie. Naast het bevorderen van de economische ontwikkeling, levert de haven een belangrijke bijdrage aan de werkgelegenheid in Nederland.

De uitdaging voor Port of Rotterdam

Om het scheepvaartverkeer efficiënt en veilig te coördineren, wordt er door de medewerkers van de havenmeester gebruik gemaakt van een interne applicatie genaamd HaMIS. Deze werd ontwikkeld en onderhouden in Java Swing. Hiervoor zocht de haven een front-end ontwikkelaar die niet alleen over de technische expertise beschikte, maar ook storingsdiensten kon meedraaien, gezien de kritische aard van de applicatie die 24/7 beschikbaar moest zijn.

Waarom heeft Port of Rotterdam gekozen voor Divotion?

Port of Rotterdam koos in 2015 voor Divotion en in het bijzonder voor Patrick, een ervaren frontend developer met de toen vereiste Java Swing-kennis. Patrick kon goed integreren binnen het bestaande team, wat van groot belang was in de samenwerking. Met zijn komst werd hij de eerste developer van Conflux bij Port of Rotterdam. Door een succesvolle samenwerking werken er inmiddels 6 developers van JDriven en Divotion samen in dit project.

Waarde die Patrick heeft geleverd

Vanaf 2015 tot 2024 bestond het project uit 4 fases waar Patrick aan heeft meegewerkt:

Fase 1 – Java Swing en storingsdiensten

In de eerste fase werd Patrick aangesteld als frontend developer met expertise in Java Swing. Hij werkte mee aan het onderhoud en de uitbreiding van de Java Swing-client, die 24/7 in gebruik is door alle afdelingen van de havenmeester. Samen met vijf scrumteams zorgde Patrick voor de stabiliteit van de applicatie, die cruciaal is voor de operaties binnen de haven. Zijn specifieke kennis van Java Swing was onmisbaar, en hij ondersteunde teamleden waar nodig bij het oplossen van problemen en het implementeren van nieuwe functionaliteiten.

Fase 2 – Overgang naar Angular en opzet van component library

In de tweede fase werkte Patrick aan de overgang naar Angular. Hij ontwikkelde een component library en zette het bezoekdossier op, waarmee een modulair fundament werd gelegd voor toekomstige applicaties. Zijn werk vergemakkelijkte het migreren van de bestaande Java Swing-client naar een modernere Angular-gebaseerde omgeving. Dit vormde een belangrijke stap in de modernisering van de software, waardoor de haven een flexibelere en gebruiksvriendelijkere applicatie kreeg.

Fase 3 – Ontwikkeling van nieuwe HTML-client in React

In de derde fase werd de keuze gemaakt om een nieuwe HTML-client op te bouwen in React, wat de verouderde Angular-oplossingen en de Java Swing-client zou vervangen. Patrick werkte aan het opzetten van een schone lei voor de nieuwe client en bouwde meerdere features in React. Deze overstap maakte het systeem toekomstbestendig en bood meer mogelijkheden voor schaalbaarheid en efficiëntie in het gebruik door het control center en andere afdelingen.

Fase 4 – UX-ontwerp en verbetering van gebruikerservaring

In de vierde fase kreeg Patrick de ruimte om zich te richten op UX-verbeteringen en het redesign van de havenkaart. Hij werkte ook aan de analyse van het inspectieproces en ontwierp de eerste prototypes van nieuwe interfaces, met een focus op gebruikerservaring en functionaliteit. Door deze verbeteringen kreeg Port of Rotterdam een beter inzicht in het inspectieproces en konden zij hun werkprocessen verder optimaliseren.

Conclusie

Patrick’s inzet voor Port of Rotterdam heeft geleid tot een succesvolle modernisering van de software, waarbij de verouderde Java Swing-oplossing deels plaats heeft gemaakt voor een toekomstbestendige HTML-client. Door de implementatie van Angular, het ontwikkelen van een component library, en later de overgang naar React, heeft hij bijgedragen aan een flexibele en schaalbare applicatie architectuur.

Met de focus op UX-verbeteringen en de introductie van prototypes en redesigns heeft Patrick daarnaast een belangrijke rol gespeeld in het optimaliseren van gebruikerservaring voor de afdeling inspectie. Dit stelt Port of Rotterdam in staat om efficiënter te werken en zich aan te passen aan de toenemende digitale en operationele eisen van de haven. De samenwerking met Divotion heeft Port of Rotterdam geholpen om efficiënter en toekomstgericht te blijven innoveren in een steeds complexer logistiek landschap.