Руководство пользователя BGEOI — Система управления цифровыми вывесками
Содержание
- Вход в систему
- Обзор интерфейса
- Устройства и группы
- Управление группой
- Редактирование группы
- Расписание
- Плейлисты
- Медиа
- Загрузка контента
- Управление устройством
- Настройки
- Организация (для администраторов)
1. Вход в систему
При первом открытии сайта система автоматически проверяет, авторизованы ли вы. Если нет — вы будете перенаправлены на страницу входа.
📸
Страница входа/авторизации
После успешного входа вы попадаете на главную страницу — «Устройства».
2. Обзор интерфейса
Интерфейс разделён на две части:
- Боковая панель (слева) — навигация по разделам
- Основная область (справа) — содержимое текущей страницы
📸
Боковая панель
В боковой панели расположены ссылки на следующие страницы:
| Раздел | Описание |
|---|---|
| 🖥 Устройства | Просмотр всех устройств и групп |
| 🎬Плейлисты | Управление плейлистами контента |
| 🖼 Медиа | Библиотека всех загруженных медиафайлов |
| 🏢 Организация | Управление пользователями (только для администраторов) |
| ⚙️ Настройки | Язык интерфейса и дополнительные настройки |
В нижней части панели отображается ваш профиль. Нажатие на имя пользователя является альтернативным способом открытия настроек языка и темы:
📸
3. Устройства и группы
Главная страница системы имеет две вкладки: Устройства и Группы
Вкладка Устройства
Таблица со всеми добавленными устройствами, независимо от того, принадлежат ли они какой-либо группе или ещё нет. Для каждого устройства отображается:
- Имя устройства
- Статус — зелёный кружок (онлайн) или серый (офлайн)
- Группа — название группы, к которой относится устройство
- Тип — веб-экран или exchanger
- Последняя активность — дата и время последней связи
📸
По кнопке "Выбрать" появляется возможность выделения нескольких устройств для выборочного обновления или удаления:
📸
Вкладка Группы
Здесь отображаются все созданные группы в виде таблицы.
Каждая строчка группы содержит:
- Название группы
- Количество устройств в ней
- Режим работы группы (Чёрный экран, Расписание или Показ медиа)
- Контент
- Описание (если есть)
📸
Создание новой группы
- Нажмите кнопку «+ Новая группа» в правом верхнем углу вкладки
- В диалоговом окне введите Название группы (обязательно) и Описание (необязательно)
- Нажмите «Создать»
📸
4. Управление группой
При нажатии на строчку группы открывается страница настройки режима показа, на которой также расположена кнопка для перехода к редактированию группы.
Выбор режима работы
Доступны три режима:
| Режим | Описание |
|---|---|
| 🖥 Чёрный экран | Экраны устройств выключены (ничего не отображается) |
| 📅 Расписание | Контент показывается по заданному расписанию |
| ▶️ Показ медиа | Немедленный показ выбранного контента (одиночного или плейлиста) |
📸
Режим «Показ медиа»
При выборе этого режима появляется дополнительная секция:
- Выберите тип контента: «Медиа» или «Плейлист» (вкладки)
- Если «Медиа» — откроется галерея медиафайлов, выберите нужный
- Если «Плейлист» — выберите плейлист из выпадающего списка
- Нажмите кнопку «Применить медиа»
📸
📸
Режим "Расписание"
По умолчанию представляет собой таблицу с днями текущей недели. Подробная работа с расписанием описана далее.
📸
5. Редактирование группы
Нажмите на кнопку "Редактировать группу" в верхнем правом углу страницы нужной группы, чтобы перейти к изменениям параметров группы и управлению устройствами в ней.
Настройки группы
- Название — имя группы
- Ширина и высота в пикселях (по умолчанию 1920×1080)
- Описание — текстовое описание
- Яркость — настройки яркости для всех экранов группы
📸
Устройства в группе
Таблица устройств, которые уже добавлены в эту группу. Каждая строчка устройства содержит:
- Название устройства
- Статус устройства
- Последнюю активность
- ⚙️ Настройки — открывает панель управления устройством
- 🗑 Удалить — убирает устройство из группы
Также можно переместить выбранные устройства в другую группу:
- Отметьте устройства галочками слева
- Выберите целевую группу из выпадающего списка
- Нажмите «Переместить»
📸
Доступные устройства
Ниже отображается таблица свободных (непривязанных ни к какой группе) устройств с теми же столбцами, что и для добавленных устройств, за исключением иконки удаления. Чтобы добавить их в текущую группу:
- Отметьте устройства галочками слева
- Нажмите «Добавить выбранные в группу»
📸
Удаление группы
Нажмите красную кнопку «Удалить группу» в верхнем правом углу. Появится окно подтверждения.
📸
Сохранение
Внизу страницы расположены кнопки:
- Отмена — вернуться без сохранения
- Сохранить изменения — применить все настройки
6. Расписание
Расписание позволяет задать когда и какой контент будет показываться на устройствах группы. Для перехода к редактированию в настройках группы выберите режим "Расписание" и нажмите справа кнопку "Редактировать расписание. Отобразится календарь текущего месяца с выделенным текущим днём. Если никаких показов добавлено не было, он будет пустым:
📸
Если в расписание уже был добавлен показ какого-либо медиа или плейлистов, то это будет отражено в соответствующих днях:
📸
Таблица сцен
Для перехода к настройкам расписания конкретного дня нажмите на иконку со списком в правом верхнем углу дня
.
Расписание отображается в виде таблицы, каждая строка — это сцена (элемент расписания):
| Столбец | Описание |
|---|---|
 |
Перетаскивание для изменения порядка |
| Контент | Название плейлиста или медиафайла |
| Тип | Медиа или Плейлист |
| Начало | Дата и время начала показа |
| Конец | Дата и время окончания показа |
| Действия | Иконка с карандашом для редактирования и иконка с корзиной для удаления |
📸
Добавление сцены
- Нажмите кнопку «+ Добавить сцену» (доступно в редактировании всего расписания и в редактировании расписания конкретного дня)
- В диалоговом окне выберите тип контента: «Медиа» или «Плейлист»
- Если «Медиа» — выберите файл из галереи
- Если «Плейлист» — выберите плейлист из выпадающего списка
- Задайте время начала и время окончания показа (число и местное время)
- Укажите слой (Z) — порядок наложения (по умолчанию 0)
- Нажмите «Добавить»
Сцена сохраняется автоматически после добавления.
📸
Редактирование сцены
Нажмите иконку карандаша ✏️ в таблице в строке сцены. Откроется такой же диалог, как при добавлении сцены, только с уже предзаполненными полями.
Удаление сцены
Нажмите иконку корзины 🗑 в таблице в строке сцены. Сцена будет удалена и изменение сохранится автоматически.
7. Плейлисты
Список плейлистов
На странице отображается таблица всех плейлистов:
| Столбец | Описание |
|---|---|
| Название | Имя плейлиста (кликабельно, позволяет перейти к редактированию) |
| Элементы | Количество медиафайлов в плейлисте |
| Описание | Дополнительная информация |
| Действия (...) | Меню с пунктами «Редактировать» и «Удалить» |
📸
Создание плейлиста
Нажмите кнопку «+ Новый плейлист», введите название плейлиста и нажмите "Создать" — будет создан новый плейлист, и вы автоматически перейдёте на страницу его редактирования (будет описано далее).
📸
Массовое удаление
- Нажмите «Выбрать» для включения режима выбора
- Отметьте нужные плейлисты галочками
- Нажмите «Удалить выбранные»
- Кнопка "Отменить выбор" позволяет вернуться к списку плейлистов без удаления выделенных
📸
Редактирование плейлиста
Попасть на страницу редактирования плейлиста можно или сразу после его создания, или нажав на строку с плейлистом в списке.
Основная информация
- Название плейлиста (чтобы изменить, нажмите на него, название станет активным для редактирования)
- Описание — дополнительная информация
📸
Добавление контента
Доступны два способа (разный тип медиа для каждого способа):
-
Добавить текст позволяет добавить текстовое сообщение со следующими параметрами: Название (необязательно), Сообщение (обязательно) и Длительность показа в секундах:
📸
-
Добавить медиа позволяет выбрать медиафайлы, загруженные в библиотеку (страница Медиа), можно выбрать несколько файлов сразу (необходимо кликнуть на все объекты, которые нужно добавить):
📸
Порядок элементов
Элементы плейлиста отображаются в виде списка. Вы можете:
- Перетаскивать элементы для изменения порядка (зажмите элемент, который нужно переместить, и перетащите на другое место)
- Изменить продолжительность показа каждого элемента
- Удалить элемент из плейлиста
📸
Сохранение
Нажмите «Сохранить плейлист» — вы будете перенаправлены на список плейлистов.
8. Медиа
Страница с галереей всех загруженных медиафайлов (изображения, видео, тексты).
📸
Вкладка предоставляет следующие возможности:
- Просмотр всех загруженных файлов в виде сетки
- Поиск по названию
- Фильтрация по типу медиа
При наведении на какой-либо загруженный объект появляются иконки взаимодействия с этим объектом, которые позволяют выполнять следующие действия:
- Просмотр медиафайла
- Редактирование свойств медиафайла (название, режим масштабирования, описание)
- Скачивание медиафайла
- Удаление медиафайла
📸
📸
9. Загрузка контента
Для загрузки контента на странице "Медиа" нажмите на кнопку "+ Добавить". По умолчанию открывается окно добавления изображения:
📸
В зависимости от типа добавляемого контента, форма будет содержать разный набор полей. После заполнения обязательных полей и нажатия на кнопку "Загрузить" произойдёт загрузка медиа (в зависимости от типа и размера на это может потребоваться время), после чего форма снова будет доступна для загрузки того же типа медиа.
10. Управление устройством
Попасть на страницу управления устройством можно:
- Нажав на
иконкустроку⚙️нужногорядомустройствасвустройствомтаблице на странице «Устройства» - Через страницу «Редактирование группы», нажав на иконку ⚙️ рядом с устройством
Настройки устройства
ИмяНазвание устройства — понятное название
📸
Предпросмотр экрана
Система автоматически запрашивает скриншот с устройства. Если устройство онлайн, вы увидите текущее изображение экрана.
📸
Текущее состояние
ОтображаетсяВ этом разделе отображается информация о текущем состоянии устройства (в меру доступности информации):
- Режим — текущий режим работы
📸
Предпросмотр экрана
Для устройств типа Exchanger доступен предпросмотр экрана. Система автоматически запрашивает скриншот с устройства. Если устройство онлайн, вы увидите текущее изображение экрана.
📸
Системная информация
МониторингДля устройств типа Exchanger доступен мониторинг ресурсов устройства:
- CPU — загрузка процессора
- RAM — использование оперативной памяти
- Диск — использование диска
- Время — системное время устройства
📸
Действия
Доступные команды:команды для устройств типа Exchanger:
- Очистить кэш медиа — удалить все загруженные файлы с устройства
- Показать тестовый экран — отобразить тестовую картинку
- Скрыть тестовый экран — убрать тестовую картинку
- Перезагрузить устройство — перезапустить устройство
📸
Для устройств типа веб-экран доступны команды:
📸
Удаление устройства
Кнопка «Удалить устройство» расположена под действиями.действиями в самом низу страницы. Перед удалением появится окно подтверждения.
11. Настройки
На странице настроек доступны:
Тема
Настройки отображения сайта: как в системе, тёмная или светлая тема.
Язык интерфейса
Переключатель языка — можно выбрать английский или русский.
Vimeo Cookies
Если Вам необходимо добавить медиа из источника Vimeo, то для этого необходимо загрузить Cookies.
- Нажмите «Загрузить Vimeo Cookies»
- В диалоге загрузите файл с cookies
📸
12. Организация (для администраторов)
⚠️ Этот раздел доступен только для пользователей с ролью «Администратор».
Создание организации
Если организация ещё не создана:
- Введите название организации
- Нажмите «Создать организацию»
📸
Управление организацией
После создания на странице вверху отображается название организации и иконка 
, позволяющая скопировать ID организации. Ниже располагается список добавленных сотрудников или пустой список.
📸
Управление пользователями
Таблица пользователей организации содержит:
- Email пользователя
- Имя пользователя
- Кнопка 🗑 Удалить — убрать пользователя из организации
📸
Добавление пользователя
- Нажмите «Добавить пользователя»
- Введите Email пользователя
- Нажмите «Добавить»
📸
Удаление пользователя
- Нажмите иконку 🗑 в строке пользователя
- Подтвердите удаление в диалоговом окне
📸
Типичные сценарии использования
Сценарий 1: Первоначальная настройка
1. Войдите в систему
2. Создайте организацию (если вы администратор)
3. Дождитесь появления устройств в списке
4. Создайте группу для устройств
5. Назначьте устройства в группу
6. Загрузите медиафайлы
7. Создайте плейлист и добавьте в него медиа
8. На странице управления группой выберите режим и контент
Сценарий 2: Обновление контента
1. Перейдите в «Медиа» → загрузите новые файлы
2. Перейдите в «Плейлисты» → отредактируйте плейлист
3. На странице управления группой:
- Если режим «Расписание» — обновите расписание
- Если режим «Показ медиа» — выберите новый контент
Сценарий 3: Настройка расписания
1. Перейдите на страницу «Устройства»
2. На карточке группы нажмите «Расписание»
3. Добавьте сцены с указанием времени начала и окончания
4. Перейдите в «Управление» группой и выберите режим «Расписание»