[Task] | UI Monitoringu Diagnostycznego (Real-time Feedback)

[PEXEL2002]

Opis zadania i szczegółowe wymagania

Należy zaprojektować sposób wizualizacji „żyjącego” algorytmu podczas trwania symulacji. W tym zadaniu musi zawierać się:

• Animacja przepływu: Opracowanie wizualnego sposobu pokazania, że „prąd płynie” przez styk do cewki (np. poprzez podświetlenie linii łączącej element z szyną zasilającą).
• Monitoring zmiennych: Zaprojektowanie tabeli lub listy, która będzie odświeżać się w czasie rzeczywistym na podstawie danych ze streamingu binarnego z backendu.
• Logi błędów: Wyznaczenie i zaprojektowanie dedykowanego miejsca na interfejsie do wyświetlania komunikatów o błędach (np. nieprawidłowy adres zmiennej, brak cewki kończącej szczebel).

Dodatkowy kontekst i źrodła pomocnicze

Tryb monitoringu to kluczowa funkcja każdego środowiska PLC. Zmiany stanów na drabince muszą być natychmiastowe i wyraźnie zauważalne, ale nie mogą obciążać wydajności przeglądarki (zalecane jest proste przełączanie zmiennych CSS reprezentujących stany logiczne). Tabela zmiennych powinna czytelnie reagować na szybkie zmiany wartości (Delta Updates) bez efektu przeskakiwania układu.

Definicja wykonania zadania

• Zaprojektowano wygląd „aktywnej” (przewodzącej prąd) ścieżki wewnątrz szczebla.
• Przygotowano layout panelu diagnostycznego wyświetlającego wartości zmiennych w czasie rzeczywistym.
• Zdefiniowano wizualną formę prezentacji logów błędów w głównym oknie aplikacji.