Skip to main content

Руководство пользователя BGEOI — Система управления цифровыми вывесками


Содержание

  1. Вход в систему
  2. Обзор интерфейса
  3. Устройства и группы
  4. Управление группой
  5. Редактирование группы
  6. Расписание
  7. Плейлисты
  8. Медиа
  9. Загрузка контента
  10. Управление устройством
  11. Настройки
  12. Организация (для администраторов)

1. Вход в систему

При первом открытии сайта система автоматически проверяет, авторизованы ли вы. Если нет — вы будете перенаправлены на страницу входа.

📸 

Страница входа/авторизации

После успешного входа вы попадаете на главную страницу — «Устройства».


2. Обзор интерфейса

Интерфейс разделён на две части:

  • Боковая панель (слева) — навигация по разделам
  • Основная область (справа) — содержимое текущей страницы

image.png

Боковая панель

В боковой панели расположены ссылки на следующие страницы:

Раздел Описание
🖥 Устройства Просмотр всех устройств и групп
🎬Плейлисты Управление плейлистами контента
🖼 Медиа Библиотека всех загруженных медиафайлов
🏢 Организация Управление пользователями (только для администраторов)
⚙️ Настройки Язык интерфейса и дополнительные настройки

В нижней части панели отображается ваш профиль. Нажатие на имя пользователя является альтернативным способом открытия настроек языка и темы:

📸

image.png


3. Устройства и группы

Главная страница системы имеет две вкладки: Устройства и Группы

Вкладка Устройства

Таблица со всеми устройствами, которые ещё не назначены в группу.

Для каждого устройства отображается:

  • Имя устройства
  • Статус — зелёный кружок (онлайн) или серый (офлайн)
  • Последнее обновление — дата и время последней связи

📸

image.png

Назначение устройства в группу

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

📸

Вкладка Группы

Здесь отображаются все созданные группы в виде таблицы.

Каждая строчка группы содержит:

  • Название группы
  • Количество устройств в ней
  • Режим работы группы (Чёрный экран, Расписание или Показ медиа)
  • Контент
  • Описание (если есть)

📸

image.png

image.png

Создание новой группы

  1. Нажмите кнопку «+ Новая группа» в правом верхнем углу вкладки
  2. В диалоговом окне введите Название группы (обязательно) и Описание (необязательно)
  3. Нажмите «Создать»

📸

image.png


4. Управление группой

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

Выбор режима работы

Доступны три режима:

Режим Описание
🖥 Чёрный экран Экраны устройств выключены (ничего не отображается)
📅 Расписание Контент показывается по заданному расписанию
▶️ Показ медиа Немедленный показ выбранного контента (одиночного или плейлиста)

📸

image.png

Режим «Показ медиа»

При выборе этого режима появляется дополнительная секция:

  1. Выберите тип контента: «Медиа» или «Плейлист» (вкладки)
  2. Если «Медиа» — откроется галерея медиафайлов, выберите нужный
  3. Если «Плейлист» — выберите плейлист из выпадающего списка
  4. Нажмите кнопку «Применить медиа»

📸

image.png

📸

image.png

Режим "Расписание"

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

📸

image.png

По нажатию на "Редактировать расписание" открывается расписание текущего месяца. По кнопке "+ Добавить сцену" 

image.png

image.png


5. Редактирование группы

На этой странице можно изменить параметры группы и управлять устройствами в ней.

Настройки группы

  • Название — имя группы
  • Описание — текстовое описание
  • Разрешение — ширина и высота в пикселях (по умолчанию 1920×1080)

📸

Устройства в группе

Таблица устройств, которые уже добавлены в эту группу. Для каждого устройства доступны:

  • ⚙️ Настройки — открыть панель управления устройством
  • 🗑 Удалить — убрать устройство из группы

Также можно переместить выбранные устройства в другую группу:

  1. Отметьте устройства галочками
  2. Выберите целевую группу из выпадающего списка
  3. Нажмите «Переместить»

📸

Доступные устройства

Ниже отображается таблица свободных (неназначенных) устройств. Чтобы добавить их в текущую группу:

  1. Отметьте устройства галочками
  2. Нажмите «Добавить выбранные в группу»

📸

Удаление группы

Нажмите красную кнопку «Удалить группу» в верхнем правом углу. Появится окно подтверждения.

📸

Сохранение

Внизу страницы расположены кнопки:

  • Отмена — вернуться без сохранения
  • Сохранить изменения — применить все настройки

6. Расписание

Расписание позволяет задать когда и какой контент будет показываться на устройствах группы.

Таблица сцен

Расписание отображается в виде таблицы, каждая строка — это сцена (элемент расписания):

Столбец Описание
↕️ Перетаскивание для изменения порядка
Контент Название плейлиста или медиафайла
Тип Медиа или Плейлист
Начало Дата и время начала показа
Конец Дата и время окончания показа
Действи Редактировать / Удалить

Порядок сцен можно менять перетаскиванием (drag & drop).

📸

Добавление сцены

  1. Нажмите кнопку «+ Добавить сцену»
  2. В диалоговом окне: - Выберите тип контента: «Медиа» или «Плейлист» - Если «Медиа» — выберите файл из галереи - Если «Плейлист» — выберите плейлист из выпадающего списка - Задайте время начала - Задайте время окончания - Укажите слой (Z) — порядок наложения (по умолчанию 0)
  3. Нажмите «Добавить»

Сцена сохраняется автоматически после добавления.

📸

Редактирование сцены

Нажмите иконку карандаша ✏️ на строке сцены. Откроется тот же диалог с предзаполненными полями.

Удаление сцены

Нажмите иконку корзины 🗑 на строке сцены. Сцена будет удалена и изменение сохранится автоматически.

Сохранение

Нажмите кнопку «Сохранить» для сохранения всех изменений. Кнопка расположена в верхнем правом углу.


7. Плейлисты

Список плейлистов

На странице отображается таблица всех плейлистов:

Столбец Описание
Название Имя плейлиста (кликабельно, позволяет перейти к редактированию)
Элементы Количество медиафайлов в плейлисте
Описание Дополнительная информация
Действия (...) Меню с пунктами «Редактировать» и «Удалить»

📸 

image.png


Создание плейлиста

Нажмите кнопку «+ Новый плейлист», введите название плейлиста и нажмите "Создать" — будет создан новый плейлист, и вы автоматически перейдёте на страницу его редактирования (будет описано далее).

📸

image.png

Массовое удаление

  1. Нажмите «Выбрать» для включения режима выбора
  2. Отметьте нужные плейлисты галочками
  3. Нажмите «Удалить выбранные»
  4. Кнопка "Отменить выбор" позволяет вернуться к списку плейлистов без удаления выделенных

📸 

image.png

Редактирование плейлиста

Попасть на страницу редактирования плейлиста можно или сразу после его создания, или нажав на строку с плейлистом в списке.

Основная информация

  • Название плейлиста (чтобы изменить, нажмите на него, название станет активным для редактирования)
  • Описание — дополнительная информация

📸 

image.png

Добавление контента

Доступны два способа (разный тип медиа для каждого способа):

  1. Добавить текст позволяет добавить текстовое сообщение со следующими параметрами: Название (необязательно), Сообщение (обязательно) и Длительность показа в секундах:

    📸 

    image.png

  2. Добавить медиа позволяет выбрать медиафайлы, загруженные в библиотеку (страница Медиа), можно выбрать несколько файлов сразу (необходимо кликнуть на все объекты, которые нужно добавить):

    📸 

    image.png

Порядок элементов

Элементы плейлиста отображаются в виде списка. Вы можете:

  • Перетаскивать элементы для изменения порядка (зажмите элемент, который нужно переместить, и перетащите на другое место)
  • Изменить продолжительность показа каждого элемента
  • Удалить элемент из плейлиста

📸 

image.png

Сохранение

Нажмите «Сохранить плейлист» — вы будете перенаправлены на список плейлистов.


8. Медиа

Страница с галереей всех загруженных медиафайлов (изображения, видео, тексты).

📸

image.png

Вкладка предоставляет следующие возможности:

  • Просмотр всех загруженных файлов в виде сетки
  • Поиск по названию
  • Фильтрация по типу медиа

При наведении на какой-либо загруженный объект появляются иконки взаимодействия с этим объектом, которые позволяют выполнять следующие действия:

  • Просмотр медиафайла
  • Редактирование свойств медиафайла (название, режим масштабирования, описание)
  • Скачивание медиафайла
  • Удаление медиафайла

📸

image.png

📸

image.png

9. Загрузка контента

Для загрузки контента на странице "Медиа" нажмите на кнопку "+ Добавить". По умолчанию открывается окно добавления изображения:

📸

image.png

В зависимости от типа добавляемого контента, форма будет содержать разный набор полей. После заполнения обязательных полей и нажатия на кнопку "Загрузить" произойдёт загрузка медиа (в зависимости от типа и размера на это может потребоваться время), после чего форма снова будет доступна для загрузки того же типа медиа.


10. Управление устройством

Попасть на страницу управления устройством можно:

  • Нажав на иконку ⚙️ рядом с устройством на странице «Устройства»
  • Через страницу «Редактирование группы»

Настройки устройства

  • Имя устройства — понятное название
  • Описание — заметки об устройстве

📸

Предпросмотр экрана

Система автоматически запрашивает скриншот с устройства. Если устройство онлайн, вы увидите текущее изображение экрана.

📸

Текущее состояние

Отображается информация о текущем состоянии устройства (в меру доступности информации):

  • Режим — текущий режим работы
  • Статус — ОК или ошибка
  • Перезагрузка — перезагружается ли устройство
  • Обновление медиа — загружается ли контент
  • Команда — последняя отправленная команда
  • Хранилище — состояние хранилища

📸

Системная информация

Мониторинг ресурсов устройства:

  • CPU — загрузка процессора
  • RAM — использование оперативной памяти
  • Диск — использование диска
  • Время — системное время устройства

📸

Действия

Доступные команды:

  • Очистить кэш медиа — удалить все загруженные файлы с устройства
  • Показать тестовый экран — отобразить тестовую картинку
  • Скрыть тестовый экран — убрать тестовую картинку
  • Перезагрузить устройство — перезапустить устройство

📸

Удаление устройства

Кнопка «Удалить устройство» расположена под действиями. Перед удалением появится окно подтверждения.


11. Настройки

На странице настроек доступны:

Тема

Настройки отображения сайта: как в системе, тёмная или светлая тема.

Язык интерфейса

Переключатель языка — можно выбрать английский или русский.

Vimeo Cookies

Если Вам необходимо добавить медиа из источника Vimeo, то для этого необходимо загрузить Cookies.

  1. Нажмите «Загрузить Vimeo Cookies»
  2. В диалоге загрузите файл с cookies

📸


12. Организация (для администраторов)

⚠️ Этот раздел доступен только для пользователей с ролью «Администратор».

Создание организации

Если организация ещё не создана:

  1. Введите название организации
  2. Нажмите «Создать организацию»

📸

Управление организацией

После создания на странице вверху отображается название организации и иконка image.png, позволяющая скопировать ID организации. Ниже располагается список добавленных сотрудников или пустой список.

📸 

image.png

Управление пользователями

Таблица пользователей организации содержит:

  • Email пользователя
  • Имя пользователя
  • Кнопка 🗑 Удалить — убрать пользователя из организации

📸 

image.png

Добавление пользователя

  1. Нажмите «Добавить пользователя»
  2. Введите Email пользователя
  3. Нажмите «Добавить»

📸 

image.png

Удаление пользователя

  1. Нажмите иконку 🗑 в строке пользователя
  2. Подтвердите удаление в диалоговом окне

📸

image.png


Типичные сценарии использования

Сценарий 1: Первоначальная настройка

1. Войдите в систему
2. Создайте организацию (если вы администратор)
3. Дождитесь появления устройств в списке
4. Создайте группу для устройств
5. Назначьте устройства в группу
6. Загрузите медиафайлы
7. Создайте плейлист и добавьте в него медиа
8. На странице управления группой выберите режим и контент

Сценарий 2: Обновление контента

1. Перейдите в «Медиа» → загрузите новые файлы
2. Перейдите в «Плейлисты» → отредактируйте плейлист
3. На странице управления группой:
   - Если режим «Расписание» — обновите расписание
   - Если режим «Показ медиа» — выберите новый контент

Сценарий 3: Настройка расписания

1. Перейдите на страницу «Устройства»
2. На карточке группы нажмите «Расписание»
3. Добавьте сцены с указанием времени начала и окончания
4. Перейдите в «Управление» группой и выберите режим «Расписание»