Sprachgesteuertes Browsergame
Vom Problem
zum Ergebnis
Ein Lotse klickt nicht, er spricht
Die DFS bildet ihre Fluglotsen selbst aus und gewinnt den Nachwuchs über ihr Karriereportal. Vectoring ist eines von vier Browserspielen, die dort auf das Auswahlverfahren vorbereiten und Interessierten zeigen sollen, was die Tätigkeit verlangt. Die Schwierigkeit lag dabei nicht im Spiel, sondern in der Eingabe: Ein Lotse klickt nicht, er spricht. Eine Simulation, die per Maus gesteuert wird, bildet den Beruf nur halb ab.
Sprachsteuerung ohne Installation und ohne Konto
Schon im Basiskonzept stand die Sprachsteuerung fest. Sie musste ohne Installation, ohne Konto und im normalen Browser funktionieren, denn auf einer öffentlichen Karriereseite lässt sich niemandem eine Hürde zumuten. Deshalb fiel die Wahl auf die Web Speech API des Browsers statt auf einen Dienst mit eigener Anmeldung.
Seit 2018 im Karriereportal, zweisprachig steuerbar
Der Spieler erteilt Kursanweisungen wie ein Lotse und führt die Flugzeuge mit ausreichendem Sicherheitsabstand durch den Luftschlauch. Die Erkennung läuft zweisprachig in Deutsch und Englisch, damit die Funksprache in beiden Varianten geübt werden kann. Wer nicht sprechen will, klickt in die Radarrose oder nutzt auf dem Smartphone die Plus- und Minus-Tasten. Die Sprachsteuerung ist ein zusätzlicher Weg, keine Voraussetzung. Radarrose, Flugbewegungen und Schlauch sind in Canvas gezeichnet. Das Spiel ging 2018 online und läuft seither unverändert im Karriereportal, neben den drei übrigen Webgames. 2024 und 2025 wurde die Spracherkennung überarbeitet, nachdem die Browser ihre Schnittstellen weiterentwickelt hatten, nach sieben Jahren im Betrieb.
Details
zum Projekt
Über
den Kunden
Die DFS Deutsche Flugsicherung GmbH überwacht als Bundesunternehmen den Luftverkehr über Deutschland. Ihre Fluglotsen bildet sie in einer eigenen Akademie aus und wählt sie über ein mehrstufiges Eignungsverfahren. Die Nachwuchsgewinnung läuft über ein eigenes Karriereportal, für das seit 2017 mehrere Anwendungen entstanden sind.
Mein Prozess
für Webapplikationen
-
Concept
Erstbesprechung. Brainstorming. Scribbling.
Zuerst klären wir, woran der heutige Weg scheitert. Aus dem Gespräch entstehen Skizzen, an denen sich die Richtung prüfen lässt, bevor etwas gebaut wird.
1
-
Design
Prototyping. UX-Design. MVP-Entwicklung.
Der Entwurf entsteht als Prototyp, nicht als Beschreibung. So zeigt sich früh, ob die Abläufe im Alltag tragen. Änderungen kosten hier Minuten statt Wochen.
2
-
Develop
Systemdesign. Frontend/Backend. Testing.
Gebaut wird in Ausbaustufen, damit früh etwas Nutzbares steht. Jede Stufe geht geprüft in Betrieb, statt am Ende alles auf einmal.
3
-
Deliver
Deployment. Monitoring. Maintenance.
Zur Übergabe gehört eine Dokumentation, mit der sich die Anwendung selbst betreiben lässt. Auf Wunsch übernehme ich Servereinrichtung und Betrieb, dann kommt auch das aus einer Hand.
4
Das sagt
der Kunde
Mit Christian Albert