Личный кабинет потребителя электроэнергии для ПАО «ММК»

Заказчик

ПАО «Магнитогорский металлургический комбинат» один из крупнейших металлургических комбинатов СНГ и России, входит в число крупнейших мировых производителей стали.

Задача

Разработка личного кабинета для ПАО «ММК» для подачи Заявителями в электронном виде заявки на технологическое присоединение к электрическим сетям ПАО «ММК»

Назначение и основные функции ЛК:

• прием заявок в электронном виде на технологическое присоединение (далее – ТП) к электрическим сетям ПАО «ММК»;
• заключение договоров с заявителями; информирование заявителя о статусе выполнения заявки;
• электронный документооборот;
• размещение и хранение актов о допуске приборов учета в эксплуатацию, о выполнении тех. условий, об осуществлении ТП.

Подход и этапы проекта

Для реализации личного кабинета ПАО «ММК» (далее – Заказчик) был объявлен тендер. В рамках этой процедуры мы показали оптимальное соотношение цены и качества и были выбраны в качестве подрядчика. Со стороны Заказчика была организована рабочая группа для реализации проекта.

1. Процесс разработки состоял из стандартных этапов:
2. Аналитика и проектирование, в рамках которых мы совместно с Заказчиком разработали ТЗ.
3. Прототипы и дизайн – разработаны макеты в соответствии с ТЗ и бренд-буком Заказчика.
4. Верстка, интеграция, настройка функционала.
5. Тестирование ЛК рабочей группой Заказчика, устранение замечаний.
6. Релиз ЛК.

Работа с заявками

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

Создать заявку на подключение Заявитель может только после регистрации и заполнения данных о контрагенте. Здесь мы столкнулись с проблемой большого количества разных по валидации полей: ИНН, ОГРН, ОГРН ИП и т.д. Была настроена интеграция с сервисом DaData для упрощения и проверки ввода данных.

Страница "Мои данные"

 Страница "Создать заявку"

У заявки предусмотрено 22 различных статуса, в том числе статус “Черновик”. При смене статуса заявки администратором происходит отправка уведомлении? Заявителю в виде sms или на e-mail. Администратор может отправить заявку на доработку с комментарием.

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

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

Дополнительные сервисы ЛК

1. Обратная связь – стандартная форма для отправки сообщения с вопросами, пожеланиями и др. информацией администратору сайта.
2. Помощь - на странице выложена текстовая информация и инструкции по работе с ЛК.
3. Анкета Заявителя - пользователю предлагается пройти опрос с целью оценки качества оказываемых услуг.

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

• Front-end: Vue.js
• Back-end: PHP + Bitrix
• Инфраструктура: Gitlab + Docker
• Интеграции: Megafon SMS, DaData

Результат

Мы провели аналитику, спроектировали и разработали интерфейсы личного кабинета, запрограммировали ЛК для ПАО «ММК» для подачи Заявителями в электронном виде заявки на технологическое присоединение к электрическим сетям ПАО «ММК».

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

Перейти на сайт