Конструктор интерактивных схем

Студия PLAM - это no-code инструмент для подготовки интерактивных схем, которые вы можете разместить на своём сайте или в приложении
Конструктор интерактивных схем

1. Подготовьте схему в любом графическом редакторе

Подготовьте схему в любом подходящем графическом редакторе и сохраните её в формате SVG

2. Сделайте разметку схемы
и загрузите её в Студию

Каждый объект, который на схеме должен быть "кликабельным", необходимо переименовать в графическом редакторе определённым образом.
После этого схему можно загрузить в Студию.

3. Сделайте описание информационных (статических) объектов

Настройте содержание информационных карточек статичных объектов.
Такие карточки будут появляться при клике на объект на схеме.

4. Опишите классы динамических объектов и их поведение

Опишите поля (название, тип данных..) для объектов на схеме, которые должны меняться. Например - статус (свободно/занято/...) и период бронирования.
Также задайте поведение: например - как должен меняться цвет объекта или его части в зависимости от статуса.

5.1 Управляйте данными динамических объектов вручную

Управлять данными динамических объектов можно вручную через интерфейс Студии. Например - менять статус свободно / занято с изменением цвета объекта на схеме.

Подходит для схем с небольшим количеством объектов и с не частым изменением их данных. Например - поэтажных план дома с указанием купленных / свободных квартир.

5.2 Управляйте данными динамических объектов через API

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

6. Опубликуйте схему на Вашем сайте или в приложении

Встройте получившуюся схему на страницу своего сайта или мобильного приложения через самый обычный iFrame

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

Примеры

Пример 1 - визуализация офисного пространства:
- показывает свободные/занятые рабочие места и переговорки;
- выводит информацию об объектах офиса: оснащение переговорной, информация о принтере и т.п.
Пример 2 - интерактивная карта отрубов