Назад к резюме

ПАО «НЛМК» · 06.2023—04.2026

Динамическое управление выпусками (НЛМК) — промышленный сервис для визуализации и анализа работы доменных печей. В реальном времени отображает слои руды и кокса, их плавление и статистику процессов, поддерживает исторические сценарии, модульную конфигурацию печей и систему рекомендаций для горновых. Из-за NDA часть внутренних деталей скрыта, и получилось показать только один скрин.

Визуал

Визуализация доменной печи в реальном времени

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

Модульный конструктор и конфигурация печей

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

Разработал систему конфигов для поддержки нескольких печей с уникальной геометрией. В конфиг можно заложить контур реальной печи, псевдо-3D-отображение слоёв и особенности их движения. Благодаря этому интерфейс адаптируется под конкретный объект без переписывания кода.

Интеграция данных и исторические сценарии

Реализовал подключение к нескольким API с обновлением данных в реальном времени через react-query и поллинг. Компоненты печи автоматически подгружают и синхронизируют свои данные.

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

Система рекомендаций для горновых

Разработал модуль отображения рекомендаций по управлению печью: когда начинать выпуск, добавлять материалы или корректировать подачу топлива. На «моих» страницах рекомендации представлены диалоговыми окнами, а на других — уведомлениями, которые по клику переводят пользователя к нужной печи или экрану.

Реализовал единое управление состоянием рекомендаций: синхронное отображение и закрытие на разных страницах, обновления с бэкенда и автоматическое удаление по таймауту. Это обеспечило прозрачную и предсказуемую работу системы, удобную для операторов.

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

  • HTML
  • CSS
  • TypeScript
  • React
  • Material
  • CSS Modules
  • React Query
  • SVG
  • WebSocket
  • Recharts