Terug naar alle cases Front-end innovatie in Europa’s grootste haven bij Port of Rotterdam
Port of Rotterdam gebruikt HaMIS om het scheepvaartverkeer veilig en efficiënt te coördineren. Divotion-consultant Patrick werkte bijna tien jaar aan de modernisering van deze bedrijfskritische applicatie. Met zijn expertise in front-end development en UX droeg hij bij aan moderne webtechnologieën en een gebruiksvriendelijkere interface voor de havenmeester.
De uitdaging
Medewerkers van de havenmeester gebruiken HaMIS voor het veilig en efficiënt coördineren van het scheepvaartverkeer in de Rotterdamse haven. De applicatie is bedrijfskritisch, wordt 24/7 gebruikt en was oorspronkelijk ontwikkeld in Java Swing.
Port of Rotterdam wilde de applicatie blijven onderhouden en tegelijkertijd stapsgewijs moderniseren. Hiervoor was behoefte aan front-end expertise die aansloot op de bestaande technologie én kon bijdragen aan de overgang naar een toekomstbestendige architectuur.
De uitdaging lag daarbij niet alleen in de techniek. De applicatie ondersteunt complexe processen en wordt intensief gebruikt door verschillende afdelingen. Stabiliteit en continuïteit moesten daarom tijdens de modernisering gewaarborgd blijven, terwijl tegelijkertijd de gebruikerservaring en schaalbaarheid van de applicatie werden verbeterd.
De oplossing
Patrick startte in 2015 als front-end developer binnen het team van Port of Rotterdam. In de eerste fase werkte hij aan het onderhouden en uitbreiden van de Java Swing-client en draaide hij mee in de storingsdiensten om de continuïteit van de 24/7-applicatie te ondersteunen.
Vervolgens droeg Patrick bij aan de eerste moderniseringsslag naar Angular. Hij ontwikkelde een component library en werkte aan het bezoekdossier, waarmee een modulair fundament voor nieuwe functionaliteiten werd gelegd.
Later koos Port of Rotterdam voor een nieuwe HTML-client in React. Patrick hielp deze nieuwe omgeving vanaf de basis op te zetten en ontwikkelde verschillende functionaliteiten waarmee delen van de bestaande oplossingen konden worden vervangen.
In de laatste fase verschoof zijn focus steeds meer naar UX. Hij werkte onder andere aan het redesign van de havenkaart, analyseerde het inspectieproces en ontwikkelde prototypes voor nieuwe interfaces. Zo combineerde hij technische front-end expertise met UX-design om complexe processen eenvoudiger en gebruiksvriendelijker te maken.
Het resultaat
- Modernere front-end: Delen van Java Swing zijn vervangen door een moderne HTML-client met React, waardoor HaMIS toekomstbestendiger is.
- Schaalbaar fundament: Met Angular, een component library en React is een flexibeler fundament gelegd voor verdere ontwikkeling van de applicatie.
- Betere gebruikerservaring: UX-onderzoek, prototypes en het redesign van de havenkaart zorgen voor interfaces die beter aansluiten op de werkprocessen.
- Langdurige samenwerking: Patrick was de eerste Conflux-consultant bij Port of Rotterdam. Inmiddels werken er zes developers van Conflux aan het project.