Skip to main content

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


Содержание

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

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

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

📸 

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

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


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

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

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

image.png

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

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

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

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

📸

image.png


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

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

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

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

какую-либо

группу или ещё нет. Для каждого устройства отображается:

  • Имя устройства
  • Статус — зелёный кружок (онлайн) или серый (офлайн)
  • ПоследнееГруппа обновление— название группы, к которой относится устройство
Тип — веб-экран или exchanger Последняя активность — дата и время последней связи

📸

image.png

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

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

    📸 image.png

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

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

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

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

    📸

    image.png

    image.png

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

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

    📸

    image.png


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

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

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

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

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

    📸

    image.png

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

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

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

    📸

    image.png

    📸

    image.png

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

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

    📸

    image.png


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

    НаНажмите этойна страницекнопку можно"Редактировать изменитьгруппу" параметрыв верхнем правом углу страницы нужной группы, чтобы перейти к изменениям параметров группы и управлятьуправлению устройствами в ней.

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

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

    📸 

    image.png

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

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

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

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

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

      📸 

      image.png

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

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

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

      📸 

      image.png

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

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

      📸 

      image.png

      Сохранение

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

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

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