Skip to main content

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


Содержание

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

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

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

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

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


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

Интерфейс состоит из:

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

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

В боковой панели расположены:

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

В нижней части панели отображается ваш профиль (имя и email).

📸


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

Главная страница системы. Разделена на две колонки:

Левая колонка — Доступные устройства

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

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

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

📸

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

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

📸

Правая колонка — Группы

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

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

  • Название группы
  • Количество устройств в ней
  • Описание (если есть)
  • Три кнопки:   - Управление — перейти на страницу управления группой   - Расписание — настроить расписание показа контента   - Редактировать — изменить настройки группы

📸

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

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

📸


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

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

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

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

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

📸

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

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

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