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. 💾 Обмен элементами и шаблонами

Все созданные в редакторе XIOT элементы, страницы и компоненты можно:

• 💽 сохранять в файл,
• 🔄 переносить между проектами,
• 🤝 делиться с другими разработчиками.

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

6. ⚙️ Преимущества архитектуры Lite / Pro

• 🚀 Быстрый старт и автоматическая генерация интерфейса в Lite.
• 🧩 Гибкая настройка и неограниченные возможности кастомизации в Pro.
• 🔁 Возможность работы в гибридном режиме — пользовательский и технический интерфейсы в одном проекте.
• 💾 Унифицированная система сохранения и обмена элементами.
• 🔒 Полная совместимость и единый формат данных между версиями редактора.

7. 📄 Итоги

• 🟢 Lite — для быстрых, простых и типовых проектов.
• 🔵 Pro — для сложных систем, нестандартных интерфейсов и визуализации.
• ⚙️ В большинстве проектов используется комбинированный подход: управление — в Lite, обслуживание — в Pro.