Создание рабочего поля

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

Создание рабочего поля

Страницы /device-manager в локальном и глобальном сервере очень похожи, но в локальном сервере у них больше функциональных возможностей.

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

1 Откройте меню управления

Слева вверху страницы имеется круглая кнопка с тремя черточками (☰). Нажмите на нее, чтобы увидеть ряд кнопок внизу страницы.

Когда ряд кнопок виден, вы находитесь в режиме редактирования. Если кнопки исчезают – это режим просмотра.

2 Создайте новое рабочее поле

Новую страницу (рабочее поле) можно создать с помощью кнопки «Создать».

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

3 Добавьте иконку устройства

Нажмите кнопку «Добавить иконку». Появится таблица изображений (иконок) IoT устройств, которые можно произвольным образом располагать на странице в узлах невидимой сетки:

Библиотека иконок. Но можно добавить свои на странице "Настройки"

Важно выбрать сенсор или актуатор - они имеют разные свойства

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

Можно перетаскивать мышкой группу иконок, используя клавишу Ctrl

В любое место можно добавить иконку с текстом. В библиотеке она выглядит как большая буква "Т".

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

Иконка загружается вместе с шаблоном её свойств. Шаблон универсальный и годится для любых типов датчиков. Для актуаторов (исполнительных устройств) шаблон немного отличается.

Иконку можно перетаскивать мышкой или пальцем на сенсорном экране в узлы невидимой сетки. Шаг сетки можно установить произвольным на странице "Настройки". Для перетаскивания несколькиз иконок одноврменно нужно выделить их мышкой с клавишей Ctrl, затем перетащить в нужное место.

После добавления иконок на рабочее поле вы можете настроить их свойства:

Подробнее о настройке параметров отображения, индикации лампочкой и других свойствах устройств читайте в разделе «Свойства устройств».

✅ Рабочее поле создано!

Теперь вы можете добавлять устройства, настраивать их свойства
и создавать удобный интерфейс управления вашим умным домом.