СОДЕРЖАНИЕ

• Планировщик заданий
  • Создание задания
• Виджеты источников
  • Слой
  • Подпись
  • Маркировка
• Редактор запросов
  • HTTP-запросы
  • MQTT-запросы
• HTML редактор
  • Как создать HTML-код
• Оффлайн режим
• Предпросмотр источников
• Прямой эфир
• Удаленное управление
  • Видеостена
  • Источники
  • Режим удаленного управления
  • Параметры подключения
• Захват окон приложений
  • Захват приложений
  • Создание пресета
• Обрезка источников
• Закрыть источники

Планировщик заданий

Инструмент Планировщик заданий позволяет запускать сохраненные шаблоны в определенное расписанием время. В разделе отражен список с запланированными задачами по запуску.

Для взаимодействия с инструментом перейдите на вкладку Инструменты — Планировщик заданий.

Создание задания

1. Нажмите на кнопку Создать.
2. Если это не разовое событие и его необходимо повторять в определенные дни, активируйте повтор выполнения. Для этого нажмите на кнопку-переключатель Повтор. Появится список с днями недели — отметьте нужные. Синий фон у названия дня недели означает, что он выбран.
3. Укажите параметры расписания:
   • Начало события и финиш события. Вы можете указать дату начала и окончания события. Для этого нажмите на поле с датой и в выпадающем календаре выберите нужную дату. Используйте стрелочки вперед/назад на календаре для перехода между месяцами и годами.
   • Время начала и время окончания. Вы можете указать точное время начала и окончания события. Для этого нажмите на поле со временем и в выпадающем меню выберите часы и минуты.
4. Выберите шаблон из выпадающего списка. Шаблоны необходимо создать заранее в разделе Шаблоны.
5. Нажмите на кнопку Сохранить. Задание появится в списке.

Для удаления задания нажмите на крестик справа от него. 

Обращайте внимание на время начала события. События, установленные на запуск на дату/время в прошлом времени, не запускаются, даже если период их действия заканчивается в будущем времени.

Виджеты источников

К каждому источнику можно добавить виджет Слой, Подпись и Маркировка. Виджеты настраиваются через Инструменты — Виджеты источников.

Слой

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

Основные параметры:

• Название — укажите название слоя, под которым он будет отображаться в библиотеке виджетов.
• Тип слоя — выберите тип выводимого контента (Ссылка или Диаграмма). Для отображения диаграммы предварительно необходимо произвести интеграцию с сервером Grafana (Настройки — Конфигурация контроллера — Интеграции — Grafana).
• Ссылка — укажите адрес страницы сайта.
• Редактор — данная функция позволяет редактировать виджеты через кнопку Редактор виджета. Если функция активирована, то в панели Активные источники, в блоке Виджеты, рядом с названием слоя появится кнопка редактирования  в виде трех ползунков. После нажатия на кнопку основной интерфейс блокируется и открывается Редактор виджета. 

Дополнительные параметры:

• Масштаб, % — масштаб окна. Например, 100 или 200.
• Прозрачность, % — прозрачность слоя, где 0 — непрозрачный слой, 100 — полностью прозрачный. Например, 40.
• Параметры выравнивания — выберите расположение слоя по горизонтали и вертикали на окне источника.
• Ширина, % — ширина окна браузера в процентах.
• Высота, % — высота окна браузера в процентах.
• Скрывать фон — нажмите на кнопку-переключатель, чтобы указать CSS-классы в параметре Классы без фона (указываются через запятую).

После заполнения параметров нажмите на кнопку Сохранить. Чтобы добавить слой к источнику, перейдите в раздел Доступные источники. Выберите источник и в блоке Виджеты выберите из выпадающего списка нужный виджет.

Подпись

Виджет Подпись позволяет добавить подпись поверх источника. Текст, шрифт и фон полностью настраиваются. Чтобы создать виджет, заполните параметры. 

Основные параметры:

• Название — укажите название подписи, под которой она будет отображаться в библиотеке виджетов.
• Текст — укажите текст, который будет выведен поверх источника. В качестве надписи можно также использовать эмодзи.

Дополнительные параметры:

• Размер шрифта, px — укажите в пикселях размер шрифта подписи. Например: 14.
• Цвет шрифта — укажите цвет подписи. Для этого нажмите на цветной квадрат и выберите нужный цвет в выпадающей палитре цветов.
• Выравнивание подписи — выберите параметры выравнивания надписи по горизонтали и вертикали.
• Цвет фона — задайте цвет фона надписи. Для этого нажмите на цветной квадрат и выберите нужный цвет в выпадающей палитре цветов.
• Прозрачность фона, % — укажите значение от 0 до 100, где 0 — подпись не прозрачная, 100 – полностью прозрачная (невидимая).

После заполнения параметров нажмите на кнопку Сохранить. Чтобы добавить подпись на источник, перейдите в раздел Доступные источники. Выберите источник и в блоке Виджеты выберите из выпадающего списка нужный виджет.

Маркировка

Виджет Маркировка позволяет промаркировать окно источника цветной рамкой. Чтобы создать виджет, заполните основные параметры. Все поля обязательны для заполнения. 

• Название — укажите название рамки, под которой она будет отображаться в библиотеке виджетов.
• Толщина — укажите толщину рамки в пикселях. Например: 10. 
• Цвет — укажите цвет рамки. Для этого нажмите на цветной квадрат и выберите цвет на палитре.

После заполнения параметров нажмите на кнопку Сохранить. Чтобы добавить маркировку к источнику, перейдите в раздел Доступные источники. Выберите нужный источник и в блоке Виджеты выберите из выпадающего списка нужный виджет.

Редактор запросов

Инструмент Редактор запросов позволяет формировать HTTP- и MQTT-запросы для отправки данных на сервер. Запросы можно использовать для управления кнопками, выключателями и слайдерами.

Для взаимодействия с инструментом перейдите на вкладку Инструменты — Редактор запросов. Для просмотра, добавления, редактирования и удаления запросов выберите вкладку с нужным протоколом.

HTTP-запросы

Протокол HTTP используется для передачи одиночных сообщений на сервер посредством веб-браузера. Обмен сообщениями происходит через методы запросов GET, PUT, POST и DELETE.

Если требуется, создайте папку для хранения запросов. Для этого нажмите на кнопку Создать — Создать папку. Для создания HTTP-запроса, на вкладке HTTP, внизу панели, заполните следующие параметры:

• Укажите имя запроса (произвольно).
• Выберите тип: Кнопка, Выключатель или Слайдер. Для типа запроса Выключатель необходимо заполнить условия для действий на включение и выключение.

• Укажите метод запроса: GET, POST, PUT или DELETE.
• Введите URL удаленного источника.
• Для запросов POST и PUT также необходимо указать тело запроса (сообщения).

После заполнения параметров нажмите на кнопку Сохранить. 

MQTT-запросы

Асинхронный протокол MQTT используется для передачи компактных сообщений на сервер в условиях нестабильной связи. Протокол работает на прикладном уровне поверх TCP/IP и использует по умолчанию 1883 порт (8883 при подключении через SSL).

Как создать запрос:

• Выберите вкладку MQTT.
• Если требуется, создайте папку для хранения создаваемых запросов. Для этого нажмите на кнопку Создать — Создать папку.
• Укажите имя запроса (произвольно).
• Выберите тип: Кнопка, Выключатель или Слайдер. Для типа запроса Выключатель необходимо заполнить условия для действий на включение и выключение.

• Укажите хост, с которым будет происходить обмен данными.
• Укажите порт подключения — 1883 (или 8883 при подключении через SSL)
• Укажите топик. Многоуровневый топик разделяйте знаком /. Например: /home/living-space/living-room1/temperature
• Укажите тело запроса (сообщения).

После заполнения параметров нажмите на кнопку Сохранить.

Для удаления запроса перейдите к списку HTTP- или MQTT-запросов. Нажмите правой кнопкой мыши по нужному и в появившемся меню нажмите на кнопку Удалить.

HTML редактор

Инструмент HTML-редактор позволяет в расширенном окне создавать HTML-коды для одноименного модуля. Окно состоит из экрана для ввода HTML-кода и панели с параметрами.

Для взаимодействия с инструментом перейдите на вкладку Инструменты — HTML-редактор.

Как создать HTML-код

Если требуется, создайте папку для хранения файлов. Для этого нажмите на кнопку Создать — Создать папку. Для создания HTML-кода необходимо нажать на Создать — Создать пресет и заполнить следующие параметры:

1. На панели параметров в поле Имя укажите название элемента кода.
2. Если требуется, укажите интервал обновления.
3. Поставьте галочку напротив параметра Разрешить взаимодействие. Если галочка отсутствует, это будет означать, что оператор, например, не сможет перейти по указанной на виджете ссылке и т. п.
4. Нажмите на кнопку Сохранить. Код будет добавлен в список пресетов.

После создание пресета выберите его из списка и в панели снизу нажмите на кнопку Открыть, чтобы ввести код.

В окне ввода добавьте HTML-код, используя допустимые теги. Обратите внимание, что код необходимо размещать между тегами <div></div>. Функции форматирования по умолчанию отсутствуют, поэтому текст, изображения и другие элементы будут выровнены по левому краю без отступов.

Чтобы вывести созданный код через виджет, перейдите в режим редактирования дашборда. Нажмите на кнопку добавления нового виджета и выберите созданный пресет с кодом в разделе HTML-код. Чтобы добавить виджет без кода, выберите пункт По умолчанию.

Чтобы отредактировать код, откройте Инструменты — HTML-редактор. Нажмите левой кнопкой мыши по нужному пресету с кодом. Внесите изменения и нажмите на кнопку Перезаписать.

Чтобы переместить созданный код в папку, нажмите по нему левой кнопкой мыши и перетащите в нужную папку.

Для удаления пресета с кодом найдите его в списке. Кликните по нему правой кнопкой мыши, появится всплывающее меню управления. Нажмите Удалить.

Оффлайн режим

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

Для перехода в offline-режим на виджете Видеостена откройте Контекстное меню инструментов (три точки) — Оффлайн-режим или нажмите на соответствующую иконку. Чтобы выйти из оффлайн-режима, снова нажмите на кнопку. Данные будут синхронизированы.

Предпросмотр источников

С помощью инструмента Предпросмотр источника на видеостене можно отобразить в окнах источниках статическую транслируемую информацию. В неактивном виде на окне отображаются название и иконка источника, функциональные кнопки и параметры окна. 

Для перехода в режим предпросмотра на виджете Видеостена откройте Контекстное меню инструментов (три точки) — Предпросмотр источника или нажмите на соответствующую иконку.

Прямой эфир

Инструмент Прямой эфир позволяет отображать происходящее на видеостене в режиме реального времени. Это позволяет оператору мониторить и управлять отображаемым контентом, обеспечивая оперативное взаимодействие и корректировку визуальных данных, что особенно важно в контексте управления мультимедийными показами, презентациями или при проведении мероприятий с использованием видеостен.

Для перехода в прямой эфир на виджете Видеостена откройте Контекстное меню инструментов (три точки) — Прямой эфир или нажмите на соответствующую иконку.

Удаленное управление

Удаленное управление — это инструмент для удаленного управления областями видеостены и источниками VNC. Позволяет захватывать часть видеостены (от 720p до 2160p) и пробрасывать управление (клавиатуру – мышь) в выбранную область. Также позволяет управлять по протоколу VNC всеми доступными источниками VNC из категории Удаленный рабочий стол.

Для перехода к инструменту на виджете Видеостена нажмите Контекстное меню инструментов (три точки) — Удаленное управление или нажмите на соответствующую иконку. Вы можете подключиться к видеостене или сохраненному ПК по протоколу VNC — для этого выберите соответствующую вкладку: Видеостена или Источники.

Видеостена

После настройки области управления вы будете подключены к видеостене. 

1. Выберите разрешение. Сделать это можно тремя способами:

   • Меню. В правом углу выделенной области нажмите на меню и выберите в выпадающем списке нужное значение.
   • Ручное управление областью. Подведите курсор мыши к краю выделенной области. Когда курсор сменится на двухконечную стрелку, зажмите левую кнопку мыши и потяните.
   • Изменение размера в панели справа. Заполните параметры отображения выделенной области относительно оси X и Y, а также укажите разрешение. Максимальная высота выделенной области — 2160р. 
2. Нажмите на кнопку Подключиться.

Также можно изменить расположение выделенной области относительно оси X и Y. Для этого зажмите левую кнопку мыши в любом месте на выделенной области (кроме кнопки и меню) и потяните.

Источники

• На вкладке Источники выберите удаленный ПК для подключения (только по протоколу VNC). Добавьте его предварительно в разделе Доступные источники — Удаленный рабочий стол. 
• Нажмите на кнопку Подключиться.

Режим удаленного управления

В режиме удаленного управления вы можете изменить настройки области управления. Для этого нажмите на кнопку в виде двух окон. В появившемся окне измените область взаимодействия и нажмите на кнопку Подключиться. Чтобы выйти из режима удаленного управления, нажмите на кнопку X.

Параметры подключения

Для изменения параметров подключения к удаленному ПК используйте блок Основные параметры внизу панели. Чтобы посмотреть пароль для подключения к удаленному рабочему столу, нажмите на кнопку в виде глаза напротив параметра Пароль. Появится форма для ввода логина и пароля. Введите данные и нажмите Enter.

Захват окон приложений

Инструмент Захват окон приложений позволяет захватывать активные приложения, запущенные на контроллере, и выводить их в качестве источников на видеостене, а также сохранять их в качестве пресетов.

Для захвата на виджете Видеостена нажмите Контекстное меню инструментов (три точки) — Захват окон приложений или нажмите на соответствующую иконку. На всю рабочую область откроется виджет Прямой эфир. В этом случае основной интерфейс программы блокируется. Таким образом, достигается запрет на изменение конфигурации источников. Справа появится панель Захват источников, где отобразится список приложений, выведенных на видеостене.

Захват приложений

1. Выберите приложение из списка панели Захват источников — нажмите на него левой кнопкой мыши и поставьте галочку напротив нужного чекбокса.
2. Нажмите на кнопку Захватить. Приложение будет выведено на видеостену в качестве источника.

Создание пресета

1. Выберите приложение из списка — нажмите на него левой кнопкой мыши.
2. В блоке Основные параметры укажите имя создаваемого пресета.
3. Нажмите на кнопку Сохранить.

Созданный пресет будет сохранен в раздел Доступные источники — Приложение .

Обрезка источников

Инструмент Обрезка источника позволяет создавать пресеты из активных источников с помощью функции обрезки и добавлять их в дальнейшем на видеостену.

Обрезать можно только источники Видеоисточник и Видеопоток.

Для перехода к инструменту на виджете Видеостена нажмите Контекстное меню инструментов (три точки) — Обрезка источника или нажмите на соответствующую иконку. Откроется отдельная вкладка. В этом случае основной интерфейс программы блокируется. Таким образом, достигается запрет на изменение конфигурации источников.

1. Выберите активный источник, который на данный момент транслируется на видеостену из списка панели Обрезка источников — нажмите на него левой кнопкой мыши 
2. Для определения области окна обрезки укажите параметры расположения по осям X и Y, а также укажите ширину и высоту (в пикселях). Или потяните за края окна обрезки, чтобы определить область. Чтобы переместить область, зажмите ее левой кнопкой мыши и потяните.
3. Нажмите на кнопку Применить и Сохранить (или Перезапись, в случае если редактируется пресет) для создания пресета.

Пресет отобразится на вкладке Пресеты в разделе Видеопоток или Видеоисточник (в зависимости от типа источника).

Закрыть источники

Инструмент Закрыть источники удаляет все окна с видеостены. Обратите внимание, что данная функция не скрывает и не сворачивает окна источников, а закрывает их.

Для перехода к инструменту на виджете Видеостена нажмите Контекстное меню инструментов (три точки) — Закрыть источники или нажмите на соответствующую иконку.