Инцидент-виджет: компактный взгляд на события в системе

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

В платформе SAYMON уже давно существуют полноценные интерфейсы для работы с инцидентами – это востребованные инструменты дежурных смен, обеспечивающие глубокий контроль и обработку событий. Однако вместе с ростом числа интеграций у заказчиков сформировалась потребность в легком и компактном представлении таких данных – встраиваемом непосредственно в контекст конкретного интерфейса: схемы устройства, узла сети или цифрового сервиса.

Рис. 1. Штатная панель инцидентов платформы SAYMON

Штатная панель инцидентов имеет развитые возможности по фильтрации, группировке и настройке отображения. Искушенный и опытный зритель может уловить здесь нотки влияния инструментов платформы IBM Netcool Tivoli, что отчасти является правдой. Показанный интерфейс уже имеет возможности встраивания в верхнеуровневые контексты. 

Рис. 2. Программное расширение Панель Инцидентов “Alarm Plus”

Программное расширение SAYMON – Панель инцидентов “Alarm Plus” – было создано в интересах высоконагруженных дежурных смен мультисервисного виртуального оператора. Внешне и по своей логике расширние может ассоциироваться с аналогичными инструментами известного продукта CA Spectrum (в настоящее время формирует портфель компании Broadcom). 

Incidents Widget – легкий, автономный, встроенный

Представляем SAYMON Incidents Widget (Инцидент-виджет) – самостоятельную web-страницу, web-приложение на Vanilla JavaScript и CSS (из библиотек используется только Axios), получающее данные с помощью запроса SAYMON API /node/api/incidents.  Виджет можно использовать как отдельное окно мониторинга или встроить в любую панель через HTML-тег iframe.

Рис. 3. SAYMON Incidents Widget, открытый как web-страница

Рис. 4. SAYMON Incidents Widget, встроенный в представление верхнего уровня

SAYMON Incidents Widget автоматически обновляет данные, «подсвечивает» новые инциденты, обновляет исключительно инциденты с изменениями, сортирует таблицу при клике по заголовку колонки и отображает цветовую индикацию критичности. При наведении указателя мышки строки таблицы аккуратно подсвечиваются, новые инциденты выделяются анимацией, а время отображается сразу в двух форматах – абсолютном и относительном («2 часа 5 минут назад»).

В последних версиях виджета появилась «шторка»: если приложение встроено в тег iframe, то верхняя панель (заголовки, кнопки, статус) по умолчанию сворачивается – остается только узкая полоска со стрелкой, по которой можно кликнуть и увидеть заголовок. Таким образом интерфейс становится максимально компактным и не отвлекает внимание от основной информации.

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

Встраивание в контекст

Базовый интерфейс SAYMON позволяет создавать (конструировать) комплексные панели здоровья и топологии услуг, приложений, процессов, сервисов и инфраструктуры через пользовательские или программные интерфейсы. Инцидент-виджет дополняет экосистему – его можно встроить в любую часть визуализации, а отображаемые инциденты фильтровать по конкретному объекту (параметр API-запроса parentFilter), чтобы показывать только релевантные события для конкретного представления.

Рис. 5. SAYMON Incidents Widget, встроенный в представление элемента IP-сети

Инцидент-виджет за «шторкой» имеет кнопки перехода к полноценным интерфейсам – при нажатии они открываются с сохранением контекста объекта, что делает работу операторов интуитивно понятной и быстрой. Дополнительно в виджете реализована кнопка «Скачать» – непосредственно из виджета можно получить на локальное рабочее место таблицу с отображаемой информацией.

Дополнительная функция – возможность управлять отображаемыми колонками через параметры встраивания. Например, при указании при встраивании в параметре адресной строки  /index.html?hideColumns=[started,text], будет отключено отображение двух колонок и виджет идеально впишется в отведенное место и контекст. 

Инструмент для интеграторов и сервисных компаний

Наряду с функциями автоматического определения устройств (Discovery), расчета состояния и здоровья, уведомлений (Alerting) и автоматизации действий (Automation), использованию средств машинного обучения и искусственного интеллекта (подсистема LAIM), команда SAYMON уделяет особое внимание настраиваемым интерфейсам.

Именно такие интерфейсы помогают интеграторам, производителям сложных систем и сервисным компаниям создавать решения, наиболее точно отвечающие крайне разнообразным требованиям своих клиентов – компаний с развитыми экосистемами цифровых сервисов и инфраструктуры.

Одновременно мы предоставляем подробно описанный программный интерфейс (API) для того чтобы партнеры и клиенты могли самостоятельно реализовать дополнительные виджеты, расчетные  или интеграционные модули. В интересах экосистемы партнеров SAYMON планируется запуск среды обмена наработками и магазина программных и аппаратных расширений платформы. 

SAYMON Incidents Widget уже доступен для установки и использования!

Даже в таком, казалось бы, относительно несущественном элементе, как виджет инцидентов, у нас уже есть внутренний список для будущих улучшений. Заинтересовались? Пишите или звоните!