Zur Startseite Live-Demo

Saalplan bearbeiten (Tischplan-Editor)

Wozu dient das?#

Der Tischplan-Editor ermöglicht das visuelle Zeichnen und Gestalten Ihres Gastraums oder Betriebsareals. Sie platzieren Tische, Theken und Raumzonen grafisch auf einer digitalen Zeichenfläche, passen Formen, Abmessungen und Drehwinkel an und stellen sicher, dass das Servicepersonal an allen Kassenterminals eine exakte Abbildung des echten Raums vorfindet.

Ob klassischer Gastraum, Außenbereich/Terrasse, Festsaal oder Werkstattbetrieb – alle Tischgruppen und Stationsflächen werden im Editor grafisch modelliert.

Voraussetzungen#

  • Ein eingerichteter Standort mit hinterlegten Tisch-Stammdaten (Tischnummern und Bereiche/Areas).
  • Ein aktiver Backoffice-Zugang mit der Systemrolle Owner oder Manager.
  • Ein Computer oder Tablet mit ausreichend großer Bildschirmauflösung zur komfortablen Maus- oder Touch-Bedienung.

Rollen & Berechtigungen#

RolleSaalpläne ansehenPläne zeichnen & bearbeitenPläne an Terminals übertragen
Owner (Inhaber)JaJaJa
ManagerJaJaJa
Staff (Servicekraft)Nein (nur Kassen-Tischanzeige)NeinNein
Accounting (Buchhaltung)LeserechteNeinNein

Bildschirm für Bildschirm (FloorPlanEditor.tsx)#

Der Bereich trägt den Titel Tischplan-Editor (Menüeintrag RAUMPLAN-EDITOR).

Tischplan-Editor Backoffice-Bereich Tischplan-Editor mit Plan-Name, Zahl der Ressourcen, Rückgängig, Wiederholen und Design übertragen, Zeichenfläche mit Tischen und Werkzeugen für Raster, Objekte und Bildschirm sowie der Seitenleiste Komponenten mit Quadratisch, Rund, Länglich und Tisch-Eigenschaften mit Drehen und Entfernen. BACKOFFICE VERLASSEN >_ BACKOFFICE Verwaltung PRODUKT-LAYOUT MENÜ-EDITOR LAGERVERWALTUNG PREIS- & RABATTREGELN RAUMPLAN-EDITOR TISCH-LEBENSZYKLUS GESCHÄFT FISKAL DRUCKEN GERÄTE ROLLEN & BERECHTIGUNGEN KI-ASSISTENT INHABER-DASHBOARD SCHICHTVERWALTUNG KARTENABSTIMMUNG DATENEXPORTE NEUER MANDANT QR-CODES KUNDEN STANDORTE GUTSCHEINE ARBEITSZEIT KORRIGIEREN MARKETING PMS FRANCHISE BRANDING Tischplan-Editor HAUPTBEREICH 12 Ressourcen Design übertragen T4 T5 T6 KOMPONENTEN Quadratisch Rund Länglich TISCH-EIGENSCHAFTEN Drehen 45° Entfernen Magnetische Hilfslinien helfen dabei, Tischmitten und -kanten auszurichten. 1 2 3 4 5 6 7
Tischplan-Editor mit Zeichenfläche, Komponenten und Tisch-Eigenschaften
  • 1 Rückgängig und Wiederholen.
  • 2 Design übertragen: hervorgehoben, wenn Änderungen vorliegen. Nach dem Übertragen steht dort Synchronisiert. Daneben stehen der Name des Plans und die Zahl der Elemente als … Ressourcen.
  • 3 Die Werkzeuge oben links auf der Zeichenfläche: Am Raster ausrichten, An Objekten ausrichten und An Bildschirm anpassen.
  • 4 Komponenten: die Formen Quadratisch, Rund und Länglich. Ein Tipp auf die Form legt den Tisch in die Mitte der Zeichenfläche.
  • 5 Drehen 45° unter Tisch-Eigenschaften dreht den markierten Tisch. Der Bereich erscheint nur, solange ein Tisch markiert ist.
  • 6 Entfernen löscht den markierten Tisch von der Zeichenfläche.
  • 7 Die Zeichenfläche mit den Tischen. In der Seitenleiste erklärt ein Hinweis die magnetischen Hilfslinien.

Die Einzelheiten:

  • Kopfzeile:
    • Titel: Tischplan-Editor (blueprint_editor).
    • Plan-Badge: Zeigt den Namen des aktuell aktivierten Raumplans (z. B. "Hauptbereich").
    • Tische-Anzahl: Zeigt die Gesamtzahl aller auf dem Plan angelegten Elemente im Format … Ressourcen.
    • Rückgängig / Wiederholen: Werkzeugleiste mit Rückgängig und Wiederholen.
    • Übertragen-Schaltfläche:
      • Design übertragen (push_design): In Primärfarbe hervorgehoben, wenn Änderungen vorliegen.
      • Synchronisiert (synced): Grau schattiert, sobald der Plan an die Kassen übertragen wurde.
  • HUD-Werkzeugleiste (Links oben auf der Zeichenfläche):
    • Am Raster ausrichten (snap_to_grid): Schaltet das automatische Einrasten an einem unsichtbaren Koordinatenraster ein oder aus.
    • An Objekten ausrichten (snap_to_objects): Schaltet magnetische Ausrichtungslinien ein, die Kanten und Mitten benachbarter Tische bündig ausrichten.
    • An Bildschirm anpassen (fit_to_screen): Zentriert den Arbeitsbereich und stellt den optimalen Zoomfaktor ein.
  • Zentraler Arbeitsbereich (Konva-Canvas):
    • Interaktive HTML5-Canvas-Zeichenfläche mit Gittermuster.
    • Unterstützt Stufenlos-Zoom per Mausrad und Pan-Verschiebung durch Ziehen des Hintergrunds.
    • Tisch-Grafiken: Zeigen die Tisch-Bezeichnung in Fettschrift sowie den Auswahlrahmen mit Transformations- und Rotations-Griffen.
  • Rechte Seitenleiste (Ausklappbar über SidebarIcon):
    • Bereich Komponenten (components):
      • Quadratisch
      • Rund
      • Länglich
    • Bereich Tisch-Eigenschaften (table_props): (Wird eingeblendet, wenn ein Tisch markiert ist)
      • Drehen 45° (rotate_45): Rotiert das markierte Element im Uhrzeigersinn um 45 Grad.
      • Entfernen (remove): Rote Schaltfläche zum Löschen des markierten Tischs von der Zeichenfläche.
    • Hinweis-Box (Unten): Magnetische Hilfslinien helfen dabei, Tischmitten und -kanten auszurichten. Ziehen Sie den Hintergrund, um den Arbeitsbereich zu verschieben. (magnetic_guides_help_align_table_centers).

Schritt für Schritt (mit Verzweigungen)#

1. Editor aufrufen#

  1. Melden Sie sich im Backoffice an.
  2. Wählen Sie im Backoffice den Eintrag RAUMPLAN-EDITOR. Die Seite trägt die Überschrift Tischplan-Editor (blueprint_editor).
  3. Das System lädt den aktiven Tischplan Ihres Standorts.

2. Tische und Raumelemente hinzufügen#

  1. Öffnen Sie die rechte Seitenleiste Komponenten (components).
  2. Wählen Sie die gewünschte Tischform: Quadratisch, Rund oder Länglich.
  3. Das Element erscheint in der Mitte der Zeichenfläche.

3. Tische positionieren, skalieren und drehen#

  1. Klicken Sie auf ein Element auf der Zeichenfläche, um es auszuwählen.
  2. Ziehen Sie den Tisch mit gedrückter Maustaste an die gewünschte Stelle im Raum.
  3. Nutzen Sie die Eckpunkte des Rahmens, um die Breite und Höhe anzupassen.
  4. Klicken Sie im Feld Tisch-Eigenschaften (table_props) auf Drehen 45° (rotate_45) oder nutzen Sie den Rotationsgriff direkt am Objekt.

4. Ausrichthilfen (Raster & Magnet) nutzen#

  1. Aktivieren Sie Am Raster ausrichten (snap_to_grid), um Tische an einheitlichen Koordinatenabständen auszurichten.
  2. Aktivieren Sie An Objekten ausrichten (snap_to_objects), um magnetische Hilfslinien einzublenden, wenn Tischkanten bündig liegen.
  3. Klicken Sie auf An Bildschirm anpassen (fit_to_screen), um die Ansicht zu zentrieren.

5. Element von der Zeichenfläche löschen#

  1. Klicken Sie auf den Tisch, den Sie entfernen möchten.
  2. Klicken Sie in der Seitenleiste unter Tisch-Eigenschaften (table_props) auf Entfernen (remove).

6. Raumplan speichern und freigeben#

  1. Klicken Sie oben rechts auf Design übertragen (push_design).
  2. Der Status wechselt zu Synchronisiert (synced). Der aktualisierte Saalplan ist nun auf allen Terminals aktiv.

Besonderheit: Werkstatt- und Garage-Betriebe (Bay-Variante)#

In Werkstatt- und Service-Betrieben (z. B. demo_garage) dient der Tischplan-Editor nicht der Gastronomie-Tischordnung, sondern der visuellen Platzierung von Werkstatt-Buchten, Hebebühnen und Servicestationen:

  • Tischnummern: Entsprechen den Arbeitsbühnen (z. B. "Bühne 1", "Prüfstand 2", "Wartezone").
  • Belegungszustände: Die Kassenanzeige nutzt die Farben (Frei, In Arbeit, Abrechnung), um dem Werkstattleiter die Belegung der Bühnen in Echtzeit anzuzeigen.
  • Die grafische Zeichnungsfunktion im Backoffice bleibt exakt identisch.

Was passiert im Hintergrund#

  • Der Grundriss wird als JSON-Objekt (layout_json) in der PostgreSQL-Datenbanktabelle table_plans gespeichert.
  • Jedes Element speichert X/Y-Prozentkoordinaten, Pixel-Abmessungen (width_px, height_px) und den Rotationswinkel (rotation_deg).
  • Nach Klick auf Design übertragen wird ein Redis-Stream-Event ausgelöst, das den Saalplan auf allen Kassenterminals unverzüglich aktualisiert (→ Kapitel 12a).

Häufige Probleme#

1. Fehlermeldung: DUPLICATE_TABLE_NUMBER#

  • Ursache: Es wurde versucht, einen Tisch mit einer Nummer anzulegen, die an diesem Standort bereits existiert.
  • Lösung: Vergeben Sie in den Tisch-Stammdaten eindeutige Tischnummern pro Standort.

2. Fehlermeldung: Table not found#

  • Ursache: Die im Grundriss verknüpfte Tisch-ID wurde in den Stammdaten gelöscht.
  • Lösung: Entfernen Sie das verwaiste Element mit Entfernen (remove) vom Plan.

3. Fehlermeldung: Table plan not found#

  • Ursache: Der aufgerufene Tischplan existiert nicht mehr oder ist deaktiviert.
  • Lösung: Wählen Sie in den Standorteinstellungen einen gültigen aktiven Tischplan aus.

4. Fehlermeldung: Location not found#

  • Ursache: Dem aktuellen Benutzerkonto ist kein aktiver Standort zugewiesen.
  • Lösung: Überprüfen Sie Ihre Standortzuordnung im Backoffice.

5. Fehlermeldung: No table assigned to this reservation#

  • Ursache: Eine Reservierung besitzt keine Tischnummer-Zuordnung.
  • Lösung: Weisen Sie der Reservierung im Reservierungsmodul einen konkreten Tisch zu (→ Kapitel 30).

6. Fehlermeldung: Table is unavailable or exceeds capacity for the selected time window#

  • Ursache: Der gewählte Tisch ist für die Personenzahl der Reservierung zu klein oder belegt.
  • Lösung: Wählen Sie im Saalplan einen Tisch mit ausreichender Kapazität (capacity).

7. Fehlermeldung: Table is already reserved for this time slot#

  • Ursache: Der ausgewählte Tisch ist im gebuchten Zeitraum bereits belegt.
  • Lösung: Wählen Sie einen anderen freien Tisch für die Reservierung aus.

8. Fehlermeldung: Access denied#

  • Ursache: Unzureichende Benutzerrechte für den Aufruf des Tischplan-Editors.
  • Lösung: Bitten Sie den Inhaber, Ihrem Benutzerkonto die Manager- oder Owner-Rolle zuzuweisen.

Grenzen#

  • Keine Vektorgrafik-Importe: Der Editor dient der schematischen Tischanordnung; das Importieren externer CAD-Zeichnungen wird derzeit nicht unterstützt.
  • Standort-Bindung: Ein Raumplan gehört immer zu genau einem zugewiesenen Standort und Bereich (Area).

Dieses Kapitel gehört zum Merkuron-Handbuch für Inhaber und Servicepersonal.