Компания Valtec обратилась к Tiver Group с запросом на разработку конфигуратора этажных узлов учета тепла. Разрабатываемый конфигуратор должен встраиваться на сайт заказчика и позволять пользователям настроить узел, используя каталог продукции заказчика и соответствие правилам компоновки. Также конфигуратор должен позволять скачать получившийся узел в формате PDF, DWG и выгрузить спецификацию.
Компания Valtec является брендом рынка инженерной сантехники, создателем современных решений и экспертом в области систем отопления и водоснабжения.
Для создания чертежа также были разработаны динамические блоки для всех деталей узла (кранов, фильтров и т.д.), упрощающие работу плагина и пользователя.
Итоговая версия плагина позволяет не просто получить изображение узла, но и скачать его паспорт, с указанными техническими характеристиками и спецификацией элементов.
В ходе работы мы столкнулись с несколькими интересными задачами.
Первая – организация генерации изображения узла и DWG файла. Анализ конкурентов показал, что практически никто не создает новый чертеж, а часто используют заготовленную картинку или файл, в зависимости от настроек, указанных пользователем.
Изначально нами рассматривался такой подход, однако впоследствии стало ясно, что он не соответствует нашим требованиям.
Наш конфигуратор позволяет настроить почти 400 000 000 вариантов узла, которым соответствуют 8 000 000 уникальных изображений. Подготовить и хранить такое количество файлов не представлялось возможным, а значит необходимо разработать методику генерации чертежа.
Мы рассматривали два варианта – создавать чертеж “на бекенде” и далее передавать его пользователю через скачивание, либо разработать плагин на Autocad и Nanocad, позволяющий пользователю самому создать чертеж.
Мы остановили наш выбор на втором варианте, т.к. он не требовал настройки со стороны заказчика, а также открывал возможности для дальнейшего развития плагина, например, добавления каталога продукции.
Для работы плагина мы создали библиотеку динамических блоков – каждый элемент узла представляет собой блок, а разные доступные размеры реализованы через переключение видимости. Эти же блоки используются для создания предварительного чертежа на сайте. Изображение узла собирается в браузере из нескольких десятков отдельных изображений.
Изначально возникали опасения, что создание корректного чертежа в браузере окажется невозможным, поскольку конфигуратор включает множество элементов с различной геометрией, а некоторые параметры могут значительно изменять всю конструкцию.
Мы столкнулись с трудностью точного выравнивания картинок по пикселям, поэтому разработали систему сегментации холста на отдельные блоки. Внутри каждого блока изображения выравниваются относительно друг друга, а затем блоки размещаются в заданных точках холста.
Кроме того, нам удалось частично реализовать автоматическую установку размеров и маркировку деталей — функции, которые поначалу казались невозможными для реализации средствами браузера.
В результате нам удалось успешно реализовать проект, применив собственные инновационные решения.
Tiver Group — профессиональные решения для уникальных проектов!