Tworzenie i Konfigurowanie Motywów

Przegląd

Motywy definiują, jak informacje i elementy sterujące są wyświetlane na cyfrowych ekranach informacyjnych. Motyw zapewnia układ, projekt i ustawienia konfiguracyjne, które określają, co goście i personel widzą na ekranach.

Każdy motyw na liście pokazuje jego Nazwa, Rozdzielczość, przyciski edycji i usuwania oraz Obszar podglądu. Stąd możesz utworzyć nowy motyw, edytować istniejący lub usunąć te, które nie są już potrzebne.

Motywy obsługują wiele trybów, takich jak Ekran zamówień (aktywny, gdy są obecne zamówienia) oraz Tryb czuwania (wyświetlany, gdy nie ma żadnych zamówień). W obrębie motywu możesz dodawać elementy takie jak obszary, wyskakujące okna, bloki reklamowe, tekst i obrazy — oraz umieszczać w nich kontrolki do wyświetlania na żywo danych o zamówieniach.

Po utworzeniu i dostosowaniu motywu można go zastosować na ekranach, aby zarządzać sposobem prezentacji statusów zamówień, treści marketingowych lub innych informacji dla gości.

Dodawanie i Edycja Motywu

Aby dodać nowy motyw:

1. Kliknij .

2. W menu bocznym wpisz Nazwa motywu i wybierz Rozdzielczość. Domyślna rozdzielczość to 1024px/768px. Aby ustawić niestandardową wartość, kliknij Dodaj i wpisz żądaną szerokość i wysokość.

3. Użyj rozwijanego menu Panelu Sterowania, aby skonfigurować Obramowania i Przyciąganie — ułatwiają one wyrównywanie obiektów w motywie.

   

4. Wybierz, jak motyw będzie używany:

   • Ekran zamówień — główny tryb, wyświetlany, gdy istnieje co najmniej jedno zamówienie w dowolnym obszarze.

   • Tryb czuwania — aktywowany, gdy nie ma zamówień w żadnym obszarze motywu.

      

     Motyw może zawierać wiele trybów, a nowy tryb można dodać za pomocą przycisku Dodaj.

5. Dodaj Elementy. Czytaj dalej, aby dowiedzieć się więcej.

6. Dostosuj wygląd wizualny.

Dodawanie i Konfigurowanie Elementów

Aby dodać komponent wyświetlania do obszaru roboczego motywu, kliknij Dodaj element w menu po prawej stronie i wybierz jeden z listy:

Obszar

Statyczny obszar o dowolnym rozmiarze. Domyślnie ma białe tło, ale możesz je zmienić. Ten element służy do umieszczania kontrolki w motywie i konfigurowania jej wyświetlania.

Kliknij element, aby przejść do jego ustawień. W polu Kontrolka wybierz z listy rozwijanej wcześniej skonfigurowaną kontrolkę.

 

Każdy obszar może zawierać tylko jedną kontrolkę. Jeśli potrzebujesz wielu kontrolek w jednym motywie, utwórz dla każdej osobny obszar.

Tryb obszaru określa, jak nowe zamówienia są dodawane do obszaru kontrolki i jak zachowują się po zmianie statusu. Dostępne są dwie opcje:

• Arkusz — układ kontrolki aktualizuje się wraz ze zmianą statusu zamówienia. Zakończone zamówienia przesuwają się w górę lub w dół listy zgodnie z wybranym sortowaniem zamówień. Na przykład, jeśli zamówienie nr 3 pojawia się w środku listy, a później zmienia status na Gotowe, automatycznie przesuwa się w górę, jeśli ustawiono sortowanie z Gotowymi na pierwszym miejscu. Nowe zamówienia są dodawane na podstawie ustawienia Maksymalna liczba kolumn: jeśli ustawiona jest wartość 2 lub więcej, zamówienia, które nie mieszczą się w pierwszej kolumnie, umieszczane są w nowej kolumnie, a szerokości kolumn są dostosowywane do obszaru.

  

• Obszar dynamicznie zapełniany — nowe zamówienia są dodawane obok poprzednich i pozostają na miejscu po zmianie statusu, aktualizując jedynie swój wygląd (np. kolor tła) zgodnie z ustawieniami kontrolki.

  

 

Niektóre ustawienia dostępne są zarówno w kontrolkach, jak i w obszarach motywu — na przykład wyświetlanie numeru zamówienia, czasu przygotowania, imienia klienta lub imienia kuriera. Jeśli oba są skonfigurowane, na ekranie priorytet mają ustawienia motywu.

Dla obu trybów możesz skonfigurować typ statusu zamówienia, status zamówienia, źródła zamówień, tryb obsługi oraz sortowanie zamówień, a także włączyć naprzemienne cieniowanie wierszy. Aby wizualnie oddzielić kontrolki, ustaw odstępy między wierszami i kolumnami.

Moduł Reklamowy

Obszar wyświetlający treści z kampanii reklamowej wybranej w ustawieniach motywu. W każdym bloku wyświetlana jest tylko jedna treść. Kampanie konfigurujesz w sekcji Kampanie.

Tekst, Obraz, Prostokąt

Elementy do projektowania układu motywu. Możesz dodać tekst, obraz lub kształt prostokątny i nadać im styl.

Okno Wyskakujące

To okno pojawiające się na ekranie na wierzchu innych treści. Wyświetla się przez określony czas (Czas wyświetlania), a następnie znika, pojawiając się ponownie w odstępie ustawionym w Interwale wyskakującego okna. Okna wyskakujące najczęściej służą do powiadamiania gości o nowo przygotowanym zamówieniu lub innym zdarzeniu. Sam element Okno Wyskakujące działa jako kontener dla innych elementów, które chcesz pokazać na ekranie: Kontrolka, Obszar, Tekst, Obraz.

 

Do motywu można dodać tylko jedno okno wyskakujące. Po dodaniu znika ono z listy wyboru elementów.

Dla okna wyskakującego należy skonfigurować Typ statusu zamówienia i Status zamówienia — status, który zamówienie musi osiągnąć, aby okno się pojawiło. Na przykład, jeśli ustawisz Statusy kuchni i Gotowe, okno pojawi się, gdy kuchnia zacznie przygotowywać danie.

Jeśli opcja Odtwarzaj dźwięk przy zmianie statusu jest ustawiona na Tak, okno wyskakujące będzie towarzyszyć dźwięk systemowy.

Ustawienia przeglądarki

Aby dźwięk był odtwarzany na ekranie Elektronicznej Kolejki, musi być dozwolony w ustawieniach przeglądarki. Aby to zrobić:

1. Kliknij ikonę obok adresu URL na pasku adresu.

2. Włącz ustawienie Dźwięk.

   

   Przykład pokazany dla Chrome

Aby zmienić dźwięk systemowy, musisz zastąpić plik w folderze wtyczki na urządzeniu, na którym działa Syrve POS. Aby to zrobić:

1. Zamknij Syrve POS.

2. Otwórz folder wtyczki: [Syrve POSFront]\Plugins\Resto.Front.Api.Arrivals.

3. Przejdź do wwwroot > assets > audio.

4. Zamień plik o nazwie sound.mp3 na własny plik dźwiękowy, używając tej samej nazwy pliku.

    

   Nazwa pliku i rozszerzenie muszą dokładnie odpowiadać oryginalnemu plikowi systemowemu.

5. Uruchom ponownie Syrve POS.

6. W przeglądarce wyświetlającej ekran Elektronicznej Kolejki wyczyść pamięć podręczną za pomocą narzędzi deweloperskich:

   • Naciśnij F12 lub Ctrl+Shift+I, albo kliknij prawym przyciskiem myszy w dowolnym miejscu otwartego okna przeglądarki i wybierz Zbadaj.
   • Po prawej stronie otworzy się panel narzędzi deweloperskich — nie trzeba nic tam robić.
   • Kliknij prawym przyciskiem myszy przycisk odświeżania i wybierz Wyczyść pamięć podręczną i twarde odświeżenie (sformułowanie może się różnić w zależności od przeglądarki).

Jeśli dodasz Kontrolkę do Okna Wyskakującego, jej wygląd jest pobierany z ustawień samej kontrolki. Aby zmienić kolor elementu:

• Jeśli kontrolka jest gotowa — skopiuj ją, zmień kolor edytując kopię, nadaj jej nazwę i dodaj nową kontrolkę do Okna Wyskakującego.
• Jeśli kontrolka została stworzona przez Ciebie — edytuj ją bezpośrednio, zmień kolor i zapisz.

Aktualny Czas

Element wyświetlający czas systemowy urządzenia, do którego podłączony jest ekran. Ma jedno pole, Aktualny czas, wyświetlane jako HH:mm.

Licznik

Wyświetla pojedynczą wartość pobraną z zewnętrznego REST API. Wartość jest wyświetlana na ekranie dokładnie tak, jak pochodzi z określonego pola w odpowiedzi JSON.

Na przykład możesz wyświetlić liczbę zamówionych dziś pozycji lub liczbę gości, jeśli te dane są gdzieś w systemie śledzone.

Element pokazuje dokładnie to, co pochodzi z określonego serwera — bez zaokrągleń czy modyfikacji.

Po dodaniu elementu po prawej stronie otwiera się panel ustawień z trzema blokami do wypełnienia:

Źródło danych (REST)

• URL — pełny adres REST API (http/https).
• Metoda HTTP — GET lub POST. Jeśli wybrano POST, pojawia się dodatkowe pole Treść żądania dla danych, które chcesz wysłać do serwera. Dane są wysyłane bez zmian, z nagłówkiem Content-Type: application/json, jeśli wykryto JSON.
• Nagłówki — dowolne pary klucz-wartość. Używane, jeśli API wymaga przekazania informacji serwisowych (np. wersji formatu).
• Limit czasu, sek — jak długo czekać na odpowiedź serwera. Domyślnie 5.

Typ uwierzytelniania Wybierz wartość, jeśli usługa, z której żądasz danych, wymaga autoryzowanego połączenia. Lista obejmuje popularne typy uwierzytelniania: token, login i hasło, klucz API. Domyślnie jest to Brak — brak uwierzytelniania.

Harmonogram odpytywania

• Interwał odpytywania, sek — jak często dane są żądane. Domyślnie 300. Ustawianie wartości poniżej 300 sek nie jest zalecane, aby uniknąć przeciążenia serwera.

Możesz skonfigurować rozmiar, kolor i pozycję elementu na ekranie tak samo jak dla innych elementów — w sekcjach Układ, Obramowanie i Czcionka.

Po zapisaniu licznika wtyczka zażąda danych i wyświetli je na ekranie zgodnie z skonfigurowanymi ustawieniami.

Licznik zapamiętuje ostatnio otrzymaną wartość. Jeśli POS tymczasowo straci połączenie z internetem, ekran będzie wyświetlał ostatnio znane dane zamiast pozostawać pustym.

Edycja elementów

Aby edytować dodany element, kliknij go dwukrotnie w obszarze roboczym lub kliknij jego nazwę na liście elementów. Pojawi się zielona przerywana ramka wokół niego, a w menu bocznym otworzą się zaawansowane ustawienia.

Dla każdego elementu możesz skonfigurować Układ, Obramowanie, Czcionkę oraz Wyrównanie — dostosowując kolory, tło, obramowania, styl tekstu i inne.

Po utworzeniu motywu przejdź do konfigurowania ekranów.