Разрабатываем центр мониторинга для интеграционной платформы

ЛАБ СП — российский ИТ-разработчик. Компания создает собственные решения для обеспечения соответствия ИТ-систем законодательным требованиям и расширения их функционала в части управления финансами и логистикой, персоналом, электронным и кадровым электронным документооборотом, а также интеграции систем внутри ИТ-ландшафта. Помимо разработки, ЛАБ СП предоставляет консалтинговые услуги и услуги по внедрению решений для цифровизации HR.

Вместе с компанией-партнером ЛАБ СП разрабатывает программный комплекс Integration Gears на базе интеграционной платформы FESB. Российская интеграционная платформа способна не только функционально заменить иностранное ПО, но и показывает лучшую гибкость, производительность и скорость внедрения.

Integration Gears помогает компаниям интегрировать бизнес-приложения как внутри своего ИТ-ландшафта, так и со сторонними сервисами, например системами торговых партнеров или государственными информационными сервисами. Например, крупный российский производитель мясной продукции использует Integration Gears для автоматического обмена данными между центральной ERP-системой, десятками локальных производственных и складских систем на предприятиях, сервисами контрагентов и системой IoT-мониторинга оборудования. В компании автоматизированы сотни интеграционных потоков, позволяющие исключить ручные операции из бизнес-процессов. Через шину ежедневно проходят сотни тысяч сообщений.

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

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

Команда ЛАБ СП обобщила свой многолетний опыт внедрения и сопровождения интеграционных решений SAP Process Orchestration и SAP Cloud Integration, а также опыт внедрения FESB для создания «коробочного» продукта Monitoring Center. Его задача – легко подключаться к развернутому ландшафту FESB в компании и предоставлять «единое окно» для мониторинга сотен и тысяч интеграционных потоков службой поддержки, удобного анализа и устранения ошибок.

Для разработки фронтенда и работой над UX/UI продукта пригласили команду Evrone — двух фронтенд-специалистов и продуктового дизайнера.

Дизайн — строим UI-кит и проектируем user experience

У ЛАБ СП и разработчика FESB ранее не было единой дизайн-системы, которая могла бы стать основой для разработки интерфейсов. Поэтому мы итерационно создали и согласовали UI-кит, включающий базовые дизайн-токены, типографику и ключевые элементы визуального языка. Его удалось расширить за счёт библиотеки Ant Design, ориентированной на создание админ-панелей и аналитических интерфейсов. Часть компонентов пришлось адаптировать и значительно переработать под задачи проекта, однако такой подход всё равно позволил существенно сократить время на формирование полноценного UI-кита.

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

Monitoring Center — не массовый продукт, а специализированное решение, разработанное под конкретные процессы поддержки. А поскольку пользователи в индустрии уже привыкли к популярным системам вроде SAP PO, то без глубокого погружения в продукт и предметную область нам бы не удалось сделать дизайн действительно эффективным.

Один из ключевых инструментов Monitoring Center - это набор виджетов и дэшбордов. С их помощью можно понять, как исполнялись интеграционные потоки в FESB, и если были ошибки, то быстро их приоритизировать и локализовать, а также найти в базе знаний подходящее решение. 

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

Frontend — планируем архитектуру и делаем сложный дэшборд

Наша фронтенд-команда подключилась к работе на раннем этапе проектирования, когда основы продукта только формировались и многое предстояло определить.

Выбор технологического стека для фронтенда

Специалисты Evrone предложили современную гибкую архитектуру фронтенда, которая учитывала бы развитие Monitoring Center в будущем. Требования к продукту будут меняться вместе с новыми идеями со стороны бизнеса, поэтому добавление новых фич и внесение изменений в уже существующие должно оставаться лёгким на любом этапе.

Фронтенд продукта построен на React — классической и самой популярной на сегодня технологии. Такое решение будет легко поддерживать, не возникнет экзотических проблем, связанных с выбором необычного стека. Основой для интерфейса была выбрана библиотека Ant Design. Она построена на React, а кроме того, используется в продукте FESB. Это позволило унифицировать подходы к интерфейсу и упростить пользователям переходы между различными модулями решения.

Разработка фронтенда

С точки зрения фронтенд-разработки Monitoring Center представляет собой набор дэшбордов и виджетов, графиков, взаимосвязанных многофункциональных таблиц и фильтров. 

Стартовый экран позволяет следить как за историей исполнения интеграций, так и за текущим состоянием серверов FESB для превентивного реагирования на любые отклонения в работе.

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

Благодаря слаженной работе специалистов Evrone и собственных бэкенд-разработчиков ЛАБ СП, постоянным синкам и качественному менеджменту со стороны ЛАБ СП - все требуемые фичи удалось реализовать и продемонстрировать клиентам еще в процессе разработки.

Результат

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

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

Команда Evrone обогатила своим техническим и продуктовым видением экспертов ЛАБ СП и помогла создать решение уровня международных вендоров. Если вы тоже хотите быстро усилить разработку своего продукта или проекта — заполните форму и наши технические специалисты свяжутся с вами для уточнения деталей.