Przejdź do treści

Układ interfejsu

Interfejs systemu DataPortal został zaprojektowany w sposób umożliwiający intuicyjną nawigację pomiędzy poszczególnymi sekcjami systemu. Ekran podzielony jest na kilka głównych obszarów, które pozwalają użytkownikowi szybko uzyskać dostęp do interesujących go danych i funkcji.

Poniżej opisane są główne elementy interfejsu:

Panel nawigacyjny (menu boczne)

Po lewej stronie znajduje się pionowy panel nawigacyjny, który umożliwia przełączanie się między głównymi modułami systemu:

  • Projekty – zarządzanie strukturą organizacyjną, w której grupowane są wszystkie zasoby,
  • Ekrany – zarządzanie, tworzenie i edycja ekranów synoptycznych SCADA,
  • Zasoby – urządzenia, źródła, tagi i karty SIM,
  • Raporty – dostęp do edycji i generowania raportów z danych przesyłąnych z urządzeń,
  • Użytkownicy – zarządzanie użytkownikami,
  • Reguły – zarządzanie szablonami powiadomień SMS i e-mail wysyłanych w przypadku wystąpienia alarmu,
  • Alarmy – lista alarmów generowanych przez system,
  • Konta – zarządzanie kontami podrzędnymi dla integratorów.

Drzewo projektów/folderów

Obok menu nawigacyjnego widoczny jest panel ukazujący strukturę folderów oraz znajdujących się w nich projektów. Funkcje drzewa:

  • wyświetla wszystkie foldery wraz z projektami,
  • pozwala rozwijać i zwijać podfoldery, jak i jednocześnie całą strukturę (służy do tego przycisk nad drzewkiem: /),
  • umożliwia szybkie filtrowanie zasobów związanych z projektami w danym katalogu bądź pojedynczym projektem,
  • umożliwia wyszukiwanie po nazwie folderu lub projektu (przycisk nad drzewkiem),
  • menu kontekstowe umożliwia dodawanie elementów, zmianę nazwy, przenoszenie elementów pomiędzy folderami, usuwanie, przechodzenie do szczegółów itp.

Struktura drzewa zależna od modułu

Drzewko z folderami może różnić się wyglądem w zależności od modułu. Dla modułu Ekrany będą dodatkowo widoczne foldery ekranów oraz ekrany.

Ukrywanie panelu drzewa

Istnieje możliwość szybkiego ukrywania i pokazywania panelu z drzewem projektów. Służy do tego ikonka widoczna w dolnej części lewego panelu nawigacyjnego:

Pasek nagłówka

Pasek nagłówka — oprócz logotypu systemu — zawiera pasek narzędzi, na którym znajdują się:

  • Pole wyboru konta (widoczne dla integratorów),
  • Ikona bilingowa (informacje o rozliczeniach),
  • Ikona alarmów wskazująca liczbę aktualnie aktywnych alarmów,
  • Ikona użytkownika (dostęp do profilu, ustawień i wylogowania),
  • Menu dodatkowe z wyborem trybu wyświetlania, języka oraz informacjami o programie.

Obszar główny

Największa część ekranu stanowi obszar roboczy, w którym wyświetlane są dane zgodnie z wybraną zakładką: tabela projektów, ekranów, zasobów, raprtów czy użytkowników.

Kliknięcie w wybrany wiersz w tabeli spowoduje wyświetlenie szczegółów wybranego elementu. W wyświetlonym oknie dialogowym można przejść do edycji danego elementu.

Powiązanie drzewa projektów z tabelą wyników

Drzewo projektowe pełni funkcję filtra dla danych wyświetlanych w głównym obszarze roboczym. Oznacza to, że wybranie dowolnej gałęzi drzewa — folderu, podfolderu lub konkretnego projektu — automatycznie ogranicza zawartość tabeli do elementów znajdujących się w obrębie zaznaczonej struktury.

  • Wskazanie folderu spowoduje wyświetlenie wszystkich projektów znajdujących się w tym folderze (oraz jego podfolderach).
  • Wybranie konkretnego projektu zawęzi widok po prawej stronie wyłącznie do zasobów powiązanych z tym projektem.

Zmiana zaznaczenia w drzewie natychmiast aktualizuje dane w tabeli, co ułatwia nawigację w dużych strukturach. Dzięki temu drzewo projektów stanowi szybki i intuicyjny sposób filtrowania informacji, bez konieczności korzystania z dodatkowych filtrów czy wyszukiwania ręcznego.

Nawigacja typu breadcrumbs widoczna nad tabelą pokazuje aktualne położenie użytkownika w strukturze folderów i pozwala szybko wrócić do dowolnego wyższego poziomu. Każdy element ścieżki jest klikalny, dzięki czemu można łatwo przełączać się między folderami bez korzystania z drzewka po lewej stronie.

Wyszukiwanie i filtrowanie

Nad tabelą znajduje się zestaw narzędzi ułatwiających szybkie odnajdywanie potrzebnych informacji. Dostępne są:

  • Pole wyszukiwania – umożliwia natychmiastowe przeszukiwanie danych wyświetlanych w tabeli. Wyniki zawężają się w miarę wpisywania kolejnych znaków.
  • Filtry – pozwalają ograniczyć widoczne elementy według wybranych kryteriów (np. typu zasobu, stanu czy projektu).
  • Reset filtrów – jednym kliknięciem przywraca pełne zestawienie danych.

Wyszukiwanie i filtrowanie działa w połączeniu z drzewkiem po lewej stronie. Oznacza to, że najpierw możesz zawęzić zakres danych wskazując folder lub projekt w drzewie, a następnie doprecyzować wyniki za pomocą wyszukiwarki i filtrów. Dzięki temu łatwo można pracować zarówno na dużych zbiorach danych, jak i na bardzo szczegółowych zestawienia

Każdy moduł systemu posiada w prawym górnym rogu przycisk z plusem, który otwiera menu akcji.

Menu to zawiera dodatkowe polecenia, w zależności od modułu mogą to być m.in.:

  • Dodaj nowy element (np. projekt, ekran, urządzenie),
  • Importuj dane,
  • Eksportuj dane.

Paginacja

Na dole ekranu, w stopce tabeli, można określić liczbę elementów wyświetlanych na stronie. System umożliwia również paginację, gdy liczba projektów przekracza ustalony limit.