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. Медиа-библиотекаМедиа

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

📸 

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

      📸

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

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

      • Название организации
      • 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. Перейдите в «Управление» группой и выберите режим «Расписание»

       

       

      Back to top