• Конструктор кухни BPlanner – это онлайн приложение, разработанное на основе библиотеки WebGL (Web-based Graphics Library) и работающее исключительно в браузере с доступом в интернет.

    1. Установка конструктора на Вашем сайте

    Конструктор кухни BPlanner устанавливается на Вашем сайте через вставку html кода (код копируется из личного кабинета при покупке лицензии). Установка занимает не более 5 минут.

    1. Личный кабинет
      1. Общие настройки

    В общих настройках Вам необходимо:

    • Указать почту, куда будут приходить заявки с конструктора (обязательно)
    • Указать контактные данные или любую другую информацию, которая будет отображаться в верхнем правом углу конструктора (не обязательно)
    • Указать сайт установки конструктора (обязательно). Это поле используется для защиты Вашего конструктора от встраивания на сторонних сайтах.
    • Загрузить логотип

    В самом низу раздела «Общие настройки» есть код, который Вам нужно будет скопировать и вставить в то место Вашего сайта, где Вы хотите, чтобы открывался конструктор.

      1. Настройки интерфейса

    В настройках интерфейса:

    • Вы выбираете, нужно ли Вам или нет отображение стоимости кухни по заданным ценам на материалы в верхней панели конструктора
    • Вы выбираете, нужно ли Вам или нет отображение в конструкторе вкладки «Параметры кухни» (эта вкладка позволяет задать предустановленные значения толщины столешницы, высоты цоколя и фартука для всех вновь создаваемых проектов)

    • Вы выбираете режим работы конструктора: ОБЫЧНЫЙ или ИНТЕРНЕТ-МАГАЗИН (подробнее о режимах работы конструктора смотрите ниже)
      1. Настройки проекта

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

      1. Настройка цен

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

    Для отображения стоимости кухни не забудьте включить «Расчет цен» в разделе «Настройки интерфейса»

      1. Декоры > Категории декоров

    Все декоры в конструкторе BPlanner разделены на категории. В свою очередь, каждая категория может иметь множество подкатегорий. Разделение всех декоров на категории и подкатегории сделано для их систематизации по тем или иным параметрам (поставщик, коллекция, тип и т.д.)

      1. Декоры > Декоры

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

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

    Для добавления нового декора Вам нужно нажать кнопку «Добавить декор»

    После этого, у Вас появится окно добавления нового декора:

    В этом окне необходимо:

    • Ввести название декора
    • Указать (при необходимости) его артикул
    • «Прикрепить» декор к нужной категории
    • Включить или выключить отображение декора в конструкторе
    • Нажав кнопку «Файл текстуры» загрузить декор (оптимальный размер для загрузки декоров 512*512 px в формате jpg)
    • С помощью кнопки «Цвет» при необходимости наложить на декор дополнительный цвет
    • С помощью параметров «Шероховатость» и «Metalness» при необходимости откалибровать загруженный декор для придания ему блеска и шероховатости
    • После всех настроек необходимо нажать кнопку «Добавить». После этих операций новый декор добавится в соответствующую категорию декоров. Для того, чтобы загруженный декор стал доступным в каталоге конструктора, необходимо также нажать кнопку «Сохранить настройки» в верхней части личного кабинета.

    В случае, если Вы хотите более качественно настроить отображение декора в конструкторе, можно попробовать его отредактировать средствами визуального редактора конструктора. Для этого перейдите в режим редактирования», нажав напротив соответствующего декора значок «Редактирование»

    В открывшемся окне редактирования Вы можете установить новые значения ширины и высоты декора (например, чтобы увеличить рисунок декора), включить или выключить растягивание по высоте и ширине, а также выбрать тип заполнения текстуры

      1. Фасады > Категории фасадов

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

      1. Фасады > Модели фасадов

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

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

    Для добавления нового фасада в формате 3D модели необходимо нажать кнопку «Добавить фасад»

    Все 3D модели, загружаемые в конструктор BPlanner должны быть переведены в формат .fbx

    Добавление фасадов в формате 2D (в виде обычной картинки jpg) осуществляется в разделе «Декоры» и происходит как загрузка обычного декора.

    После нажатия кнопки «Добавить фасад» откроется следующее окно:

    В конструкторе предусмотрена возможность загрузки 3D моделей фасадов различного типа:

    1. Глухие фасады
    2. Фасады витрины
    3. Фасады витрины решетки
    4. Радиусные глухие
    5. Радиусные витрины
    6. Радиусные витрины решетки

    Загрузка 3D фасадов производится следующим образом:

    1. Первым загружается самый минимальный по размерам фасад, который будет отображаться с размерами от 0 по ширине, 0 по высоте до следующего размера. Приоритетом считается высота фасада.
    2. Вторым загружается следующий по размерам фасад, например от 150 по ширине (этот фасад будет применяться для всех фасадов, которые больше 149 по ширине до следующей по размерам модели)
    3. Таким образом, заполняется весь модельный ряд, который используется в настройках Вашего конструктора.

    Не забывайте загружать к каждому 3D фасаду иконку, которая будет отображаться в конструкторе.

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

    Ниже приведена краткая инструкция по подготовке 3D моделей к загрузке в конструктор:

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

    Например, если мы моделируем решетку — центральная часть должна оставаться на месте и не пересчитываться, т. к. иначе получится вот так:

    Для того чтобы этого избежать необходимо делить модели на части и задавать им нужные имена.

    1. Имена должны быть без пробелов и русских символов. Можно использовать «-» или «_». Имена должны быть уникальны, для этого удобно использовать цифры.

    2. Далее идет тип накладываемого материала:

    • gen – будет наложен материал фасада выбираемый в конструкторе.
    • glass – будет наложен материал стекла.
    • al – будет наложен материал алюминий.
    • pat – будет наложен материал патины.

    3. Последняя часть имени — оси по которым элемент может менять размер.

    • x – элемент может менять ширину
    • y – элемент может менять высоту
    • z – элемент может менять толщину

    Т.е. если элемент может менять ширину, высоту и глубину — последняя часть имени будет xyz. Для вышеприведенного примера рамки — последняя часть имени будет yz, т. к. его размер по ширине должен быть фиксированным. В архиве с примерами модели все это можно увидеть на практике.

    Если модель фасада имеет закругленные элементы (как в примере) — необходимо моделировать каждый размер фасада по ширине.

    Если же фрезеровка состоит только из прямых линий — достаточно одной модели минимального размера.

    Стоит обратить внимание, что во многих моделях фасадов фрезеровка на ящиках отличается от фрезеровки на дверях, в таком случае необходимо отдельно моделировать фасад ящика и двери.

    Для моделей с профиль ручками необходимо моделировать ручку в самой модели фасада.

    Моделировать нужно в реальных пропорциях (например 1unit — 1см).

    Центр всех частей модели должен находится в точке 0,0,0

    При вращении модели 0,0,0 фасад должен смотеть вверх.

    Имя файла необходимо записывать следущим способом:

    пример: ark_frame_min_w446_h356.fbx

    1. Название файла не должно содержать русских символов и пробелов

    2. Первая часть имени — идентификатор модели, может быть любым

    3. Вторая часть определяет тип фасада:

    • full – глухой фасад
    • window – фасад с витриной
    • frame фасад с рамкой

    4. Минимальный размер с которого будет установлен данный фасад: w – ширна, h – высота.

    В архиве с примером показана одна модель фасада на весь размерный ряд модулей.

      1. Техника > Категории

    Вся техника в конструкторе BPlanner разделена на категории. В свою очередь, каждая категория может иметь подкатегории. Разделение техники на категории и подкатегории сделано для ее систематизации по тем или иным параметрам

      1. Техника > Модели

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

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

    Для добавления новой модели техники нужно нажать кнопку «Добавить модель»

    Как и все прочие модели, модели техники загружаются в формате .fbx

    Для скачивания техники, Вы можете воспользоваться сайтом https://3ddd.ru

    Только не забывайте переформатировать модели в формат .fbx

    При загрузке 3D моделей есть 2 важных параметра:

    1. Тип перетаскивания
    2. Фартук

    Первый параметр указывает на то, как будет перемещаться объект по сцене: как верхний модуль (по стенам), это например, вытяжки или как нижний модуль (по полу), как например, холодильник

    Второй параметр указывает, нужно ли «привязывать» к модели фартук. Например, для отдельно стоящей плиты фартук должен быть привязан.

      1. Интерьер > Категории (аналогично п.п. 3.9)
      2. Интерьер > Модели (аналогично п.п. 3.10)
      3. Коммуникации > Категории (аналогично п.п. 3.9)
      4. Коммуникации > Модели (аналогично п.п. 3.10)
      5. Модули > Категории

    Все кухонные модули в конструкторе BPlanner разделены на категории. В свою очередь, каждая категория может иметь подкатегории. Разделение модельного ряда на категории и подкатегории сделано для его систематизации по тем или иным параметрам

      1. Модули > Нижние модули
      2. Модули > Верхние модули
      3. Модули > Пеналы

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

    Переходим в «Нижние модули»

    Открывается список нижних секций, которые предустановлены в конструкторе при покупке.

    Начинаем редактировать модельный ряд с первой секции, нажимаем редактировать:

    Первая часть это основные настройки модуля:

    Далее мы можем выбрать из списка для этого модуля шаблон секции

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

    Изменяя и добавляя в этой части возможные размеры секции можно полностью настроить модельный ряд под свои размеры

      1. Ручки > Категории

    Все ручки в конструкторе BPlanner разделены на категории. В свою очередь, каждая категория может подкатегории. Разделение всех ручек на категории и подкатегории сделано для их систематизации по тем или иным параметрам (поставщик, коллекция, тип и т.д.)

      1. Ручки > Модели

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

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

    Для добавления новой модели ручки нужно нажать кнопку «Добавить модель»

    Как и все прочие модели, 3D модели ручек загружаются в формате .fbx

    Для скачивания Вы можете воспользоваться сайтом https://3ddd.ru

    Только не забывайте переформатировать модели в формат .fbx

Как проектировать кухню в конструкторе BPlanner

 

Техническая документация:

 

Cкачать руководство пользователя по настройкам конструктора в личном кабинете 

 

Можете посмотреть обучающие видео ролики на нашем канале BPlanner в YouTube

 

Интеграция:

В конструкторе кухни BPlanner предусмотрена возможность его интеграции со сторонними приложениями, например, c CRM, которые Вы используете для организации Ваших бизнес-процессов. 

Для того чтобы настроить отправку данных на свой url адрес необходимо:
1. В разделе “Режим конструктора” в поле “Свой контроллер для приема заявок” необходимо указать свой url для обработки данных (например, https://site.ru/path/to/controller.php)
2. Нажать кнопку “Сохранить” внизу раздела “Режим конструктора”
3. Нажать кнопку “Выгрузить настройки в конструктор” сверху.

Метод отправки данных:
Данные отправляются методом POST и в данный момент содержат следующее:
1. name – ФИО
2. email – email
3. phone – телефон
4. comments – комментарии
5. price – цена (если включен любой из режимов расчета цен)
6. form_mats – HTML данные о материалах из панели выбранных материалов
7. screen – скриншот проекта в формате base64
8. save_data – данные сохранения проекта в формате json. Можно записать в файл .dbs для последующего открытия в конструкторе как через кнопку “Загрузить” так и через GET параметр file_url в url страницы с конструктором

Callback функции javascript:
В разделе “js и css” админ панели вы можете прописать свои функции, выполняющиеся в определенные моменты работы конструктора.
1. interface_init_callback() – Выполняется после полной инициализации интерфейса.
2. custom_order_callback(msg) – Выполняется после получения ответа от своего url. Параметр msg – ответ вашего сервера.

Сторонние библиотеки, доступные в конструкторе:
1. jQuery
2. Lodash

Т.е. например, вам нужно поменять надпись на кнопке “Отправить на расчет” на “Рассчитать кухню” для этого в разделе “js и css” админ панели в поле “js” определяем функцию interface_init_callback():

function interface_init_callback(){
$(‘#show_order_modal’).html(‘Рассчитать кухню’)
}

Данный функционал будет расширяться по мере потребностей. Если Вам необходимы дополнительные данные или callback функции – пишите на почту, ваши пожелания будут учтены в дальнейших обновлениях.