Lite и Pro версии редактора
💡 Lite и ⚙️ Pro версии редактора XIOT-EDITOR
1. 📘 Общие сведения
Редактор XIOT-EDITOR — это центральный инструмент настройки интерфейсов и сценариев в платформе XIOT.
Он поддерживает два режима работы: Lite и Pro, предназначенных для разных задач и дополняющих друг друга.
- 🟢 Lite — автоматическое построение интерфейса управления для телефона и планшета на основе структуры проекта.
- 🔵 Pro — ручное создание и полная кастомизация интерфейсов, технических страниц и элементов управления.
Переключение между режимами выполняется нажатием кнопки Lite / Pro в верхнем меню редактора.
📲 Это позволяет быстро переходить от стандартного интерфейса к кастомному режиму редактирования.
2. 🟢 Версия Lite
Интерфейс управления для телефона и планшета создаётся автоматически на основе шаблона.
Интерфейс активно развивается на основе отзывов пользователей и предложений интеграторов.
Основные принципы построения интерфейса:
- ⚡ Быстрое восприятие информации.
- 🤝 Интуитивно понятное управление.
- 🧩 Распределение устройств и датчиков не только по комнатам, но и по функциональным разделам: 💡 Свет, 🌡️ Климат, 💧 Вода, 🔌 Электрика и др.
- 📱 Адаптация интерфейса под размеры экрана смартфона и планшета.
- 🚀 Готовность к использованию сразу после настройки устройств и сценариев.
Интерфейс, созданный в Lite-версии, достаточен для полноценного управления системой «умного дома».
Однако в ряде проектов возникает необходимость добавить страницы с технической информацией или специализированные панели обслуживания.
Для этого используется ⚙️ Pro-версия редактора.
При добавлении пользователей можно гибко настраивать права доступа — как к отдельным комнатам в Lite версии, так и к отдельным страницам в Pro версии.
Это позволяет предоставлять каждому пользователю доступ только к необходимой информации и функциям.
3. 🔵 Версия Pro
Режим Pro предоставляет интегратору профессиональные возможности проектирования интерфейсов.
Основные возможности:
- 🖥️ Создание неограниченного числа кастомных страниц и окон.
- 🎨 Свободное размещение элементов управления, графики, индикаторов, вкладок и панелей.
- 🧠 Поддержка всех CSS-стилей, SVG-графики и 3D-библиотеки three.js.
- 🧰 Создание уникальных пользовательских интерфейсов с собственным дизайном.
Примеры интерфейсов, реализованных в Pro-версии:
- 🌡️ Диспетчеризация и управление системой тёплого пола.
- 📈 История работы климатических зон.
- 🏢 3D-управление офисом или жилым объектом.
4. 🔄 Совместное использование Lite и Pro
Редактор XIOT-EDITOR поддерживает гибридный режим работы:
- 🧭 Основной интерфейс пользователя создаётся в Lite.
- 🧮 Дополнительные страницы (технические, диспетчерские, графические) — в Pro.
- 🔗 Можно в Lite версии, добавить кнопку и настроить переход на страницу в Pro версии. Это позволяет дополнить Lite интерфейс необходимыми функциональными страницами.
5. 💾 Обмен элементами и шаблонами
Все созданные в редакторе XIOT элементы (страницы, окна, виджет, кнопки):
- 💽 сохранять в файл,
- 🔄 переносить между проектами,
- 🤝 делиться с другими разработчиками.
Редактор поддерживает экспорт и импорт элементов, позволяя создавать библиотеки для повторного использования.
6. ⚙️ Преимущества архитектуры Lite / Pro
- 🚀 Быстрый старт и автоматическая генерация интерфейса в Lite.
- 🧩 Гибкая настройка и неограниченные возможности кастомизации в Pro.
- 🔁 Возможность работы в гибридном режиме — пользовательский и технический интерфейсы в одном проекте.
- 💾 Унифицированная система сохранения и обмена элементами.
- 🔒 Полная совместимость и единый формат данных между версиями редактора.