Startbildschirm Ticket-Scanner

Die Webapp, die vom Ticket-System für die Ticket-Kontrolle zur Verfügung gestellt wird, kann über URL-Parameter konfiguriert werden. Diese URL kann auf den Android-Ticketscannern in einer Kiosk-Browser-App als Startbildschirm eingestellt werden. Unter anderem wird damit der Standort der Geräte konfiguriert.

Problem

Die Konfiguration dieser URL ist für die Enduser nicht praktikabel. Dadurch ist es umständlich ein Gerät spontan an einem anderen Standort, als dem ursprünglich konfigurierten, einzusetzen.

https://tiweb.ticket-cloud.ch/entrycontrol/eticketJS.php?UserCenterID=3&EmployeeID=r6uW2VG3&TerminalID=100070&Auditoriums=0

Lösung

Das Ziel war eine einfache HMTL Startpage zu erstellen. Dafür habe ich den Bundler Parcel gewählt. Dieses Zero-Configuration Tool ist die ideale Wahl für eine schnelle Webseite in HTML und CSS ohne komplexe Build-Steps und bietet dennoch eine hervorragende Developer-Experience mit Dev server und Hot reloading.

{
  "devDependencies": {
    "cssnano": "^5.0.2",
    "parcel": "^2.8.3",
    "postcss": "^8.2.14"
  },
  "name": "entry",
  "version": "1.0.0",
  "scripts": {
    "dev": "parcel index.html",
    "build": "parcel build index.html --public-url /scanstatic/"
  },
  "author": "",
  "license": "ISC",
  "description": ""
}

Resultat

Mit einem vorgeschalteten Startbildschirm mit Links in denen die vollständige URL für die verschiedenen Standorte eingetragen ist, kann einfach der Standort gewechselt werden.