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

Материал из SmartPlayer
на этой странице были произведены изменения, не отмеченные для перевода.

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

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

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

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

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

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

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

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

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

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

Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения
Пример отображения переноса виджета в личном кабинете SmartPlayer

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

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

Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения
Пример отображения главной страницы виджета

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

Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения
Пример отображения иконки для перехода в настройки виджета

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения
Пример отображения иконки «Редактировать» в личном кабинете SmartPlayer

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

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

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

Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения
Пример отображения устройства

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

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

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

Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения
Пример отображения параметра «Тег»

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

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

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

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

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

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

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

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

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