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

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

Материал из XIOT Wiki
Updated from local wiki project
Строка 1: Строка 1:
__NOTOC__
'''Lite и Pro — два режима одного XIOT-EDITOR''' и одного проекта. Они решают разные задачи и могут использоваться совместно.


= '''💡 Lite и ⚙️ Pro версии редактора XIOT-EDITOR''' =
* '''Lite''' автоматически формирует стандартный пользовательский интерфейс по структуре проекта.
* '''Pro''' позволяет вручную создавать дополнительные страницы, окна и элементы интерфейса.


== '''1. 📘 Общие сведения''' ==
Переключение выполняется кнопкой '''LITE / PRO''' в верхней части редактора. '''Переключение режима не создаёт второй проект'''.
Редактор '''XIOT-EDITOR''' — это центральный инструмент настройки интерфейсов и сценариев в платформе '''XIOT'''.


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


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


Переключение между режимами выполняется нажатием кнопки '''Lite / Pro''' в верхнем меню редактора.
{| class="wikitable"
! Задача !! Lite !! Pro
|-
| Начало работы || Готовый стандартный интерфейс формируется по этажам, комнатам, устройствам и сценариям проекта. || Дополнительные страницы и элементы создаются интегратором вручную.
|-
| Основное применение || Повседневное управление устройствами и сценариями. || Специализированные, технические и диспетчерские страницы.
|-
| Компоновка || Определяется структурой проекта и стандартным шаблоном. || Настраивается вручную с помощью страниц, окон, блоков и других элементов.
|-
| Совместная работа || colspan="2" | Оба режима используют один проект и дополняют друг друга.
|}


📲 Это позволяет быстро переходить от стандартного интерфейса к кастомному режиму редактирования.
== Lite ==
[[Файл:Lite main2.png|без|мини|838x838px|Lite версия редактора XIOT]]
[[Файл:Pro main.png|без|мини|839x839px|Pro версия редактора XIOT]]


== '''2. 🟢 Версия Lite''' ==
Lite использует созданную интегратором структуру проекта: дом, этажи, комнаты, устройства и сценарии. По этой структуре автоматически формируется стандартный пользовательский интерфейс.
Интерфейс управления для телефона и планшета создаётся автоматически на основе шаблона.


Интерфейс активно развивается на основе отзывов пользователей и предложений интеграторов.
Для пользователей можно назначать доступные этажи и комнаты. Настройка доступа описана в статье [[Настройка доступа к комнатам]].


Основные принципы построения интерфейса:
== Pro ==
* ⚡ Быстрое восприятие информации. 
* 🤝 Интуитивно понятное управление. 
* 🧩 Распределение устройств и датчиков не только по комнатам, но и по функциональным разделам: '''💡 Свет''', '''🌡️ Климат''', '''💧 Вода''', '''🔌 Электрика''' и др. 
* 📱 Адаптация интерфейса под размеры экрана смартфона и планшета. 
* 🚀 Готовность к использованию сразу после настройки устройств и сценариев.


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


Однако в ряде проектов возникает необходимость добавить страницы с технической информацией или специализированные панели обслуживания.
Примеры применения:
* техническая панель инженерной системы;
* диспетчерская страница;
* специализированный экран для настенной панели;
* страница с индивидуальным оформлением проекта.


Для этого используется '''⚙️ Pro-версия''' редактора.
Назначение режима раскрыто в статье [[Назначение и возможности Pro версии редактора]]. Практические материалы: [[Обзор инструментов и меню PRO версии редактора]] и [[Структура элементов и адаптивный интерфейс]].


При добавлении пользователей можно гибко настраивать права доступа — как к отдельным комнатам в '''Lite''' версии, так и к отдельным страницам в '''Pro''' версии.
== Повторное использование элементов Pro ==


Это позволяет предоставлять каждому пользователю доступ только к необходимой информации и функциям.
Выбранную страницу, окно или элемент можно сохранить в формате '''.xelem''', а затем загрузить для повторного использования. '''.xelem — файл элемента, а не всего проекта'''. Сохранение версии проекта выполняется отдельно по инструкции [[Сохранение резервной копии проекта]].


== '''3. 🔵 Версия Pro''' ==
== Что выбрать ==
Режим '''Pro''' предоставляет интегратору профессиональные возможности проектирования интерфейсов.


Основные возможности:
Начните с Lite: настройте структуру, устройства и стандартный интерфейс. Переходите в Pro, если для проекта требуется дополнительная страница или ручная компоновка. Использование Pro не требует создавать отдельный проект или отказываться от Lite.
* 🖥️ Создание неограниченного числа кастомных страниц и окон. 
* 🎨 Свободное размещение элементов управления, графики, индикаторов, вкладок и панелей.
* 🧠 Поддержка всех CSS-стилей, SVG-графики и 3D-библиотеки '''three.js'''.
* 🧰 Создание уникальных пользовательских интерфейсов с собственным дизайном.


'''Примеры интерфейсов, реализованных в Pro-версии:'''
Порядок входа и требования к браузеру: [[Доступ к XIOT-EDITOR]].
* 🌡️ Диспетчеризация и управление системой тёплого пола. 
* 📈 История работы климатических зон. 
* 🏢 3D-управление офисом или жилым объектом.
 
== '''4. 🔄 Совместное использование Lite и Pro''' ==
Редактор '''XIOT-EDITOR''' поддерживает гибридный режим работы:
 
* 🧭 Основной интерфейс пользователя создаётся в '''Lite'''. 
* 🧮 Дополнительные страницы (технические, диспетчерские, графические) — в '''Pro'''. 
* 🔗 Можно в Lite версии, добавить кнопку и настроить переход на страницу в Pro версии. Это позволяет дополнить Lite интерфейс необходимыми функциональными страницами.
 
== '''5. 💾 Обмен элементами и шаблонами''' ==
Все созданные в редакторе XIOT элементы (страницы, окна, виджет, кнопки):
* 💽 сохранять в файл, 
* 🔄 переносить между проектами, 
* 🤝 делиться с другими разработчиками. 
 
Редактор поддерживает экспорт и импорт элементов, позволяя создавать библиотеки для повторного использования.
 
== '''6. ⚙️ Преимущества архитектуры Lite / Pro''' ==
* 🚀 Быстрый старт и автоматическая генерация интерфейса в Lite. 
* 🧩 Гибкая настройка и неограниченные возможности кастомизации в Pro. 
* 🔁 Возможность работы в гибридном режиме — пользовательский и технический интерфейсы в одном проекте. 
* 💾 Унифицированная система сохранения и обмена элементами. 
* 🔒 Полная совместимость и единый формат данных между версиями редактора.

Версия от 10:10, 22 августа 2026

Lite и Pro — два режима одного XIOT-EDITOR и одного проекта. Они решают разные задачи и могут использоваться совместно.

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

Переключение выполняется кнопкой LITE / PRO в верхней части редактора. Переключение режима не создаёт второй проект.

Клавиша F2 переключает просмотр и редактирование, а не режимы Lite и Pro.

Сравнение режимов

Задача Lite Pro
Начало работы Готовый стандартный интерфейс формируется по этажам, комнатам, устройствам и сценариям проекта. Дополнительные страницы и элементы создаются интегратором вручную.
Основное применение Повседневное управление устройствами и сценариями. Специализированные, технические и диспетчерские страницы.
Компоновка Определяется структурой проекта и стандартным шаблоном. Настраивается вручную с помощью страниц, окон, блоков и других элементов.
Совместная работа Оба режима используют один проект и дополняют друг друга.

Lite

Lite использует созданную интегратором структуру проекта: дом, этажи, комнаты, устройства и сценарии. По этой структуре автоматически формируется стандартный пользовательский интерфейс.

Для пользователей можно назначать доступные этажи и комнаты. Настройка доступа описана в статье Настройка доступа к комнатам.

Pro

Pro используется, когда проекту нужны страницы или элементы, которых нет в стандартном интерфейсе Lite. В этом режиме интегратор может вручную собирать страницы и окна, размещать элементы, настраивать их внешний вид и связывать их с характеристиками устройств и тегами.

Примеры применения:

  • техническая панель инженерной системы;
  • диспетчерская страница;
  • специализированный экран для настенной панели;
  • страница с индивидуальным оформлением проекта.

Назначение режима раскрыто в статье Назначение и возможности Pro версии редактора. Практические материалы: Обзор инструментов и меню PRO версии редактора и Структура элементов и адаптивный интерфейс.

Повторное использование элементов Pro

Выбранную страницу, окно или элемент можно сохранить в формате .xelem, а затем загрузить для повторного использования. .xelem — файл элемента, а не всего проекта. Сохранение версии проекта выполняется отдельно по инструкции Сохранение резервной копии проекта.

Что выбрать

Начните с Lite: настройте структуру, устройства и стандартный интерфейс. Переходите в Pro, если для проекта требуется дополнительная страница или ручная компоновка. Использование Pro не требует создавать отдельный проект или отказываться от Lite.

Порядок входа и требования к браузеру: Доступ к XIOT-EDITOR.