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

Editor-lite-and-pro

Материал из XIOT Wiki
Версия от 10:43, 10 ноября 2025; Admin (обсуждение | вклад) (Новая страница: «__NOTOC__ = '''Lite и Pro-версии редактора XIOT-EDITOR''' = == '''1. Общие сведения''' == Редактор '''XIOT-EDITOR''' — это центральный инструмент настройки интерфейсов и сценариев в платформе XIOT. Он поддерживает два режима работы: '''Lite''' и '''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.
  • Возможность работы в гибридном режиме — пользовательский и технический интерфейс в одном проекте.
  • Унифицированная система сохранения и обмена элементами.
  • Полная совместимость между версиями редактора.