Портфолио /
Разработка фронт-офисных систем
B2B-портал для оператора связи

Нашим заказчиком выступил российский оператор связи.

Компания имеет B2B портал, предназначенный для ее корпоративных клиентов. Портал предоставляет возможности по управлению счетами, анализу расходов, взаимодействию с оператором, автоматизации финансовых операций.

На момент старта проекта работала старая версия портала. Она имела недостатки:

  • Устаревший дизайн
  • Низкую скорость работы сайта
  • Высокую стоимость поддержки и развития

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

 

В ходе работы над проектом мы преодолели следующие сложности:

  • Команда заказчика приступила к работе на несколько месяцев позже, чем наша команда. Чтобы избежать возможных проблем при интеграции, мы с самого начала разработали и согласовали REST-API.
  • В ходе работы над проектом, заказчик, из соображений экономии, решил повторно использовать часть разделов портала. При переделке старых разделов ограничились изменением стилей. Мы реализовали новые разделы, а также интегрировали старые разделы в новый каркас портала. В результате решили задачи разработки нового портала – быстродействие, внешний вид, возможность развития и поддержки, при этом сэкономили бюджет за счет повторного использования некоторых разделов старой версии.

Портал обеспечивает следующие функциональные возможности:

  • Интерактивные высоконагруженные таблицы до 100 000 элементов на странице.
  • Динамически подгружаемые графики для отображения данных с фильтрацией по различным параметрам.
  • Мультиязычность с динамической подзагрузкой словаря.
  • Возможность смены темы дизайна портала.

Портал запущен в промышленную эксплуатацию.

На проекте использовали следующие технологии:

  • Фронтенд: React 16.7 ,Typesript 3.7 , Redux + Saga , Formik, Lodash , Recompose , Reselect
  • Эмулятор сервера: NestJS.
Web-интерфейс к платформе для быстрого создания ИТ-систем

Платформа — надежный инструмент для быстрой визуальной разработки сложных IT-систем. На платформе можно создавать и развивать:

  • Высоконагруженные веб-порталы с аутентификацией, системой управления и разграничения прав доступов и сложной бизнес-логикой.
  • Системы по обработке данных и ETL, с интеграцией нескольких источников данных, комплексной обработкой событий и генерацией API.
  • Системы для оптимизации и автоматизации процессов и минимизации человеческого фактора.

Главное в решениях — это скорость разработки и гибкость. Платформа гарантирует высокий уровень безопасности, стабильности и масштабируемости.

 

Для создания бэкенда и генерации REST-API не нужно кодировать. Прямые визуальные сценарии позволяют настроить любую бизнес-логику. Остаётся создать экранные формы. Каждая система, созданная на платформе, имеет свои особенности и требования к функциональности пользовательских интерфейсов. Мы разработали экранные формы с UX/UI дизайном для систем, созданных на платформе. Для этого использовали технологии React, Angular 2/5, Vue 2, Redux, JavaScript (ES5, ES6), Typescript, Webpack, npm.

Оптимизация бурения нефтяных скважин

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

 

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

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

В интерфейсе необходимо было создать возможности для формирования расписаний работ на буровых площадках, построения графиков и прогнозов по добыче нефти, загруженности каналов транспортировки. Требования к функциональности выдвигались серьёзные, сложность компоновки большого количества элементов оказалась высокой. Главная страница созданного решения напоминает интерфейс MS-Project, выполненный на вебе – расписания, графики, бюджеты, диаграммы Ганта.

Заказчик оценил преимущества web-версии перед предыдущим решением. Проверенный и надёжный продукт в новой красивой упаковке готов к масштабному распространению и использованию инженерами.

Для проектирования уникального дизайна мы использовали Material Design от Google, для разработки — Angular 8.

На проекте использовали следующие технологии:

  • Фронтенд: Angular, Angular Material
  • DevOps: Docker, GitLab CI
  • Базы данных: PostgreSql
  • Бэкенд: Spring, Java 11, интеграция с расчетным модулем на Python, интеграция с хранилищем на C#