Конструктор конфигураторов

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

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

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

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

Администрируют веб-приложение product-менеджеры, которые, как правило, имеют опыт администрирования, но не программирования. Администратор должен видеть все конфигураторы и управлять теми, которые он создал сам.

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

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

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

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

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

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

Здесь собирается последовательность для заполнения параметров и итоговый последовательный список возможных результатов.

Конфигуратор в итоге отображается в виде пользовательского интерфейса по той ссылке, которую задал администратор.
Конечный пользователь заполняет параметры и получает список оборудования, который соответствует его запросу. Каждой сборке-спецификации присваивается код, при помощи которого он всегда может вернуться к уже подобранной конфигурации оборудования, введя код в соответствующее поле. Со сборкой можно работать дальше, изменяя параметры подбора.
Итоговым завершением сценария взаимодействия с инструментом является нажатие на кнопку «Купить онлайн», позволяющее в один клик добавить все оборудование в корзину на сайте производителя, либо сохранение спецификации в формате Excel для дальнейшего заказа через менеджера.

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