Hintergrund / Motivation

„Stadt, Land, Fluss“ ist ein bekanntes und beliebtes Gesellschaftsspiel, das normalerweise mit Papier und Stift gespielt wird. Dabei werden Kreativität, Wortschatz und Allgemeinwissen gefördert. In der klassischen Form ist das Spiel jedoch organisatorisch aufwendig, da Auswertung, Punktevergabe und Kontrolle der Antworten manuell erfolgen müssen.

Die Motivation dieses Projekts war es, das Spiel in eine digitale Form zu überführen und dadurch zu vereinfachen sowie zu modernisieren. Durch die Umsetzung als Webanwendung können Runden automatisch ausgewertet, Punkte berechnet und Ergebnisse gespeichert werden. Fehler bei der Bewertung werden reduziert und der Spielfluss wird deutlich beschleunigt.

Zusätzlich bietet die digitale Lösung neue Möglichkeiten, die im klassischen Spiel nicht vorhanden sind, wie zum Beispiel automatische Highscores, Fortschrittsanzeigen und eine strukturierte Datenspeicherung. Ziel war es, ein bekanntes Spielprinzip mit moderner Webtechnologie zu verbinden und gleichzeitig praktische Kenntnisse in SAP UI5, OData und Webentwicklung anzuwenden.

Beschreibung

 

Ist-Zustand

Ein Buchstabe wird gewählt und alle Spieler tragen Begriffe zu verschiedenen Kategorien ein.

Die Auswertung erfolgt manuell:

  • Kontrolle, ob Begriffe gültig sind
  • Vergleich, ob mehrere Spieler denselben Begriff haben
  • Manuelle Punktevergabe
  • Ergebnisse werden nicht dauerhaft gespeichert

Dadurch entstehen typische Probleme:

  • Hoher Zeitaufwand für die Auswertung
  • Diskussionen über richtige oder falsche Begriffe
  • Keine automatische Rangliste oder Highscore
  • Spiel ist an physische Anwesenheit gebunden
Soll-Zustand

Das Ziel des Projekts ist eine digitale Umsetzung des Spiels als Webanwendung im Singleplayer-Modus. Das System übernimmt zentrale Aufgaben automatisch:

  • Benutzer melden sich mit einem Namen an
  • Kategorien werden dynamisch aus einer Datenbank geladen
  • Pro Runde wird automatisch ein zufälliger Buchstabe erzeugt
  • Ein Timer begrenzt die Eingabezeit
  • Antworten werden automatisch mit der Datenbank abgeglichen
  • Punkte werden anhand der Seltenheit der Begriffe vergeben
  • Fortschritt und Punkte werden visuell angezeigt
  • Ergebnisse werden gespeichert (Score & Highscore)

Dadurch wird das Spiel:

  • schneller und fairer ausgewertet
  • übersichtlicher durch visuelle Anzeigen
  • unabhängig von Papier und manueller Kontrolle
  • technisch erweitert durch Datenspeicherung und Webtechnologien

 

Technologien
Programmiersprache

JavaScript

Framework

SAPUI5

Styling

CSS

Backend
  • Express (Node.js)
  • Schnittstelle zwischen Frontend und Datenbank
  • Verarbeitung von Anfragen (API)
Datenbank
  • MySQL
  • Speicherung von Benutzern, Kategorien, Antworten und Scores
Entwicklungsumgebung

Visual Studio Code

Projektinfo
Schuljahr:
25/26
Ausbildung:
Systemintegration
Schüler:
Alexander Mayer
Betreuer:
Herr Tobias Perl
Bilder