Een duik in KLM's BlueWeb

project
Tech & Data

Wat is BlueWeb?

BlueWeb is de front-end applicatie waarmee je vluchten zoekt, tickets boekt, stoelen kiest en online incheckt voor vertrek. Air France en KLM delen één e-commerceplatform, gebouwd als een gezamenlijke applicatie met herbruikbare componenten in eigen branding. Het front-end is ontwikkeld met Angular, Typescript, SASS en Apollo voor GraphQL. Aan de achterkant draait alles via GraphQL met een Apollo-server bovenop NodeJS en Redis. De applicatie wordt uitgerold in Docker-containers op het Kubernetes-platform, gehost in Azure Cloud.

Hoe is BlueWeb ontstaan?

Na de fusie van Air France en KLM bleken de zoek- en boekervaringen per airline behoorlijk verschillend. Waar Air France losse prijzen toonde voorheen- en terugvlucht, liet KLM meteen de totaalprijs zien. Het doel werd: één applicatie voor beide merken, gebaseerd op één backend. Daarom introduceerden we de Unique Business Components (UBC’s): zelfstandige, verwisselbare en herbruikbare front-end componenten, elk met hun eigen specifieke functionaliteit. Op basis van deze bouwstenen kunnen we verschillende front-ends ontwikkelen voor meerdere labels.

BlueWeb is een gave applicatie, gebouwd met de nieuwste technologieën. We hebben een sterk team én directe lijnen met de Angular-community

Iulia

Wat betekent BlueWeb voor de organisatie?

BlueWeb regelt onder andere het online-incheckproces. Doordat steeds meer passagiers online inchecken, neemt de druk op de balies op de luchthaven af. Maar mocht online inchecken langer dan vier uur niet beschikbaar zijn, dan moeten alle passagiers alsnog bij een balie geholpen worden en dat is praktisch onmogelijk. In zo’n scenario zouden we Schiphol moeten stilleggen. BlueWeb is dus écht bedrijfskritisch. Op een reguliere dag verwerkt het platform ruim 1 miljoen bezoekers, en bij acties of campagnes kan dat aantal makkelijk verdubbelen. Onze schaalbaarheid zowel in applicatie als infrastructuur is behoorlijk uniek.

Wat zijn de technische uitdagingen?

BlueWeb is gebouwd in Angular, een framework dat continu in ontwikkeling is. We volgen de laatste innovaties op de voet en onderhouden nauwe banden met het Angular-team van Google. Elk jaar zijn we aanwezig bij de Angular Enterprise Summit om nieuwe ideeën te bespreken.
Dankzij continuousintegration en continuous delivery brengen we dagelijks kleine releases uit. Waar het vroeger twee weken kostte om Angular te updaten, doen we dat nu binnen één werkdag. Meer hierover lees je in onze blogpost.

Waarom is het zo interessant om hieraan te werken?

Heb je een idee voor een nieuwe feature? Dan krijg je de ruimte om dit uit te werken, een team samen te stellen en het gewoon te bouwen zonder eerst eindeloos toestemming te vragen. Je hebt de vrijheid om kennis op te doen, op je eigen manier te leren en sessies te organiseren die waarde toevoegen aan je project.

Wat zijn de voordelen van werken bij Air France-KLM?

Binnen BlueWeb ben je niet alleen bouwer, maar ook verantwoordelijk voor het live houden van de applicatie. Dagelijks gebruiken ruim 150.000 mensen wat jij mee helpt ontwikkelen. We monitoren constant of alles soepel draait.
Daarnaast werk je samen met internationale bedrijven, deel je kennis met vakgenoten en maak je deel uit van een groeiend ontwikkelteam.