Инструкция к виджету расписания занятий

Материал из SmartPlayer

Описание ситуации

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

Серверная логика

Серверная часть отсутствует. Данный виджет, все данные для вывода получает через Excel-файл. После получения обрабатывает данные и выводит их в трансляцию через функционал личного кабинета SmartPlayer.

Добавление виджета в личный кабинет

Чтобы добавить данный виджет в личный кабинет, пользователю необходимо запросить у специалиста команды технической поддержки архив с содержимым. Он будет предоставлен в формате .zip-архива.

Пример виджета в формате .zip-архива

После этого пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент».

Пример отображения раздела «Контент» в личном кабинете

В разделе «Контент» необходимо перенести данный виджет из локального хранилища в личный кабинет. После того как пользователь перенесет виджет в личный кабинет, он отобразится в списке с контентом.

Пример отображения переноса виджета в личном кабинете SmartPlayer

Главная страница виджета

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

Пример отображения главной страницы виджета

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

Пример отображения иконки для перехода в настройки виджета

Кнопка «Настройки»

В разделе «Настройки» пользователь может настроить следующие параметры:

  • цвет текста — позволяет с помощью палитры настроить цвет текста в виджете;
  • первый цвет логотипа — позволяет с помощью палитры настроить часть цвета логотипа;
  • второй цвет логотипа — позволяет с помощью палитры настроить оставшуюся часть логотипа;
  • загрузить пользовательский SVG логотип — открывает модальное окно загрузки файла из локального хранилища. Загруженный файл должен быть в формате SVG;
  • название учебного заведения — позволяет прописать текстом название учебного заведения;
  • загрузить файл excel — открывает модальное окно для загрузки Excel-файла с расписанием занятий.
Пример отображения настроек виджета

Загрузка Excel-файла с расписанием

Подготавливаемы Excel-файл с расписанием должен содержать следующие поля:

  • дата;
  • номер занятия (в течении дня);
  • время;
  • номера аудитории

Файл доступен по ссылке

Пример отображения Excel-файла с расписание

Завершение настройки виджета

После завершения работ по настройке виджета пользователь должен нажать на кнопку «Применить настройки» в правой нижней части экрана.

Пример отображения кнопки «Применить настройки»

Далее виджет растянется на весь экран и пользователь должен нажать на кнопку «Сохранить», внизу по центру экрана.

Пример отображения кнопки «Сохранить»

Загрузка и скачивание настроек

В процессе взаимодействия с настройками виджета пользователь может загрузить или выгрузить настройки виджета. Каждое из указанных действий можно сделать с помощью отдельных иконок в интерфейсе виджета. Иконки расположены в виджете снизу по центру.

Пример отображения иконок в настройках виджета

Добавление тега виджету

Чтобы упростить использование виджета в трансляции и не создавать большое количество трансляций рекомендуется выставить тег для подготовленного виджета. Для этого в личном кабинете необходимо кликом выделить настроенный виджет и нажать на иконку «Редактировать» (отображается в виде карандаша).

Пример отображения иконки «Редактировать» в личном кабинете SmartPlayer

В открывшейся странице пользователю необходимо найти строку «Тег» и прописать тег которым пользователь хочет обозначить виджет. После добавления тега нажать на кнопку «Сохранить» в нижней части экрана.

Чтобы тег считывала система его необходимо ввести в строке и нажать «Enter».
Пример отображения тега виджета

Далее пользователю необходимо перейти в раздел «Устройства» и выбрать нужное устройство кликом.

Пример отображения устройства

После выбора устройства в правой части экрана откроется панель управления настройками. Пользователю необходимо нажать на строку «Редактировать».

Пример отображения панели настроек со строкой «Редактировать»

По клику на строку «Редактировать» откроется страница с параметрами устройства. На странице необходимо найти параметр «Тег» и указать тот же тег что был указан для виджета. {{Note|Чтобы тег считывала система его необходимо ввести в строке и нажать «Enter».|warn}

Пример отображения параметра «Тег»

После ввода тега нажать на кнопку «Сохранить» в нижней части экрана.

Добавление настроенного виджета в трансляцию

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

Видеоинструкция

Инструкция по работе с виджетом «Расписание занятий»

Дополнительная информация

Если данная статья не помогает использовать функционал по назначению или после её прочтения остаются вопросы, их можно озвучить в разделе "Обсуждения" вверху страницы.

Пример отображения вкладки «Обсуждения» на wiki-странице

Также дополнительную информацию можно узнать на странице Как взаимодействовать пользователю с разделом "Обсуждения"