Bassliner Check-in-App

Web-App (PWA)
Bassliner Check-in-App


2021
  • UI/UX-Design

  • Software-Development

  • Admin-Panel

  • Laravel

  • Vue.js & VueX

  • Web-Sockets

  • Progressive Web App (PWA)

  • REST-Api

  • QR-Code Scan

Check-in per QR-Code

Bassliner bringt jährlich tausende Besucher mit gecharterten Bussen zu ausgewählten Großveranstaltungen, wie z. B. dem Fusion-Festival. Beim Check-in der Fahrgäste kommt unsere App zum Einsatz und verifiziert Tickets komfortabel per QR-Code-Scan.

UI/UX-Design

Auf Basis des Screendesigns von bassliner.org haben wir ein simplifiziertes UI/UX-Design abgeleitet, welches den Fokus auf die effektive und intuitive Bedienung der App legt. Der Check-in wird oft von verschiedenen und neuen Mitarbeitern durchgeführt, sodass eine Einarbeitung in die Funktionsweise möglichst schnell und einfach vonstatten gehen muss.

Plattform- und Endgerät-unabhängige Lösung

Da die App flexibel auf verschiedensten Endgeräten und Plattformen lauffähig sein muss, ist unsere Progressive Web App die optimale Lösung. Die Anwendung läuft im Browser des Smartphones, benötigt keinerlei Installation oder Updates seitens des Nutzers und ist auf allen gängigen Betriebssystemen und Endgeräten verschiedenster Hersteller lauffähig.

Check-in per Scan oder manuell

Der Check-in kann komfortabel per Scan eines auf dem Ticket aufgedruckten QR-Codes erfolgen. Auch der Scan von einem Bildschirm ist möglich. Die Implementierung dieses Features wurde mithilfe einer Javascript-Bibliothek zum Scan von Bar- und QR-Codes realisiert. Alternativ steht ein manueller Check-in per Auswahl aus einer Liste der Mitfahrenden zur Verfügung.

litstack Admin Panel

Für die Administration der App kommt ein individuell konfiguriertes Admin Panel auf Basis unseres Open Source Frameworks litstack zum Einsatz. Dort können Mitarbeiter registriert und Fahrten an die Mitarbeiter zugewiesen werden. Zusätzlich können Admin-User Auswertungen einzelner Check-ins abrufen.

Synchronisation mit Buchungssystem per REST-Api

Die Fahrgast-Listen werden über eine REST-Api automatisch aus dem Bassliner-Buchungssystem eingespeist und stehen anschließend für den Check-in-Vorgang in der App bereit.

Live Updates per Web-Sockets

Die Kommunikation zwischen Web-App und Admin-Panel läuft live über Web-Sockets, sodass z. B. neue Fahrten an die Mitarbeiter „gepusht“ werden können. Zudem können Admin-User erfolgte Check-ins und den Fortschrittsstatus eines Buses ohne Reload einsehen.

Bassliner Check-in-App


Bassliner Check-in-App


Bassliner Check-in-App