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. Нажмите «Создать»

📸


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

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

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

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

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

📸

image.png

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

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

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

📸

📸

Быстрый переход к расписанию

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


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

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

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

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

📸

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

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

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

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

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

📸

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

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

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

📸

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

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

📸

Сохранение

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

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

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

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

Таблица сцен

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

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

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

📸

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

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

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

📸

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

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

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

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

Сохранение

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


7. Плейлисты

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

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

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

📸

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

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

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

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

📸

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

На странице редактирования:

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

  • Название плейлиста — обязательно для заполнения
  • Описание — дополнительная информация

📸

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

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

  1. Добавить текст — откроется диалог: - Имя (необязательно) - Текст сообщения (обязательно) - Продолжительность показа в секундах

    📸

  2. Добавить медиа — откроется диалог выбора медиафайлов из библиотеки. Можно выбрать несколько файлов сразу.

    📸

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

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

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

📸

Сохранение

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


8. Медиа-библиотека

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

📸

Функции медиа-библиотеки

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

📸

📸


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

Загрузить контент можно двумя способами:

Через боковую панель (все кроме текста)

  1. Нажмите «Загрузить контент» в разделе «Загрузка» боковой панели
  2. Откроется диалог загрузки файлов
  3. Выберите файл(ы) для загрузки
  4. Дождитесь завершения загрузки

📸

Через медиа-библиотеку (только текст)

В медиа-библиотеке также есть кнопка для добавления текста.


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

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

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

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

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

📸

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

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

📸

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

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

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

📸

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

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

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

📸

Действия

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

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

📸

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

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


11. Настройки

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

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

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

📸 Скриншот: Секция выбора языка

Vimeo Cookies

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

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

📸


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

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

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

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

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

📸

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

После создания отображается:

  • Название организации
  • ID организации — можно скопировать в буфер обмена

📸

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

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

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

📸

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

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

📸

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

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

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

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

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

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

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

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

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