Лидеры года — новая категория на Workspace Digital Awards! Номинируйте вашу команду, продукты и проекты.
Runcetra
KorWatch: интерфейс IoT-мониторинга
Runcetra
#Поддержка и развитие сайта#Проектирование сайта#Программирование сайта

KorWatch: интерфейс IoT-мониторинга

18 
Runcetra Казахстан, Астана
Поделиться: 0 0 0
KorWatch: интерфейс IoT-мониторинга
Сфера

Информационные технологии и интернет

Сдано

Февраль 2024

Задача

Создать интерфейс IoT-мониторинга, который связывает настройку устройств и правил с ежедневной работой оператора. Пользователю нужно следить за метриками, выделять приоритетные события и разбирать их вместе с командой.

Решение

Центр событий объединяет обзор и рабочий список. Счётчики показывают активные события и распределение по приоритетам. Переключатели «Мои события / Все события» и «Активные / История», поиск, сортировка и фильтры помогают выбрать нужный контекст. В деталях события доступны графики, комментарии и статусы участников.

В разделе устройств можно работать с метриками и просматривать их графики. Для анализа пользователь выбирает временной диапазон, функцию обработки и группировку данных по времени.

Настройка правила разбита на четыре шага: общие параметры, расписание, условия и действия. Условия могут опираться на метрики устройств или потоки логов. Отдельно выбираются действия при срабатывании правила, восстановлении и отсутствии данных.

Устройства и их группы, правила, действия и потоки логов собраны в общей навигации. Интерфейс реализован на Angular.

Результат

Рабочий интерфейс связывает настройку мониторинга и разбор событий. Пользователь может управлять устройствами и их метриками, просматривать графики за выбранный период, задавать правила и выбирать действия при срабатывании, восстановлении или отсутствии данных.

Центр событий помогает выделить приоритетные инциденты и перейти к деталям: графикам, комментариям и статусам участников. Активные события и история разделены, а поиск и фильтры помогают найти нужную запись.

Интерфейс KorWatch реализован на Angular. Проект выполнен в Spaces data.


Стек технологий

  • Angular Angular Фреймворк/библиотека

Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Runcetra с удовольствием обсудит вашу задачу

Оставить заявку