Как стать автором
Обновить
210.14
Группа НЛМК
Группа НЛМК
Сначала показывать

Особый фронтенд на заводе: desktop first, тёмные помещения, промышленные интерфейсы и специфика производственных систем

Время на прочтение6 мин
Количество просмотров4.1K
image

Привет, Хабр! Меня зовут Олег Рогов, я руковожу фронтенд-разработкой НЛМК. У нас команда на 70+ человек, в основном мы делаем интерфейсы для промышленных систем. Например, дизайнеры рисуют схему цеха или огромную таблицу сравнения для коксохима, мы всё это внедряем и потом поддерживаем на фронтах.

Наши фронты — это в основном широкоформатные экраны, поэтому мы пишем приложение под них в первую очередь. Причём экран такой, около которого сидит инженер (часто в защитных очках) и смотрит на него при не самом хорошем освещении.

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

80 % наших задач крутится вокруг систем управления производством, то есть мобильное приложение или планшет — это для нас редкий экран, но и такое разрабатываем.
Читать дальше →
Всего голосов 37: ↑37 и ↓0+42
Комментарии19

Как машинное зрение присматривает за коксовыми батареями

Время на прочтение8 мин
Количество просмотров5.9K
image

Это коксовая батарея, внутри которой из угля выпекают высокотемпературный многотонный пирог.

Высота батареи — девять метров, а двери — пять.

Дверь открывает специальная огромная машина, которая ездит параллельно батарее. Она снимает створку, затем выталкивает кокс. На противоположной стороне похожая машина снимает свою створку и принимает коксовый пирог в вагон поезда. В одну дверь толкают, со второй двери ловят в вагон, всё просто.

Малейший дефект двери даёт утечку газа из печи. А мы это очень не любим по двум причинам:
  1. Мы живём в Липецке и хотели бы, чтобы он и дальше оставался самым чистым городом металлургов в России.
  2. Это снижает КПД печи.

И вот, когда в ИТ-отдел обратились экологи с просьбой помочь с более эффективным выявлением эмиссии, мы пошли смотреть, что можно сделать.
Читать дальше →
Всего голосов 52: ↑52 и ↓0+60
Комментарии25

Тенденции адаптивного и инклюзивного дизайна: доступность для всех пользователей

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров818

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

Читать далее
Всего голосов 7: ↑6 и ↓1+7
Комментарии0

Как мы увеличили интерес к новостям компании и вовлеченность сотрудников

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров1.5K

Всем привет! Мы уже много писали про разработку корпоративного портала НЛМК, которым пользуются больше половины сотрудников нашей большой компании. Сейчас хочу рассказать какие существуют дополнительные инструменты оповещения пользователей, которые мы кастомно настроили на портале, чтобы повысить вовлечение: новостная лента, корпоративное телевидение, онлайн-трансляции, Push уведомления и e-mail рассылка.

Читать далее
Всего голосов 14: ↑9 и ↓5+6
Комментарии8

Об ИС «Управления проектами» или как мы боролись с ограничениями SharePoint в legacy проекте

Время на прочтение5 мин
Количество просмотров1.2K

В этой статье мы опишем наш опыт работы с очень большой системой управления проектами, реализованной на SP, с какими ограничениями мы столкнулись и как добились похудения данной ИС.

Читать далее
Всего голосов 8: ↑8 и ↓0+9
Комментарии4

Регрессируем обычную известь

Время на прочтение8 мин
Количество просмотров4.1K
Всем привет! На связи конвертерный цех № 1. Последние месяцы мы работаем над тем, как посчитать, сколько известковой пыли приезжает к нам на конвейере.

image
И на данный момент мы научились правильно определять это количество с вероятностью 85 %

И нет, мы не сошли с ума. Просто в процессе использования извести некоторое количество самой мелкой её фракции вылетает в трубу. Каждый раз — разное. И «вылететь в трубу» тут не фигуральное выражение, а точное описание процесса: около 10 % известковой пыли, которую мы отправляем в конвертер с жидким металлом, навсегда исчезает в аспираторе. Так как мы не знаем, от какого количества нужно эти 10 % взять и не можем посчитать, сколько её в какой момент улетит, известь в металл насыпается с запасом. И это бесит.

«А почему бы не посчитать, сколько вешать в граммах?» — заинтересовались мы и начали придумывать, как это сделать.
Читать дальше →
Всего голосов 34: ↑34 и ↓0+36
Комментарии10

Интерфейсы для производств — это не сайты штамповать

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров8.3K

Стоит только коснуться производственной специфики, как стандартные подходы разваливаются на куски — даже если у вас уже есть огромная дизайн-система на основе популярной методологии Material Design. Я — Аня Труфанова, делаю дизайн для MES (manufacturing execution system). Нам пришлось взять дизайн-систему и наполнить ее уникальными фичами и кастомными компонентами, адаптированными под нестандартные условия. Сейчас я поделюсь, что именно мы переосмыслили и какие фичи добавили.

Читать далее
Всего голосов 25: ↑25 и ↓0+26
Комментарии14

Как мы оцифровывали каждый шаг производства, чтобы завод точно знал, что, как и когда делать

Время на прочтение6 мин
Количество просмотров9.5K
image
Подручный сталевара берёт пробу химсостава металла на установке печь-ковш

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

Производство — живая система: возникают новые процессы, изменяются существующие, перестраиваются агрегаты, меняется код. Мы построили процесс так, что, когда что-то начинает производиться, все актуальные данные уже есть в системе. Код и данные не отстают, не опережают, а идут рука об руку.

У нас есть два гипермозга:
  1. Календарное планирование играет в оптимизацию на стороне клиентов. Оно знает, что нужно производить и когда, чтобы отгрузить заказы максимально оперативно и вовремя.
  2. Графикователи же пытаются из этих условий собрать оптимальную загрузку оборудования и, возможно, произвести ещё что-то, что можно присоединить к имеющимся сериям. Они отвечают за максимальную эффективность производства в коротком горизонте.

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

Оцифровка завода из бумажного вида заняла год. Пришлось многое переформатировать, чтобы оно уложилось в понятную логику таблиц и данных. Это было основным и очень трудным челленджем, который вырос в непрерывный процесс и продолжается до сих пор.
Читать дальше →
Всего голосов 39: ↑38 и ↓1+40
Комментарии14

Как мы приготовили массу блюд c помощью одного ингредиента: GraphQL

Уровень сложностиСредний
Время на прочтение12 мин
Количество просмотров3.7K

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

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

Читать далее
Всего голосов 7: ↑6 и ↓1+7
Комментарии4

Конвейерный апокалипсис отменяется

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров3K
По конвейеру в Цехе горячего проката едут стальные рулоны весом от 10 до 36 тонн. Только так их можно транспортировать из цеха для дальнейшей обработки или отгрузки. Процесс такой: горячекатаный рулон сматывается, затем снимателем убирается с барабана моталки и передается на отводящий конвейер. Это занимает 2-3 минуты времени. Однако если конвейер вдруг останавливается, то куда девать смотанные рулоны? Просто горой у моталки не сложить и руками не отодвинуть (напоминаем, что это от 10 тонн и производство у нас непрерывное 24/7).


Рулончики на конвейере

В результате из-за одного конвейера всё (просто совсем всё) может пойти не так: встанут несколько предыдущих этапов производства, таких как Стан 200 и газовые печи, которые разогревают слябы перед подачей и выше по цепочке… В общем, критическая важность бесперебойной работы конвейера очевидна. Поэтому мы придумали систему слежения за исправностью конвейера.
Читать дальше →
Всего голосов 17: ↑17 и ↓0+17
Комментарии0

Потребитель VS поставщик информации: принципы построения интеграционного взаимодействия

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров1.4K

Всем привет!

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

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

Статья поможет структурировать информацию тем, кто проектирует информационные системы и взаимосвязи между ними.

Читать далее
Всего голосов 8: ↑7 и ↓1+6
Комментарии0

Как я занялся оцинковкой по хардкору

Время на прочтение10 мин
Количество просмотров7.5K
Обычно оцинковку представляют так: берём металл, макаем в цинк, вынимаем — и готово. На самом же деле цинк к стали вообще-то не приваривается, не приклеивается и не соединяется с ней достаточно прочно каким-то другим способом.

Химия процесса чуть сложнее: вам нужен алюминий, который станет мостиком между сталью и цинком.

image

Алюминия в расплаве меньше 1%, но его точная доля очень сильно влияет на то, как будет ложиться покрытие. Недостаток алюминия приведёт к плохой адгезии расплава и непроцинковке полосы. Чуть больше — тоже плохо: излишек будет в расплаве. Только при попадании в норму покрытие получается прочным, пластичным и блестящим. Кроме того, нестабильность концентрации алюминия может вызвать неэффективное использование цинка, которое ведёт к увеличению операционных расходов, а также к образованию дросса, представляющего собой соединение цветных металлов с железом.

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

Получается томящийся цинково-алюминиевый «суп», в который рабочие цеха могут добавлять «куриные кубики» в виде новых цинк-алюминиевых слитков по мере обеднения расплава.
Читать дальше →
Всего голосов 68: ↑68 и ↓0+68
Комментарии8

Быстрое пополнение словарного запаса иностранного языка методом «Ознакомление-забывание-вспоминание»

Уровень сложностиСредний
Время на прочтение7 мин
Количество просмотров38K

Привет, Хабр!

В этой статье мы описываем полную методику быстрого пополнения словарного запаса при чтении неадаптированной литературы на иностранном языке. Статья будет интересна тем, кто владеет иностранным языком на уровне B2-С1 и столкнулся с необходимостью увеличить словарный запас на 5000-10000 новых слов за относительно короткий срок, напр. за полгода-год.

Методика опробована на английском языке и мобильном приложении Яндекс.Переводчик, однако может быть использована для любого другого языка и/или мобильного приложения.

С уважением,
Владимир

Читать далее
Всего голосов 9: ↑7 и ↓2+9
Комментарии35

Typescript ENUM — баланс использования

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров8.2K

Привет Всем.

Меня зовут Михаил. В НЛМК нахожусь на должности Frontend-разработчика.  Занимаюсь разработкой внутренних информационных систем на React + Typescript.

В этой статье поговорим про тип enum (перечисление) в Typescript, о случаях когда его можно и нужно использовать, а когда нет.

Перечисления бывают числовыми и строковыми. Например, представим в виде перечисления должности работников кафе.

Рассмотрим перечисления с числовыми значениями:

Читать далее
Всего голосов 6: ↑5 и ↓1+5
Комментарии5

Опыт использования бизнес-процессов Битрикс в рамках крупного корпоративного портала

Время на прочтение13 мин
Количество просмотров3.4K

Наша команда специализируется на разработке и развитии функционала корпоративного портала группы компаний НЛМК.

На практике мы сталкиваемся с самыми разными задачами: от вывода ленты новостей компании и простейших форм обратной связи до функционала оценки качества работы сотрудников и планировщиков рабочего времени некоторых отделов.

Однако, несмотря на все разнообразие решаемых нами вопросов, зачастую разрабатываемые нами сервисы можно собрать из одних и тех же функциональных блоков, своеобразных "кирпичиков".

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

В рамках этой статьи мы хотим поделиться опытом использования бизнес-процессов Битрикс: рассказать про их преимущества, недостатки и особенности внедрения.

Читать далее
Всего голосов 5: ↑5 и ↓0+5
Комментарии5

Как мы делаем общие библиотеки

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров1.8K

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

Читать далее
Всего голосов 9: ↑8 и ↓1+8
Комментарии2

Почему типичные дизайн-подходы оказались неприменимы к интерфейсу для производств

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров24K

После того как я впервые съездила на завод, стало понятно, почему в дизайнеров кидаются тапками.

Мы работали на ярких прикольных аймаках, проектируя интерфейсы MES-систем в соответствии с трендами. А потом своими глазами увидели, в какой ад для сотрудников производства это превратилось.

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

Читать далее
Всего голосов 75: ↑74 и ↓1+84
Комментарии133

В потоке лендингов: путь к автоматизации

Уровень сложностиСредний
Время на прочтение16 мин
Количество просмотров2.5K

У нас полно лендингов и бизнес просит еще! Но каждый новый лендинг нужно проводить по процессу. Хочется автоматизации - нужен конструктор! Я неоднократно читал статьи на Хабре про самописные решения – 5 лет, и все в лучшем виде, но для нас это "too much". Мы уложились менее чем за год с "Bitrix". До этого серьезно прошерстили рынок на предмет типовых решений, а также отбросили вариант решения с нуля. Расскажу о процессе выбора и что мы в итоге получили.

Читать далее
Всего голосов 4: ↑3 и ↓1+2
Комментарии3

Как мы делали свою сеть LTE в карьере и на липецкой металлургической площадке

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров9.5K
image
Вот на этих ковшах в самых холодных участках крепится по нескольку радиометок.
Они часто плавятся или отрываются, когда с ковшей убирают окалину, краны и всякое электрооборудование дают адские помехи, но сейчас мы уже уверенно считываем маркировки.

Нам нужна телеметрия с десяток тысяч датчиков, разных узлов оборудования на огромных производствах, будь то карьер или цеха. Ещё вчера и во всём мире это делалось кабелем.

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

Выбор у нас был простой: промышленный Wi-Fi, всякие отдельные системы вроде LoRa/BT/etc для каждого типа задач, LTE оператора, частный LTE плюс на тесты нам дают частный 5G.

Ну и операторы строили сеть в модели 70 % download, 30 % upload, а у нас — 90 % upload.

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

Забегая вперёд, скажу, что оператор расчистил нам диапазон, и мы получили свой пакет услуг передачи данных (другие абоненты мигрировали в соседние частоты), запланировали собственное покрытие, построили несколько десятков антенно-мачтовых сооружений для наружной связи, установили соты в некоторых местах внутри цехов, в особо важных и плотных местах построили своё резервированное ядро сети, поставили и запустили оконечные устройства.

И это того стоило. Ещё как стоило!
Читать дальше →
Всего голосов 52: ↑51 и ↓1+55
Комментарии30

Как мы построили свой лунапарк (с блекджеком, разумеется) или опыт внедрения системы управления ИТ-проектами

Время на прочтение8 мин
Количество просмотров2.5K

Привет, Хабр! На связи команда Проектного офиса НЛМК-ИТ.

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

Поэтому, вооружившись идеей «храбрый учится на своих ошибках, мудрый учится на чужих, а дурак не учится никогда», мы хотели бы рассказать одну историю.

Читать далее
Всего голосов 12: ↑11 и ↓1+10
Комментарии13

Информация

Сайт
nlmk.com
Дата регистрации
Численность
свыше 10 000 человек
Местоположение
Россия