Skip to main content

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

Содержание

    Вход в систему Обзор интерфейса Устройства и группы Управление группой Редактирование группы Расписание Плейлисты Медиа-библиотека Загрузка контента Управление устройством Настройки Организация (для администраторов)

    {{toc}}

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