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

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

Материал из XIOT Wiki
Новая страница: «__NOTOC__ = '''Lite и Pro-версии редактора XIOT-EDITOR''' = == '''1. Общие сведения''' == Редактор '''XIOT-EDITOR''' — это центральный инструмент настройки интерфейсов и сценариев в платформе XIOT. Он поддерживает два режима работы: '''Lite''' и '''Pro''', предназначенных для разных уровней з...»
 
Английские адреса Wiki: обновление ссылок с сохранением русских подписей
 
(не показано 19 промежуточных версий этого же участника)
Строка 1: Строка 1:
__NOTOC__
{{DISPLAYTITLE:Lite и Pro версии редактора}}
'''Lite и Pro — два режима одного XIOT-EDITOR''' и одного проекта. Они решают разные задачи и могут использоваться совместно.


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


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


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


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


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


Основные принципы построения интерфейса:
== Lite ==
* Быстрое восприятие информации. 
* Интуитивно понятное управление. 
* Распределение устройств и датчиков не только по комнатам, но и по функциональным разделам: '''Свет''', '''Климат''', '''Вода''', '''Электрика''' и др. 
* Адаптация интерфейса под размеры экрана смартфона и планшета. 
* Готовность к использованию сразу после настройки устройства и сценариев.


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


== '''3. Версия Pro''' ==
Для пользователей можно назначать доступные этажи и комнаты. Настройка доступа описана в статье [[Room-access-setup|Настройка доступа к комнатам]].
В режиме '''Pro''' пользователь получает доступ к расширенному инструментарию:


* Создание неограниченного числа кастомных страниц. 
== Pro ==
* Свободное размещение элементов управления, графики, индикаторов, вкладок и панелей. 
* Поддержка всех CSS-стилей, SVG-графики и 3D-библиотеки '''three.js'''. 
* Возможность создания уникальных пользовательских интерфейсов с собственным дизайном. 
* Добавление технических разделов (например, «Щит управления», «Диагностика», «Журналы»). 


'''Примеры интерфейсов, реализованных в Pro-версии:'''
Pro используется, когда проекту нужны страницы или элементы, которых нет в стандартном интерфейсе Lite. В этом режиме интегратор может вручную собирать страницы и окна, размещать элементы, настраивать их внешний вид и связывать их с характеристиками устройств и адресами управления и состояния.
* Диспетчеризация и управление системой тёплого пола. 
* История работы климатических зон. 
* 3D-управление офисом или жилым объектом.


== '''4. Совместное использование Lite и Pro''' ==
Примеры применения:
Редактор XIOT-EDITOR поддерживает одновременное использование обоих режимов:
* техническая панель инженерной системы;
* Основной интерфейс для пользователя создаётся в '''Lite'''. 
* диспетчерская страница;
* Дополнительные страницы (технические, диспетчерские, графические) — в '''Pro'''. 
* специализированный экран для настенной панели;
* Из Lite можно добавить '''кастомный элемент''' (например, кнопку), ведущий на страницу, созданную в Pro. 
* страница с индивидуальным оформлением проекта.
Таким образом, пользователь видит стандартное меню управления, а интегратор получает доступ к профессиональным инструментам визуализации и обслуживания.


== '''5. Обмен элементами и шаблонами''' ==
Назначение режима раскрыто в статье [[Editor-pro-capabilities|Назначение и возможности Pro версии редактора]]. Практические материалы: [[Editor-pro-tools-and-menus|Обзор инструментов и меню PRO версии редактора]] и [[Ui-element-structure-and-responsive-layout|Структура элементов и адаптивный интерфейс]].
Все созданные элементы, страницы и компоненты интерфейса можно:
* сохранять в файл,
* переносить между проектами,
* обмениваться с другими разработчиками.


== '''6. Преимущества архитектуры Lite / Pro''' ==
== Повторное использование элементов Pro ==
* Быстрый старт и автоматическая генерация интерфейса в Lite.
 
* Гибкая настройка и неограниченные возможности кастомизации в Pro.
Выбранную страницу, окно или элемент можно сохранить в формате '''.xelem''', а затем загрузить для повторного использования. '''.xelem — файл элемента, а не всего проекта''': этот экспорт не выполняет '''Сохранить проект''', не создаёт версию проекта и не загружает конфигурацию на XIOT-PLC.
* Возможность работы в гибридном режиме — пользовательский и технический интерфейс в одном проекте.
 
* Унифицированная система сохранения и обмена элементами. 
Во время вёрстки в Pro используйте '''Сохранить проект''' как самостоятельную контрольную точку. Чтобы применить конфигурацию на объекте, нажмите '''Загрузить конфигурацию на контроллер''': команда сначала сохраняет проект локально и после успешной записи отправляет сохранённую конфигурацию на XIOT-PLC. Облачное сохранение и публикацию приложения проверяют отдельно: успешная загрузка на PLC их не подтверждает. Подробнее: [[Project-backup|Сохранение резервной копии проекта]].
* Полная совместимость между версиями редактора.
 
== Что выбрать ==
 
Начните с Lite: настройте структуру, устройства и стандартный интерфейс. Переходите в Pro, если для проекта требуется дополнительная страница или ручная компоновка. Использование Pro не требует создавать отдельный проект или отказываться от Lite.
 
Порядок входа и требования к браузеру: [[Xiot-editor-access|Доступ к XIOT-EDITOR]].

Текущая версия от 22:01, 2 октября 2026

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

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

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

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

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

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

Lite

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

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

Pro

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

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

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

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

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

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

Во время вёрстки в Pro используйте Сохранить проект как самостоятельную контрольную точку. Чтобы применить конфигурацию на объекте, нажмите Загрузить конфигурацию на контроллер: команда сначала сохраняет проект локально и после успешной записи отправляет сохранённую конфигурацию на XIOT-PLC. Облачное сохранение и публикацию приложения проверяют отдельно: успешная загрузка на PLC их не подтверждает. Подробнее: Сохранение резервной копии проекта.

Что выбрать

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

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