Перейти к содержанию

Editor-lite-and-pro: различия между версиями

Материал из XIOT Wiki
Строка 5: Строка 5:
== '''1. 📘 Общие сведения''' ==
== '''1. 📘 Общие сведения''' ==
Редактор '''XIOT-EDITOR''' — это центральный инструмент настройки интерфейсов и сценариев в платформе '''XIOT'''.   
Редактор '''XIOT-EDITOR''' — это центральный инструмент настройки интерфейсов и сценариев в платформе '''XIOT'''.   
Он поддерживает два режима работы: '''Lite''' и '''Pro''', предназначенных для разных задач и дополняющих друг друга.
Он поддерживает два режима работы: '''Lite''' и '''Pro''', предназначенных для разных задач и дополняющих друг друга.


Строка 11: Строка 12:


Переключение между режимами выполняется нажатием кнопки '''Lite / Pro''' в верхнем меню редактора.   
Переключение между режимами выполняется нажатием кнопки '''Lite / Pro''' в верхнем меню редактора.   
📲 Это позволяет быстро переходить от стандартного интерфейса к кастомному режиму редактирования.
📲 Это позволяет быстро переходить от стандартного интерфейса к кастомному режиму редактирования.
[[Файл:Lite main2.png|без|мини|1022x1022пкс|Lite версия редактора XIOT]]
[[Файл:Lite main2.png|без|мини|1022x1022пкс|Lite версия редактора XIOT]]
Строка 17: Строка 19:
== '''2. 🟢 Версия Lite''' ==
== '''2. 🟢 Версия Lite''' ==
Интерфейс управления для телефона и планшета создаётся автоматически на основе шаблона.   
Интерфейс управления для телефона и планшета создаётся автоматически на основе шаблона.   
Интерфейс активно развивается на основе отзывов пользователей и предложений интеграторов.
Интерфейс активно развивается на основе отзывов пользователей и предложений интеграторов.


Строка 27: Строка 30:


Интерфейс, созданный в '''Lite-версии''', достаточен для полноценного управления системой «умного дома».   
Интерфейс, созданный в '''Lite-версии''', достаточен для полноценного управления системой «умного дома».   
Однако в ряде проектов возникает необходимость добавить страницы с технической информацией или специализированные панели обслуживания.   
Однако в ряде проектов возникает необходимость добавить страницы с технической информацией или специализированные панели обслуживания.   
Для этого используется '''⚙️ Pro-версия''' редактора.
Для этого используется '''⚙️ Pro-версия''' редактора.


При добавлении пользователей можно гибко настраивать права доступа — как к отдельным комнатам в ‘’‘Lite’’’ версии, так и к отдельным страницам в ‘’‘Pro’’’ версии.
При добавлении пользователей можно гибко настраивать права доступа — как к отдельным комнатам в '''Lite''' версии, так и к отдельным страницам в '''Pro''' версии.
 
Это позволяет предоставлять каждому пользователю доступ только к необходимой информации и функциям.
Это позволяет предоставлять каждому пользователю доступ только к необходимой информации и функциям.


Строка 41: Строка 47:
* 🧠 Поддержка всех CSS-стилей, SVG-графики и 3D-библиотеки '''three.js'''.   
* 🧠 Поддержка всех CSS-стилей, SVG-графики и 3D-библиотеки '''three.js'''.   
* 🧰 Создание уникальных пользовательских интерфейсов с собственным дизайном.   
* 🧰 Создание уникальных пользовательских интерфейсов с собственным дизайном.   


'''Примеры интерфейсов, реализованных в Pro-версии:'''
'''Примеры интерфейсов, реализованных в Pro-версии:'''

Версия от 14:55, 11 ноября 2025


💡 Lite и ⚙️ Pro версии редактора XIOT-EDITOR

1. 📘 Общие сведения

Редактор XIOT-EDITOR — это центральный инструмент настройки интерфейсов и сценариев в платформе XIOT.

Он поддерживает два режима работы: Lite и Pro, предназначенных для разных задач и дополняющих друг друга.

  • 🟢 Lite — автоматическое построение интерфейса управления для телефона и планшета на основе структуры проекта.
  • 🔵 Pro — ручное создание и полная кастомизация интерфейсов, технических страниц и элементов управления.

Переключение между режимами выполняется нажатием кнопки Lite / Pro в верхнем меню редактора.

📲 Это позволяет быстро переходить от стандартного интерфейса к кастомному режиму редактирования.

Lite версия редактора XIOT
Pro версия редактора XIOT

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.
  • 🔁 Возможность работы в гибридном режиме — пользовательский и технический интерфейсы в одном проекте.
  • 💾 Унифицированная система сохранения и обмена элементами.
  • 🔒 Полная совместимость и единый формат данных между версиями редактора.