RestoBooking — restaurant administrator tablet design visualisation

RestoBooking — Tischreservierungen auf dem Tablet

Ein Arbeitswerkzeug für Restaurantadministratoren: Reservierungen auf einem Android-Tablet verwalten, ohne Internet weiterarbeiten und Änderungen nach Wiederherstellung der Verbindung mit dem Server synchronisieren.

Für das Restaurantteam

RestoBooking verbindet das Reservierungsformular der Restaurantwebsite mit den Oberflächen für das Personal. Gäste senden Online-Anfragen; Administratoren prüfen Reservierungen, weisen Tische zu, erfassen Notizen und markieren die Ankunft. Die Tablet-App ist für den Empfang und den Gastraum vorgesehen.

Der Arbeitsablauf am Empfang

Die Reservierungsliste zeigt Uhrzeit, Gastname, Personenzahl, Tisch und Status. Räume und Tischkapazitäten unterstützen die Sitzplatzorganisation. Mitarbeitende können telefonische Reservierungen oder Buchungen vor Ort neben den Website-Anfragen erfassen.

Ohne Internet weiterarbeiten

Die Android-App speichert Daten lokal und führt eine Warteschlange für offline erstellte oder geänderte Reservierungen. Administratoren können weiterhin Buchungen erfassen. Sobald die Verbindung zurückkehrt, werden ausstehende Änderungen an den Server gesendet und die App aktualisiert ihre Daten.

Mehrere Tablets in einem Restaurant

Ein Restaurant kann mehrere Tablets für seine Administratoren einsetzen. Verbundene Geräte tauschen Reservierungsdaten über den gemeinsamen Server aus. Jedes offline arbeitende Tablet behält seine eigenen ausstehenden Änderungen; andere Geräte erhalten diese nach der Serversynchronisierung. Offline-Arbeit bedeutet keine sofortige Übertragung zwischen getrennten Tablets.

Der Arbeitsablauf in neuem Design

Die Portfolio-Abbildungen zeigen das ausgewählte Tablet-Design: nach Uhrzeit gruppierte Reservierungen, gut lesbare Gastinformationen und einen klaren Verbindungsstatus.

Die gezeigten Oberflächen und Geräteszenen sind modernisierte Designvisualisierungen für diese Fallstudie. Sie enthalten fiktive Demodaten und sind keine Screenshots der aktuell veröffentlichten Produktversion. Die Oberfläche des Produkts selbst wurde nicht geändert.

Reservierungsliste — Ankünfte, Tische und offline gespeicherte Buchungen
Reservierungsliste — Ankünfte, Tische und offline gespeicherte Buchungen
Tische — Räume und Sitzplatzkapazitäten bei bestehender Verbindung
Tische — Räume und Sitzplatzkapazitäten bei bestehender Verbindung
Neue Reservierung — Gastdaten und Buchung ohne Internet
Neue Reservierung — Gastdaten und Buchung ohne Internet

Vorteile

  • 📱 Ein Tablet-Arbeitsplatz für Administratoren — Reservierungsdetails bleiben während des Service griffbereit.
  • 📴 Reservierungen offline erfassen — Änderungen bleiben bis zur Wiederverbindung auf dem Tablet.
  • 🔄 Mit dem Server synchronisieren — lokal erstellte und geänderte Buchungen nach Wiederverbindung senden.
  • 👥 Mehrere Tablets im Restaurant — verbundene Mitarbeitergeräte nutzen einen gemeinsamen Reservierungsserver.

Technologien

Die Android-App verwendet React Native, Redux Toolkit und den lokalen Speicher MMKV. Das Website-Formular und die Webadministration basieren auf React und JavaScript. Ein PHP-Backend mit Symfony und API Platform stellt die gemeinsame API bereit. Der mobile Code enthält Verbindungsprüfungen, Änderungswarteschlangen und Datenaktualisierung nach Wiederverbindung.

React Native React JavaScript PHP Symfony
Zurück zum Portfolio

Restaurantsoftware für Reservierungen auf Tablets

RestoBooking verbindet Website-Anfragen und den Tablet-Arbeitsplatz über eine gemeinsame Reservierungs-API. Die Fallstudie betrachtet die Arbeit am Empfang während des Service, auch bei fehlender Internetverbindung.

Offline-Reservierungen und spätere Serversynchronisierung

Der mobile Quellcode trennt lokale Speicherung und API-Anfragen. MMKV und Redux Persist halten den Anwendungszustand auf dem Tablet; getrennte Warteschlangen erfassen neue und bearbeitete Reservierungen. Verbindungsprüfungen bestimmen, wann diese gesendet werden können. Die Wiederverbindung ist damit Teil der Architektur, statt für jede Aktion eine Internetverbindung vorauszusetzen.

Mehrere Mitarbeiter-Tablets und Website-Anfragen

Ein gemeinsames Backend mit Symfony und API Platform verbindet React-Website, Webadministration und React-Native-Tablet-App. Bei mehreren Tablets erreichen lokale Änderungen andere Geräte über die Serversynchronisierung. Die Architektur gibt dem lokalen Tablet-Arbeitsplatz und der zentralen API unterschiedliche Aufgaben im selben Reservierungsprozess.