Die Webseite kann wie folgt erreicht werden:

- als AccessPoint: Sich auf das WLAN verbinden und 192.168.4.1 in die Browserleiste eingeben.
- in einem WLAN-Netz: Die IP-Adresse wird seriell geloggt. Bei mehrfachen Login des gleichen Esp32 in das WLAN-Netz bleibt für gewöhnlich die IP-Adresse gleich.

Webseiten

index.html: Die Startseite, auf welche man bei der ersten Verbindung gelangt:

Auf dieser Seite kann man zu der eigentlichen Cocktail-Liste, zu Informationen und zu den Einstellungen gelangen.
Die Informationsseite wurde bereits erstellt, allerdings werden Anfragen bezüglich Informationen vom Esp32 nicht beantwortet.

Cocktailliste: In dieser Liste können Kunden Cocktails auswählen. Weiter unten ist der Bestellvorgang beschrieben.

Hierbei wurde ein großer Augenmerk auf ein schlichtes Design gelegt. Per Klick auf die Mengenangabe neben dem Cocktailnamen und Inhaltsangaben lässt sich ein Bestellvorgang auslösen.

Einstellungen: Hier können Einstellungen vorgenommen werden. Dabei wird automatisch auf passende Syntax geprüft und eine Fehlermeldung angezeigt.

Im oberen Bereich kann man eine entsprechende Configuration auswählen und per Klick auf "Bearbeiten" in das Textfeld laden.
Im Textfeld kann man dieses dann bearbeiten und per Klick auf "Speichern" diese Konfiguration speichern.

Hierbei fehlt aktuell noch eine Passwortabfrage. In der Einstellungsdatei webconfig kann man den adminMode deaktivieren, was allerdings dazu führt, dass der ConfigServer nicht mehr erreichbar ist. Da dabei dann keine Einstellungen mehr änderbar sind, ist hier noch etwas Nacharbeit von Nöten.

Folgende Einstellungen im JSON-Format sind aktuell vorhanden:
- wifi.json: WLAN-Einstellungen
- cocktails.json: Liste an Cocktails, welche gemixt werden können.
- reservoir.json: In dieser Datei können die Namen zu den IDs der Reservoirs vorgenommen werden.
- web.json: Hierbei kann aktuell der ConfigServer deaktiviert werden.
- config.json: In dieser Liste werden die Namen mit den Pfaden auf dem Esp32 verknüpft. Diese Datei ist nicht per ConfigServer editierbar.
- Weitere Konfigurationen wurden hinzugefügt aber nicht konkret benutzt.

Bestellvorgang

Wenn ein Kunde ein Cocktail bestellen möchte, klickt er in der Cocktailliste den entsprechenden Knopf an. Dem Kunden wird dabei ein entsprechendes Popup angezeigt.

Dabei wird eine POST-Anfrage an den Esp32 gestellt, welcher als Payload den Cocktail im JSON-Format enthält. Der Esp32 deserialisiert die Daten und schreibt anschließend diese auf den RFID-Chip. Nach einem Timeout oder dem erfolgreichen Schreiben bekommt der Kunde ein entsprechendes Feedback:

Der komplette Bestellvorgang wird auch seriell geloggt. Dabei sieht man zuerst die Liste an Zutatennamen, welche auf die entsprechende Reservoirs verteilt werden. Anschließend werden Berechnungsfehler in einer Summenprüfung ausgeglichen. Das fehlende Volumen wird der Zutat mit dem meisten Volumen zugerechnet.
Nachdem der RFID-Chip erkannt wird, wird der Schreibvorgang geloggt. Sollte der RFID-Chip einen ungemixten Cocktail enthalten, wird dabei eine Warnung angezeigt.