Особенности фронтенд-разработки на производственных площадках НЛМК
В НЛМК ведётся активная работа по созданию и поддержке интерфейсов для промышленных систем, которая осуществляется командой фронтенд-разработчиков, насчитывающей более 70 специалистов. Основная задача команды – это визуализация данных производственных процессов и создание удобных интерфейсов.
"Приоритетом разработки являются интерфейсы для широкоформатных экранов, используемые инженерами в условиях недостаточного освещения. Команда занимается реализацией дашбордов, временных рядов работы оборудования, финансового анализа производства, управления логистикой и инженерным анализом. Большая часть задач связана с системами управления производством, хотя мобильные и планшетные приложения также остаются в фокусе внимания", — поделился Олег Рогов, руководитель фронтенд-разработки.
Одна из ключевых особенностей интерфейсов заключается в их роли в обеспечении безопасности и эффективности производственных процессов. Например, визуализация процессов на разливочном ручье существенно повысила безопасность работ. Проекты реализуются с использованием React и TypeScript, а компоненты хранятся в собственной дизайн-системе, находящейся в открытом доступе. В случае необходимости разработчики могут вносить изменения или добавлять новые элементы в дизайн-систему.
Для обеспечения актуальности всех используемых NPM-библиотек в команде ведётся тщательная проверка версий на безопасность. В прошлом году были зафиксированы версии нестабильных библиотек, что позволило минимизировать риски. Применение прокси-серверов и анализ источников программного обеспечения стали неотъемлемой частью процесса.
Стремясь избегать зависимости от одного поставщика, команда нашла альтернативные решения в случаях изменений условий лицензирования, как это произошло с DevExpress. Процедура деплоя включает регрессионные тесты, утверждение дизайнера, разработчиков и сдачу кода с документацией.
Особое внимание уделяется обработке больших объёмов данных и их визуализации в реальном времени с использованием сокетов для обновления данных без перезагрузки страниц. Такой подход обеспечивает актуальность и надёжность информации. Графики, таблицы и визуальные элементы обрабатываются непосредственно на клиентской стороне.
На производственных площадках активно используются видео высокого качества, что позволяет инженерам наблюдать за процессом остывания стали через камеры, установленные над печами. Технологии pLTE, доступные на некоторых производственных площадках, обеспечивают трансляцию видео в реальном времени.
Работа команды организована таким образом, что каждая группа специалистов отвечает за свои конкретные задачи. Постоянное обновление знаний и следование новым технологиям позволяют команде оставаться на передовом уровне в своей отрасли.
