Personalizacja wizualna paneli informacyjnych

Panele informacyjne Omniscol są zaprojektowane tak, aby wizualnie wpisywały się w identyfikację wizualną szkoły. Możliwe są dwa poziomy personalizacji: (1) ustawienia w interfejsie (wystarczające w większości przypadków), (2) całkowite zastąpienie strony internetowej, która wyświetla panel (dla wdrożeń o silnej identyfikacji wizualnej).

Ustawienia w interfejsie

W module Plany lekcji przycisk Panel informacyjny otwiera ekran konfiguracji paneli. Ekran ten udostępnia następujące opcje wyświetlania, które można zmieniać bez ingerencji w kod:

• Rozmiar czcionki — mały, średni lub duży. Wyświetlanie korzysta z jednostek względnych wobec rozmiaru okna (vmin), więc czytelność pozostaje spójna niezależnie od formatu ekranu (16:9, 4:3, pionowy).
• Kolory — kolor tła, kolor tekstu, kolory parzystych i nieparzystych linii tabeli lekcji. Przyjmowane są wszystkie kody szesnastkowe; można odwzorować paletę identyfikacji wizualnej szkoły.
• Nagłówek — uporządkowane połączenie: tytułu, logo, daty bieżącego dnia. Wybiera się, co pojawia się w nagłówku i w jakiej kolejności.
• Kolumny tabeli lekcji — wybór i kolejność spośród: sala, klasy, nauczyciele, przedmiot, godziny. Ukrycie kolumny (na przykład nauczycieli na publicznym panelu przy wejściu) albo przestawienie jej działa natychmiast.
• Format imienia i nazwiska nauczyciela — imię-nazwisko, nazwisko-imię, zwrot grzecznościowy + nazwisko (Pani Kowalska), zwrot grzecznościowy + imię. Zwroty Pan i Pani automatycznie podążają za językiem interfejsu; dla każdego panelu ustawia się sam format.
• Logo — logo placówki wgrane w konfiguracji szkoły może być wyświetlane w nagłówku.

Te ustawienia są zapisywane w konfiguracji panelu. Uwaga: w odróżnieniu od lekcji i komunikatów, które odświeżają się same, te opcje wizualne (kolory, rozmiar, kolumny, nagłówek, format imienia i nazwiska) są wbudowywane w stronę w chwili jej ładowania. Po ich zapisaniu proszę odświeżyć karty już otwarte na ekranach (F5 albo ponowne uruchomienie strony w trybie kiosku), aby przyjęły nowy wygląd.

Całkowite zastąpienie szablonu (licencja MIT)

Szablon, który wyświetla stronę panelu, jest wprost objęty licencją MIT i można go skopiować, a następnie dostosować, aby spersonalizować panel placówki.

Otwiera to kilka możliwości dla placówek, które chcą wyjść poza same ustawienia:

• Pełna przebudowa wizualna — przepisanie HTML/CSS szablonu tak, aby odpowiadał silnej identyfikacji wizualnej (własny krój pisma, dedykowane animacje, niestandardowy układ).
• Włączenie do istniejącego systemu digital signage — wbudowanie treści panelu Omniscol w zbiorczą stronę informacyjną, która łączy lekcje, pogodę, aktualności szkoły, filmy…
• Specyficzne widoki dziedzinowe — utworzenie wyświetlania na przykład dla opiekunów (kto ma co robić), dla służb technicznych (obłożenie sal wraz z zapotrzebowaniem na zasoby) itd.

Są na to dwa komplementarne podejścia:

1. Fork szablonu — jeśli Omniscol działa na własnym serwerze szkoły, proszę zduplikować panel.dot, zmodyfikować go i wdrożyć własną wersję. Licencja MIT wprost zezwala na modyfikacje, redystrybucję i użycie komercyjne.
2. API JSON panelu — aby zachować Omniscol jako źródło danych, a samo wyświetlanie realizować po stronie systemu zewnętrznego, adres URL panelu udostępnia również wariant JSON (GET /panels/:accesshash/lessons). Zwraca on listę lekcji przefiltrowanych zgodnie z konfiguracją panelu, gotową do odczytu przez zewnętrzny system digital signage (Yodeck, Xibo, ScreenCloud, własny panel zarządczy). Ten adres otwiera się kluczem dostępu panelu, bez dodatkowego tokenu. Szersze integracje między systemami opisuje REST API Omniscol, przedstawione w API Omniscol.

Praktyczne zalecenia

Kilka kwestii, które często powtarzają się przy wdrożeniach:

• Kontrast — ciemne tło z jasnym tekstem jest mniej męczące przy ekranie pracującym 12 godzin dziennie niż tło białe.
• Rozmiar czcionki „Duży” gdy tylko ekran czyta się z odległości powyżej 2 m (typowe dla holu wejściowego). Dla ekranów przy drzwiach sali, oglądanych z bliska, lepszy jest „Średni”.
• Logo w nagłówku — zawsze przydatne do szybkiej identyfikacji, gdy w jednej dużej lokalizacji działa kilka paneli.
• Data w nagłówku — przydatna w holu (odwiedzający sprawdzają datę), mniej przydatna przed salą (kontekst jest oczywisty).
• Ukrycie kolumny nauczycieli na panelach publicznych, jeśli w szkole obowiązują wewnętrzne zasady wyświetlania nazwisk.