Все проекты
Промышленный HMI · интерактивный прототип

SCADA НПЗ

Мнемосхема нефтеперерабатывающего завода: состояние задвижек и давление на одном экране, квитирование аварий в два клика — от пульта до телефона.

Открыть живой прототип scada.foxdim.ru
Роль
Проектировщик интерфейсов: язык мнемосхемы, дерево объектов, тревоги, мобильная раскладка, интерактивный прототип
Платформы
Web · пульт оператора и телефон · светлая и тёмная темы
Год
2026
Пользователи
Операторы и технологи установок
Загляните внутрь продукта
SCADA НПЗ
SCADA НПЗ
Обзор

Прототип SCADA/HMI для нефтеперерабатывающего завода. На одной схеме скважин 1Р и 3Т — 52 задвижки: 19 открыто, 32 закрыто, одна в аварии. Оператору нужно в любой момент видеть всю картину и за секунды дойти от сигнала тревоги до проблемной задвижки.

Схема читается как карта: среда — цветом линии, состояние — формой и цветом задвижки, авария — единственный красный элемент.
Предыстория

Почему за это взялись

Классические SCADA-экраны перегружены: мелкие подписи, цвета без системы, схема не помещается в экран, а с телефона ею вообще невозможно пользоваться. Для оператора цена ошибки высока, поэтому я шёл от обратного: сначала определил, что нужно видеть всегда — среда, состояние, режим управления, сводка, — и только потом рисовал схему вокруг этого минимума.

Задача и решение

Что мешало — и что изменили

Что мешало

  • Схема не помещается в экран, а авария может оказаться за его краем.
  • Среда в трубе и состояние оборудования не читаются с первого взгляда.
  • Нужный объект среди десятков установок и узлов приходится искать долго.
  • Вне пульта схемой пользоваться нельзя, а авария не выбирает место и время.

Что изменили

  • Схема вписывается в экран целиком и масштабируется колесом, кнопками «+ / − / по размеру» и перетаскиванием.
  • Газопровод и метанолопровод окрашены по среде, задвижка показывает состояние и режим — «Д» дистанционный, «Р» ручной; давление вынесено в плашки.
  • Дерево объектов с поиском по наименованию; выбранная схема открывается новой вкладкой, не закрывая текущую.
  • Мобильная раскладка с нижней навигацией — Домой, Мониторинг, Отчёты, Тревоги, Ещё — и счётчиком аварий на вкладке.
Процесс

Как я работал

  1. 01

    Что оператор обязан видеть всегда

    Выделил минимум, который не прячется ни при каком масштабе: среда, состояние задвижки, режим управления, давление и сводка по схеме. Всё остальное — на втором уровне.

  2. 02

    Язык мнемосхемы

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

  3. 03

    Структура завода

    Дерево «установка → узел → скважина» с поиском и вкладками открытых схем: оператор переключается между объектами, как между вкладками браузера.

  4. 04

    Тревоги как отдельный контур

    Аварии приводов вынесены в свой раздел с действиями «На схеме» и «Квитировать»; счётчик виден с любого экрана.

  5. 05

    Одна система — два размера

    Тот же интерфейс собран для телефона: сводка превращается в чипы, дерево — в выпадающий список вкладок, навигация уходит вниз.

Ключевые сценарии

Экраны, которые двигают работу

Мнемосхема эксплуатационных скважин
01

Мнемосхема эксплуатационных скважин

Открытые установки — вкладками сверху, схема — на весь экран. Газопровод жёлтый, метанолопровод фиолетовый; задвижки показывают состояние — открыта, закрыта, авария привода — и режим «Д» или «Р». Давление в плашках: на скважине ≈16 МПа. Справа сводка «19 открыто / 32 закрыто / 1 авария» с временем обновления и легенда. Подсказка внизу объясняет управление: клик по задвижке переключает её, схема масштабируется колесом и кнопками.

  • Среда — цвет линии, состояние — символ задвижки
  • Сводка по схеме с временем последнего обновления
  • Подсказка по управлению всегда на экране
Объекты завода
02

Объекты завода

Панель «Объекты» — поиск по наименованию, фильтр и дерево: электробессиливающая установка, вакуумная перегонка, каталитический крекинг и риформинг, гидроочистка, изомеризация с вложенными узлами. Выбранный объект открывается в новой вкладке — текущая схема остаётся на месте. Это светлая тема, рассчитанная на дневную смену.

  • Новая вкладка вместо замены схемы
  • Поиск по названию в одном поле
Активные тревоги
03

Активные тревоги

Раздел собирает аварии приводов, требующие квитирования. Строка — «Авария привода: задвижка ОК2 (1Р)», ниже установка и скважина. Два действия рядом: «На схеме» ведёт к задвижке, «Квитировать» подтверждает тревогу. Колокольчик со счётчиком виден в шапке на любом экране.

  • Сначала понять где, потом подтвердить
  • Счётчик тревог в шапке
Технологические установки
04

Технологические установки

Домашний экран — карточки установок. У каждой видно, подключена ли мнемосхема: «Мнемосхема не подключена» или «5 объектов · есть мнемосхема». Из карточки — одним нажатием «Открыть →».

  • Готовность схемы видна до перехода
Схема на телефоне
05

Схема на телефоне

Тёмная тема, вкладки открытых схем — в выпадающем списке со счётчиком, сводка — чипами «19 открыто · 32 закрыто · 1 авария · обновлено». Нижняя навигация: Домой, Мониторинг, Отчёты, Тревоги с бейджем, Ещё. Масштабирование — кнопками и щипком.

Результаты

Итог в цифрах

0
задвижки на одной схеме — 19 открыто, 32 закрыто, 1 авария
0
темы — светлая для дня и тёмная для ночных смен
0
состояния задвижки на схеме: открыта, закрыта, авария привода
  • Схема читается с первого взгляда и всегда видна целиком: среда, состояние и режим — в одном символе.
  • От сигнала до действия два шага: «На схеме» и «Квитировать» — без поиска по дереву.
  • Один интерфейс работает на пульте и в телефоне; прототип готов к проверке с операторами.
0%
Изучено
0/0 деталей дизайна
Достижение разблокировано
Кейс изучен полностью
Впечатлены подходом? Давайте работать вместе.