Кейс KorDevTeam
Разработка веб-калькулятора изделий из камня со сметой и PDF-КП
Разработали рабочее место менеджера камнеобрабатывающего производства: 2D-чертёж раскроя, автоматическая смета, наценки и скидки, КП и приложение в PDF.
Интерфейс
Как выглядит продукт
1 / 6
Контекст
Задача
До разработки менеджеры готовили один заказ в нескольких несвязанных инструментах: чертили изделие в бесплатной программе или от руки на бумаге, размеры и стоимость считали в Excel, а коммерческое предложение собирали отдельно. При нестандартной столешнице нужно было вручную учесть площадь материала, длину реза, вырезы, обработку кромок, монтаж и дополнительные услуги, а затем переносить одни и те же данные между файлами. Такой процесс занимал много времени, а с каждой правкой возрастал риск расхождений в чертеже, смете и документах для клиента.
Ограничения
- Нестандартная геометрия и размеры изделий
- Связь чертежа с материалами и производственными операциями
- Разные единицы измерения, валюты, наценки и скидки
- Единые данные в смете, КП и приложении
Подтверждённый эффект
Результаты
- 01
Сократили время работы менеджеров
Вместо бесплатной чертёжной программы, Excel и бумажных эскизов менеджер ведёт чертёж, размеры, расчёт, смету и документы клиента в одном сервисе. Данные больше не нужно переносить вручную между разными инструментами.
- 02
Смета пересчитывается по составу заказа
Изменения материалов, размеров и операций отражаются в расчёте; менеджер отдельно управляет наценками, скидками и валютой.
- 03
КП формируется из актуальной сметы
Данные клиента, спецификация, стоимость, условия и порядок оплаты переходят в коммерческое предложение и приложение без повторного набора.
- 04
Систему можно развивать вместе с производством
Справочники материалов, изделий, операций и цен обновляются без перестройки всего процесса расчёта.
Подход
Решение
Создали единый веб-сервис для ведения заказа. Менеджер размещает слэб и изделия в 2D-редакторе, задаёт размеры, вырезы и операции обработки. Система связывает геометрию с каталогом материалов и работ, автоматически собирает смету, позволяет настроить цены, наценки, скидки и порядок оплаты, а затем формирует коммерческое предложение и приложение в PDF.
Архитектура
Монолитное приложение на AdonisJS 6 и Inertia.js объединяет React-интерфейс и серверную бизнес-логику. 2D-редактор построен на Konva, данные проектов и расчётов хранятся в PostgreSQL через Lucid ORM, PDF создаются в Puppeteer, а цены импортируются и обновляются через XLSX.
Возможности
- 2D-чертёж и раскрой на слэбе
- Библиотека изделий, вырезов и прои зводственных операций
- Автоматический расчёт сметы
- Наценки, скидки и расчёты в разных валютах
- Коммерческое предложение и приложение в PDF
- Импорт и обновление цен из Excel
Интеграции
- Генерация PDF-документов
- Импорт и обновление цен из Excel
- Каталоги материалов, изделий и производственных операций
Технологии
- React
- TypeScript
- Konva
- AdonisJS
- PostgreSQL
- Puppeteer
От чертежа до документов для клиента
Менеджер ведёт заказ в одном проекте: создаёт раскрой на слэбе, добавляет столешницы, вырезы и п роизводственные операции, проверяет автоматически собранную смету, задаёт наценки и скидки и выпускает коммерческое предложение. Изменения в геометрии и составе работ не приходится повторно переносить между отдельными файлами.
Где применим такой подход
Такая система подходит производителям мебели, окон, металлоконструкций, строительных материалов и других заказных изделий, где итоговая стоимость зависит от размеров, материала, обработки, монтажа и дополнительных услуг.
Реализация
Этапы проекта
- 01
Описали производственный расчёт
Перевели м атериалы, типовые изделия, вырезы, кромки, монтаж и дополнительные услуги в связанные справочники и правила расчёта.
- 02
Разработали 2D-редактор
Реализовали работу со слэбами и фигурами, размеры, поворот, копирование, привязку элементов, маркировку и сохранение проекта.
- 03
Связали чертёж со сметой
Материалы и выбранные операции попадают в разделы сметы, где менеджер управляет ценами, количеством, наценками, скидками и валютой.
- 04
Автоматизировали документы
Добавили данные клиента и подрядчика, условия и этапы оплаты, коммерческое предложение, приложение и выгрузку документов в PDF.
Команда
Кто работал над проектом
- Бизнес-аналитик
- Frontend-разработчик
- Backend-разработчик
- QA-инженер
Начнём с разговора
Обсудить похожую задачу
Обсудим, что нужно вашему бизнесу, и предложим следующий шаг.