Тендерная площадка ИНТЕРПАЙП: разработка, обеспечившая ведущему поставщику труб надежную логистику

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

Чтобы облегчить ситуацию и настроить устойчивую систему логистики, необходимо действительно надежное и эффективное технологическое решение. 

Именно такие технологии мы стремились предоставить нашему клиенту - группе компаний ИНТЕРПАЙП, которая является глобальным игроком на рынке стальных труб и железнодорожных колес. Расскажем о кастомной разработке тендерной площадки для перевозок ИНТЕРПАЙП, которая решила ряд проблем в технических процессах компании.

Наш клиент

ИНТЕРПАЙП - украинская промышленная компания, мировой производитель стальных труб и железнодорожной продукции. Клиенты ИНТЕРПАЙП - ведущие мировые компании нефтегазовой отрасли, строительства, транспорта. Даже сегодня, несмотря на войну в Украине, продукция холдинга поставляется в 70 стран мира через сеть торговых офисов, размещенных на ключевых рынках Ближнего Востока, Северной Америки и Европы.

С какой проблемой столкнулся клиент

Чтобы определить проблему, надо немного рассказать о специфике бизнес-процессов клиента.

В организации своей логистики ИНТЕРПАЙП полагается на внутреннюю электронную тендерную площадку, где можно закупать услуги автоперевозок. Тендеры на этой платформе проводятся практически в непрерывном режиме, обновляясь по три-четыре раза в день. Перевозчик, который выигрывает в тендере, должен быть готовым отправиться в рейс без промедлений. Часто на подготовку к перевозке - не более суток.

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

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

С точки зрения пользователя ставки выводились некорректно, или обновлялись не вовремя. Интерфейсы клиентской части приложения отображали информацию со значительным опозданием, или обратная связь с действиями экспедитора терялась полностью. Как результат, система не позволяла корректно определить на тендере единственного победителя. То есть, не могла выполнить свою основную функцию. Такой сценарий был недопустимым, ведь любые проблемы с тендером могут привести к простою, а затем и к потере времени и денег для бизнеса.

За решением этой проблемы команда ИНТЕРПАЙП обратилась в нашу компанию. Клиенту было необходимо новое решение - эффективное и надежное.

Решение проблемы

Клиент обратился к нам с существующей системой и старым техзаданием, которое использовалось для ее создания. Идея заключалась в том, чтобы повторить текущий функционал, но таким образом, чтобы соответствовать требованиям к быстродействию и отказоустойчивости.

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

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

Достижение этой цели требовало решения ряда задач:

• реализовать функционал для проведения тендеров в формате веб-приложения (SPA);

• обеспечить обновление тендерных данных на платформе в реальном времени. Чтобы все пользователи в рамках тендера могли видеть абсолютно идентичные данные с минимальной задержкой;

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

• реализовать современный UI/UX, который будет удобным и понятным для экспедиторов.

Какие технологии мы выбрали

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

Для реализации клиентской части был использован фреймворк Next.js. В качестве СУБД была применена реляционная база данных PostgresSQL, а в качестве In-memory хранилища - Redis. Backend-часть разработана с применением языка PHP, а именно фреймворка Laravel. Взаимодействие между компонентами посредством API реализовано с использованием GraphQL.

Полный стек разработки выглядит так:

• PHP 8;

• Laravel 8 with octane (Swoole);

• WS Server (Swoole engine);

• PostgresSQL 14;

• Redis (cache/queue);

• GraphQL;

• TypeScript;

• React.js;

• Next.js;

• Apollo Client;

• Ant Design.

Как мы построили работу

В целом проект состоял из двух этапов. Первый этап предусматривал разработку Proof-of-Concept. В рамках этой стадии команда изучила запрос клиента и подготовила ядро продукта под его технические требования, с учетом всей специфики будущего решения. Работу этого ядра мы продемонстрировали клиенту в тестовой симуляции на демо-серверах, проведя процедуру нагрузочного тестирования.

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

Второй этап касался непосредственно разработки продукта: проработка и согласование UI/UX, программирование бэкэнда и фронтенда, реализация всех функциональных требований.

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

К работе над проектом присоединилась опытная команда:

• UX Designer

• Business Analyst

• Backend Developer

• Frontend Developer

• Project Manager

• QA Engineer

• DevOps Engineer

Отчетность и коммуникация

Клиент закрепил за проектом собственного менеджера, который мониторил ход разработки и предоставлял разработчикам всю необходимую обратную связь. Мы вели отчет для клиента о соблюдении тайминга проекта и прогрессе выполнения road-map.

Раз в две недели команда разработчиков проводила demo day для бизнес-заказчика и технического департамента ИНТЕРПАЙП, которые были лично заинтересованы в проекте. Мы подробно обсуждали наш прогресс и демонстрировали результаты работ. В целом разработка продвигалась без неожиданностей, поэтому команда вышла к релизу в запланированные сроки.

Что мы разработали

Результатом проекта стала надежная цифровая тендерная площадка для закупки транспортных услуг, реализованная в формате Single Page Application. Теперь клиент может быть уверен в том, что его ежедневные онлайн-тендеры на автомобильные перевозки проводятся без проблем, задержек и ошибок.

Рассмотрим, как работает новое решение.

1.   Экспедитор авторизуется на корпоративном портале ИНТЕРПАЙП. Там он может перейти в раздел "Торги на перевозки" и попасть на платформу, разработанную нашей командой.

2.  Здесь пользователь видит карточки доступных тендеров со всей необходимой информацией. Он может выбрать один или несколько из них для участия в торгах. Платформа предоставляет систему фильтров для отбора необходимых предложений. Их можно фильтровать по типам груза, транспорта, по направлению (экспорт, импорт), по специфическим разновидностям тендеров клиента (разовые, кольцевые, сгруппированные) и т.д.

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

4.  Цель экспедитора - выиграть тендер, предлагая самую выгодную цену. Он выставляет в карточке свою стартовую цену и шаг автоматического снижения ставки. Важным здесь является то, что таймер торгов и актуальные ставки обновляются через протокол WebSocket в реальном времени.

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

6.  Результаты своих торгов экспедитор может увидеть во вкладке "неактивные тендеры". Там он может узнать, в каких тендерах он выиграл, а в каких - проиграл.

Важной частью проекта стал новый дизайн. Мы проработали UI/UX площадки таким образом, чтобы сделать ее максимально удобной и информативной для конечных пользователей. Команда также уделила особое внимание адаптивной верстке страниц, чтобы сделать их удобными на планшетах и смартфонах.

Какие вызовы мы преодолели

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

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

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

Дополнительным вызовом было формирование архитектурной составляющей проекта, которая бы отвечала всем указанным выше требованиям. Основное из таких требований заключалось в обеспечении отказоустойчивости и масштабируемости системы путем автоматического горизонтального скейлинга.

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

Результаты проекта

Сейчас новая тендерная площадка стала частью повседневных операций ИНТЕРПАЙП. Ее функционал, быстродействие, стабильность и безопасность закрывает все потребности клиента. Сегодня команда разработки сосредоточилась на мелких улучшениях и апдейтах сервиса. Клиент уже собрал первый фидбек от конечных пользователей платформы и планирует изменения в дизайне для улучшения пользовательского опыта.

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

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