Editor-lite-and-pro
Lite и Pro-версии редактора XIOT-EDITOR
1. Общие сведения
Редактор XIOT-EDITOR — это центральный инструмент настройки интерфейсов и сценариев в платформе XIOT. Он поддерживает два режима работы: Lite и Pro, предназначенных для разных уровней задач и подготовки интегратора.
- Lite — автоматическое построение интерфейса управления для телефона и планшета на основе структуры проекта.
- Pro — ручное создание и полная кастомизация интерфейсов, технических страниц и элементов управления.
Переключение между режимами выполняется нажатием кнопки Lite / Pro в верхнем меню редактора.
2. Версия Lite
Интерфейс управления для телефона и планшета создаётся автоматически на основе шаблона. Главный принцип — максимальная простота и понятность.
Основные принципы построения интерфейса:
- Быстрое восприятие информации.
- Интуитивно понятное управление.
- Распределение устройств и датчиков не только по комнатам, но и по функциональным разделам: Свет, Климат, Вода, Электрика и др.
- Адаптация интерфейса под размеры экрана смартфона и планшета.
- Готовность к использованию сразу после настройки устройства и сценариев.
Интерфейс, созданный в Lite-версии, достаточен для управления всеми функциями «умного дома». Однако в ряде проектов возникает необходимость добавить страницы с технической информацией или специализированные панели обслуживания. Для этого используется Pro-версия редактора.
3. Версия Pro
В режиме Pro пользователь получает доступ к расширенному инструментарию:
- Создание неограниченного числа кастомных страниц.
- Свободное размещение элементов управления, графики, индикаторов, вкладок и панелей.
- Поддержка всех CSS-стилей, SVG-графики и 3D-библиотеки three.js.
- Возможность создания уникальных пользовательских интерфейсов с собственным дизайном.
- Добавление технических разделов (например, «Щит управления», «Диагностика», «Журналы»).
Примеры интерфейсов, реализованных в Pro-версии:
- Диспетчеризация и управление системой тёплого пола.
- История работы климатических зон.
- 3D-управление офисом или жилым объектом.
4. Совместное использование Lite и Pro
Редактор XIOT-EDITOR поддерживает одновременное использование обоих режимов:
- Основной интерфейс для пользователя создаётся в Lite.
- Дополнительные страницы (технические, диспетчерские, графические) — в Pro.
- Из Lite можно добавить кастомный элемент (например, кнопку), ведущий на страницу, созданную в Pro.
Таким образом, пользователь видит стандартное меню управления, а интегратор получает доступ к профессиональным инструментам визуализации и обслуживания.
5. Обмен элементами и шаблонами
Все созданные элементы, страницы и компоненты интерфейса можно:
- сохранять в файл,
- переносить между проектами,
- обмениваться с другими разработчиками.
6. Преимущества архитектуры Lite / Pro
- Быстрый старт и автоматическая генерация интерфейса в Lite.
- Гибкая настройка и неограниченные возможности кастомизации в Pro.
- Возможность работы в гибридном режиме — пользовательский и технический интерфейс в одном проекте.
- Унифицированная система сохранения и обмена элементами.
- Полная совместимость между версиями редактора.