¶ Структура интерфейса
На примере первого раздела “Организации” разберем структуру пользовательского интерфейса административной панели Waliot.
¶ Навигационная панель
Навигационная панель в верхней части интерфейса позволяет переключаться между основными разделами административной панели. Логотип Waliot слева по нажатию возвращает “Домой” (начальное состояние приложения). “Бургер-меню” в правой части открывает дополнительное меню настроек.
¶ Дерево организаций
Дерево организаций в левой части интерфейса позволяет быстро переключаться между организациями, представленными в виде иерархии. В корне иерархии всегда находится организация, под пользователем которой вошли в административную панель.
В зависимости от выбранного раздела административной панели (Организации, Пользователи и пр.) справа от наименования организации отображается счетчик количества вложенных объектов того типа, для которого открыт раздел в данный момент. Например, в разделе “Организации” (как на изображении выше) отображается количество вложенных организаций, а для раздела “Объекты" - будет отображено количество привязанных объектов мониторинга.
В верхней части дерева организаций расположены слева направо:
- Кнопка “Скрыть/Отобразить" дерево организаций.
- Строка поиска по дереву организаций.
- Кнопка “Свернуть/Развернуть все” для отображения только первого или всех уровней иерархии.
¶ Основная таблица
Основной частью интерфейса является таблица с данными в зависимости от выбранного раздела в навигационной панели. Например на изображении выше представлена таблица раздела “Организации”.
Таблица состоит из 3 основных блоков сверху вниз:
- Верхняя панель таблицы, которая содержит слева направо:
- Наименование таблицы в зависимости от отображаемых данных.
- Строка глобального поиска, который позволяет искать по всем данным таблицы.
- Кнопка “Создать” позволяет добавить новую запись в отображаемую таблицу.
- Кнопка “Перезагрузка” позволяет принудительно обновить данные таблицы с сервера.
- Кнопка “Экспорт” выгружает текущую таблицу в CSV файл для внешней обработки.
- Кнопка “Столбцы” позволяет включать/отключать отображение столбцов, а также менять их порядок через перетаскивание строк в выпадающем списке.
- Основная таблица, состоящая из строк и столбцов. Для каждого столбца можно изменить его ширину, включить или выключить его отображение, выполнить сортировку и/или поиск по данным именно этого столбца. При нажатии на конкретную строку в таблице открывается информационная панель в правой части экрана со всей информацией и возможными действиями для выбранной сущности.
- Нижняя панель таблицы, которая содержит слева направо:
- Функцию множественных операций, позволяющую выбрать несколько строк в таблице с помощью “галочек” слева в каждой строке и выполнить общее действие, например, удаление или импорт.
- Блок пагинации для переключение между страницами таблицы в случае, когда данных больше, чем позволяет отобразить высота экрана.
¶ Основные разделы
Интерфейс административной панели включает следующие основные разделы:
- Организации – управление структурами компаний и их филиалами, включая добавление новых организаций, редактирование данных и настройку их связей.
- Объекты – работа с объектами мониторинга, такими как транспортные средства и другие отслеживаемые единицы. Настройка характеристик объектов и их привязка к трекерам.
- Пользователи – создание, редактирование и управление учетными записями пользователей, включая распределение ролей и прав доступа.
- Геозоны – создание и управление зонами интереса для мониторинга активности объектов в заданных областях.
- Ретрансляция – настройка передачи данных на сторонние серверы, ИТ-системы и ERP-решения.
- Трекеры – добавление и управление трекерами, их настройка для корректного приема данных и их отображения.
- Доп.оборудование – учет и настройка оборудования и датчиков, интегрированных с платформой.
- Модели – управление справочниками моделей навигационного оборудования и дополнительных датчиков.
- Аудит – просмотр и анализ действий пользователей для обеспечения контроля и безопасности работы системы.
- Новости – публикация и управление информационными обновлениями для пользователей системы.
- Биллинг – управление выставлением счетов и контроль абонентской платы.
- Меню настроек — дополнительный раздел, предназначенный для персонализации интерфейса, управления системными параметрами и получения информации о платформе.
В зависимости от роли пользователя доступ к разделам может быть ограничен.