RVF - Tarifrechner "LuftLinie": Projekthauptbild / Keyvisual

RVF
Tarifrechner "LuftLinie"

Der neue RVF-Tarif "LuftLinie" errechnet den Fahrpreis nach gefahrener Luftlinien-Distanz. Über eine Smartphone-App (FAIRTIQ) wird die gefahrene Distanz automatisch ermittelt und abgerechnet. Eine Innovation im ÖPNV. Zur Einführung des neuen Tarifs wurde von uns ein Tarifrechner zur Ermittlung von Distanz und Fahrpreis entwickelt. Dieser bietet Fahrgästen im Vorfeld die Möglichkeit, die Distanz und somit auch den Fahrpreis von Start und Ziel zu berechnen.

Zurück
RVF - Tarifrechner "LuftLinie": Screenshot
RVF - Tarifrechner "LuftLinie": Stilelement Notebook

Das Projekt und dessen
Zahlen, Daten, Fakten

Launch:
August 2021
Kunde:
RVF
Design:
bemerkt
Technologien:
JavaScript, PHP
Frameworks:
Vue.js
www.rvf.de/luftlinie

Was beim Benutzer ankommt:
Das Frontend

Das Kernelement bildet die Vue.js-Applikation im Frontend. Die Texteingaben zum Setzen von Start und Ziel verfügen ermitteln passende Haltestellen live bei Eingabe. Sobald Start und Ziel gesetzt wurde, wird die Distanz zwischen den Haltestellen berechnet und daraus der Fahrpreis abgeleitet. Ist der ermittelte Fahrpreis größer wie die Tagesgrenze, wird dies entsprechend visualisiert. Also optischen Mehrwert werden die gewählten Haltestellen auf einer Karte dargestellt.

Bei Texteingabe werden passende Haltestellen vorgeschlagen
Wenn der ermittelte Preis eine definierte Grenze übersteigt, wird der Tagesdeckel angezeigt
Visualisierung der Haltestellen auf Open Street Maps

Die redaktionellen Möglichkeiten:
Das Backend

Berechnungsgrundlage der Distanz sind die Geokoordinaten der Haltestellen. Diese werden über einen eigenen Importer aus einer vom RVF gelieferten CSV-Datei konvertiert und im Backend gespeichert und über eine eigene API an das Frontend übermittelt. Die redaktionelle Aufgabe des Backends ist an dieser Stelle sehr gering, da Haltestellen direkt per CSV verwaltet und geliefert werden.

Eingabemaske der Haltestellen
Inhaltselement zum redaktionellen Einbau auf einer Seite
Listung der Haltestellen im Backend
Via CLI können die Haltestellen aus einer CSV-Datei importiert werden

Ein Blick unter die Haube:
Die Technik

Für den Import der Haltestellen wurde ein Symfony-Command entwickelt und erfolgt per CLI. Eine eigene JSON-API übermittelt die Haltestellen ans Frontend. Die Berechnung der Distanz, die Ermittlung der Fahrpreise sowie die Visualisierung auf einer Karte wurde in Vue.js entwickelt.

JavaScript / Vue.js
TYPO3 Extension Development (PHP)