RestoBooking — restaurant administrator tablet design visualisation

RestoBooking — Rezerwacje stolików na tablecie

Narzędzie pracy administratora restauracji: zarządzanie rezerwacjami na tablecie z Androidem, praca bez internetu i synchronizacja zmian z serwerem po odzyskaniu połączenia.

Dla zespołu restauracji

RestoBooking łączy formularz rezerwacji na stronie restauracji z interfejsami personelu. Goście wysyłają zgłoszenia online; administratorzy przeglądają rezerwacje, przypisują stoliki, dodają uwagi i oznaczają przybycie gości. Aplikacja na tablet służy do pracy przy recepcji i na sali.

Przebieg pracy administratora

Lista rezerwacji zawiera godzinę, imię i nazwisko gościa, liczbę osób, stolik oraz status. Sale i pojemność stolików pomagają organizować miejsca. Personel może dodawać rezerwacje telefoniczne i zgłoszone na miejscu obok zgłoszeń ze strony.

Praca bez internetu

Aplikacja na Androida przechowuje dane lokalnie i prowadzi kolejkę rezerwacji utworzonych lub zmienionych bez połączenia. Administratorzy mogą dalej zapisywać rezerwacje offline. Po odzyskaniu łączności oczekujące zmiany trafiają na serwer, a aplikacja odświeża dane.

Kilka tabletów w jednym lokalu

Administratorzy lokalu mogą korzystać z kilku tabletów. Podłączone urządzenia wymieniają dane rezerwacji przez wspólny serwer. Każdy tablet offline przechowuje własne oczekujące zmiany; pozostałe urządzenia otrzymują je po synchronizacji z serwerem. Praca offline nie oznacza natychmiastowej wymiany między odłączonymi tabletami.

Odświeżona wizualizacja pracy

Materiały portfolio przedstawiają wybrany projekt interfejsu na tablet: rezerwacje pogrupowane według godziny, czytelne dane gości i wyraźny status połączenia.

Pokazane interfejsy i sceny z urządzeniami to odświeżone wizualizacje projektu przygotowane do tego studium przypadku. Zawierają fikcyjne dane demonstracyjne i nie są zrzutami ekranu aktualnej wersji produktu. Interfejs samego produktu nie został zmieniony.

Lista rezerwacji — przybycie gości, stoliki i zapisy offline
Lista rezerwacji — przybycie gości, stoliki i zapisy offline
Stoliki — sale i liczba miejsc przy aktywnym połączeniu
Stoliki — sale i liczba miejsc przy aktywnym połączeniu
Nowa rezerwacja — dane gościa i zapis bez internetu
Nowa rezerwacja — dane gościa i zapis bez internetu

Zalety

  • 📱 Tablet dla administratora — szczegóły rezerwacji są pod ręką podczas obsługi.
  • 📴 Zapisywanie rezerwacji offline — zmiany pozostają na tablecie do odzyskania połączenia.
  • 🔄 Synchronizacja z serwerem — lokalnie utworzone i zmienione rezerwacje są wysyłane po połączeniu.
  • 👥 Kilka tabletów w lokalu — podłączone urządzenia personelu korzystają ze wspólnego serwera rezerwacji.

Technologie

Aplikacja na Androida korzysta z React Native, Redux Toolkit i lokalnej pamięci MMKV. Formularz na stronie i administracja internetowa używają React i JavaScript. Backend PHP oparty na Symfony i API Platform udostępnia wspólne API. Kod mobilny zawiera kontrolę łączności, kolejki zmian i odświeżanie danych po odzyskaniu połączenia.

React Native React JavaScript PHP Symfony
Powrót do portfolio

System rezerwacji restauracji do pracy na tabletach

RestoBooking łączy zgłoszenia ze strony i narzędzie na tablet przez wspólne API rezerwacji restauracji. Studium przypadku dotyczy pracy administratora podczas obsługi, również bez dostępu do internetu.

Rezerwacje offline i późniejsza synchronizacja z serwerem

Kod mobilny oddziela lokalny zapis od żądań API. MMKV i Redux Persist zachowują stan aplikacji na tablecie, a osobne kolejki śledzą nowe i edytowane rezerwacje. Kontrola łączności określa, kiedy można je wysłać. Powrót połączenia stanowi więc część architektury, zamiast wymagać internetu przy każdej czynności.

Kilka tabletów personelu i zgłoszenia ze strony

Wspólny backend Symfony i API Platform łączy stronę React, administrację internetową oraz klienta React Native na tablet. W lokalu z kilkoma tabletami lokalne zmiany trafiają na inne urządzenia poprzez synchronizację z serwerem. Architektura przypisuje lokalnemu narzędziu na tablet i centralnemu API różne role w jednym procesie rezerwacji.