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

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

Материал из XIOT Wiki
← Предыдущая правка

Admin (обсуждение | вклад)

3 группы участника
3501 правка
ВизуальныйВики-текст
Английские адреса Wiki: обновление ссылок с сохранением русских подписей
 
(не показано 9 промежуточных версий этого же участника)
Строка 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''' в верхнем меню редактора. 
== Сравнение режимов ==
📲 Это позволяет быстро переходить от стандартного интерфейса к кастомному режиму редактирования.
[[Файл:Lite main2.png|без|мини|1022x1022пкс|Lite версия редактора XIOT]]
[[Файл:Pro main.png|без|мини|1021x1021пкс|Pro версия редактора XIOT]]


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


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


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


При добавлении пользователей можно гибко настраивать права доступа — как к отдельным комнатам в ‘’‘Lite’’’ версии, так и к отдельным страницам в ‘’‘Pro’’’ версии.
Для пользователей можно назначать доступные этажи и комнаты. Настройка доступа описана в статье [[Room-access-setup|Настройка доступа к комнатам]].
Это позволяет предоставлять каждому пользователю доступ только к необходимой информации и функциям.


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


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


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


'''Примеры интерфейсов, реализованных в Pro-версии:'''
Назначение режима раскрыто в статье [[Editor-pro-capabilities|Назначение и возможности Pro версии редактора]]. Практические материалы: [[Editor-pro-tools-and-menus|Обзор инструментов и меню PRO версии редактора]] и [[Ui-element-structure-and-responsive-layout|Структура элементов и адаптивный интерфейс]].
* 🌡️ Диспетчеризация и управление системой тёплого пола. 
* 📈 История работы климатических зон. 
* 🏢 3D-управление офисом или жилым объектом.


== '''4. 🔄 Совместное использование Lite и Pro''' ==
== Повторное использование элементов Pro ==
Редактор '''XIOT-EDITOR''' поддерживает гибридный режим работы:


* 🧭 Основной интерфейс пользователя создаётся в '''Lite'''.
Выбранную страницу, окно или элемент можно сохранить в формате '''.xelem''', а затем загрузить для повторного использования. '''.xelem — файл элемента, а не всего проекта''': этот экспорт не выполняет '''Сохранить проект''', не создаёт версию проекта и не загружает конфигурацию на XIOT-PLC.
* 🧮 Дополнительные страницы (технические, диспетчерские, графические) — в '''Pro'''. 
* 🔗 Можно в Lite версии, добавить кнопку и настроить переход на страницу в Pro версии. Это позволяет дополнить Lite интерфейс необходимыми функциональными страницами.


== '''5. 💾 Обмен элементами и шаблонами''' ==
Во время вёрстки в Pro используйте '''Сохранить проект''' как самостоятельную контрольную точку. Чтобы применить конфигурацию на объекте, нажмите '''Загрузить конфигурацию на контроллер''': команда сначала сохраняет проект локально и после успешной записи отправляет сохранённую конфигурацию на XIOT-PLC. Облачное сохранение и публикацию приложения проверяют отдельно: успешная загрузка на PLC их не подтверждает. Подробнее: [[Project-backup|Сохранение резервной копии проекта]].
Все созданные в редакторе XIOT элементы, страницы и компоненты можно:
* 💽 сохранять в файл, 
* 🔄 переносить между проектами, 
* 🤝 делиться с другими разработчиками.


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


== '''6. ⚙️ Преимущества архитектуры Lite / Pro''' ==
Начните с Lite: настройте структуру, устройства и стандартный интерфейс. Переходите в Pro, если для проекта требуется дополнительная страница или ручная компоновка. Использование Pro не требует создавать отдельный проект или отказываться от Lite.
* 🚀 Быстрый старт и автоматическая генерация интерфейса в Lite.
* 🧩 Гибкая настройка и неограниченные возможности кастомизации в Pro.
* 🔁 Возможность работы в гибридном режиме — пользовательский и технический интерфейсы в одном проекте. 
* 💾 Унифицированная система сохранения и обмена элементами. 
* 🔒 Полная совместимость и единый формат данных между версиями редактора.


== '''7. 📄 Итоги''' ==
Порядок входа и требования к браузеру: [[Xiot-editor-access|Доступ к XIOT-EDITOR]].
* 🟢 '''Lite''' — для быстрых, простых и типовых проектов. 
* 🔵 '''Pro''' — для сложных систем, нестандартных интерфейсов и визуализации. 
* ⚙️ В большинстве проектов используется комбинированный подход: управление — в Lite, обслуживание — в Pro.

Текущая версия от 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.

Источник — https://wiki.xiot.ru/index.php?title=Editor-lite-and-pro&oldid=5555