Translations:Инструкция к виджету расписания занятий/1/en: различия между версиями

Материал из SmartPlayer
Новая страница: «== '''Description of the Situation''' == This widget displays class schedule information on devices, and allows the widget to operate with the necessary background content within the SmartPlayer personal account functionality. == '''Server Logic''' == There is no server-side logic. This widget receives all display data from an Excel file. After receiving the information, it processes the data and displays it in the broadcast using the SmartPlayer personal ac...»
 
Нет описания правки
 
Строка 56: Строка 56:
== '''Adding the Configured Widget to a Broadcast''' ==
== '''Adding the Configured Widget to a Broadcast''' ==
To fully utilize this functionality, the user must launch a broadcast with the schedule and add the widget as content. To review the steps for creating broadcasts and schedules, see the following Wiki SmartPlayer articles:
To fully utilize this functionality, the user must launch a broadcast with the schedule and add the widget as content. To review the steps for creating broadcasts and schedules, see the following Wiki SmartPlayer articles:
* [[Section "Devices"]]
* [[Раздел "Устройства"]]
* [[Section "Content on Devices"]]
* [[Раздел "Контент на устройства"]]
* [[Section "Broadcasts"]]
* [[Раздел "Трансляции"]]
* [[Section "Schedule"]]
* [[Раздел "Расписание"]]
== '''Video Tutorial''' ==
== '''Video Tutorial''' ==
[https://vk.com/video-227547238_456239103 Guide to Working with the “Class Schedule” Widget]
[https://vk.com/video-227547238_456239103 Guide to Working with the “Class Schedule” Widget]
Строка 65: Строка 65:
If this article does not help you use the functionality as intended or if you still have questions after reading it, you can ask them in the “Discussions” section at the top of the page.
If this article does not help you use the functionality as intended or if you still have questions after reading it, you can ask them in the “Discussions” section at the top of the page.
[[File:Обсуждение_расписания_занятий.png|thumb|center| Example of the “Discussions” tab on the wiki page |800px]]
[[File:Обсуждение_расписания_занятий.png|thumb|center| Example of the “Discussions” tab on the wiki page |800px]]
Additional information is also available on the page [[How Users Can Interact with the “Discussions” Section]]
Additional information is also available on the page [[Как взаимодействовать пользователю с разделом "Обсуждения"]]

Текущая версия от 11:35, 25 ноября 2025

Информация о сообщении (править)
Это сообщение не имеет описания. Если вы знаете, где или как это сообщение используется, то можете помочь другим переводчикам, добавив к нему описание.
Определение сообщения (Инструкция к виджету расписания занятий)
== '''Описание ситуации''' ==
Данный виджет выводит на устройства информацию с расписанием занятий, при этом позволит виджету работать с необходимым фоновым контентом в рамках функционала личного кабинета SmartPlayer.
== '''Серверная логика''' ==
Серверная часть отсутствует. Данный виджет все данные для вывода получает через Excel-файл. После получения информации, обрабатывает данные и выводит их в трансляцию через функционал личного кабинета SmartPlayer.
== '''Добавление виджета в личный кабинет''' ==
Чтобы добавить данный виджет в личный кабинет, пользователю необходимо запросить у специалиста команды технической поддержки архив с содержимым. Он будет предоставлен в формате .zip-архива.
[[File:Пример_виджета.png|thumb|center| Пример виджета в формате .zip-архива|800px]]
После этого, пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент».
[[File:Раздел_контент_личного_кабиента.png|thumb|center| Пример отображения раздела «Контент» в личном кабинете |800px]]
В разделе «Контент» необходимо перенести данный виджет из локального хранилища в личный кабинет. После того как пользователь перенесет виджет в личный кабинет, он отобразится в списке с контентом.
[[File:Отображение_виджета расписания.png|thumb|center| Пример отображения переноса виджета в личном кабинете SmartPlayer|800px]]
== '''Главная страница виджета''' ==
После переноса виджета для первичной настройки пользователю необходимо дважды кликнуть по иконке виджета. Данное действие перенесет его на главную страницу.
[[File:Виджет_стартовая_страница.png|thumb|center| Пример отображения главной страницы виджета|800px]]
На главной странице виджета пользователь может кликнуть по иконке в виде шестеренки, чтобы перейти в настройки виджета.
[[File:Настройка_виджета_занятий.png|thumb|center| Пример отображения иконки для перехода в настройки виджета|800px]]
== '''Кнопка «Настройки»''' ==
В разделе «Настройки» пользователь может настроить следующие параметры:
* цвет текста — позволяет с помощью палитры настроить цвет текста в виджете;
* первый цвет логотипа — позволяет с помощью палитры настроить часть цвета логотипа;
* второй цвет логотипа — позволяет с помощью палитры настроить оставшуюся часть логотипа;
* загрузить пользовательский SVG логотип — открывает модальное окно загрузки файла из локального хранилища. Загруженный файл должен быть в формате SVG;
* название учебного заведения — позволяет прописать текстом название учебного заведения;
* загрузить файл Excel — открывает модальное окно для загрузки Excel-файла с расписанием занятий.
[[File:Настройкки_виджета_занятий.png|thumb|center| Пример отображения настроек виджета|800px]]
=== '''Загрузка Excel-файла с расписанием''' ===
Подготавливаемый Excel-файл с расписанием должен содержать следующие поля:
* дата;
* номер занятия (в течение дня);
* время;
* номер аудитории.
Файл доступен по [https://demofordoc.hb.ru-msk.vkcloud-storage.ru/%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80%20%D1%84%D0%B0%D0%B9%D0%BB%D0%B0%20%D1%81%20%D1%80%D0%B0%D1%81%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D1%8F%D0%BC%D0%B8.xls ссылке]
[[File:Пример_эксель_файла.png|thumb|center| Пример отображения Excel-файла с расписанием|800px]]
== '''Завершение настройки виджета''' ==
После завершения работ по настройке виджета пользователь должен нажать на кнопку «Применить настройки» в правой нижней части экрана.
[[File:Применение_настрок.png|thumb|center| Пример отображения кнопки «Применить настройки»|800px]]
Далее виджет растянется на весь экран и пользователь должен нажать на кнопку «Сохранить», внизу по центру экрана.
[[File:Сохран.png|thumb|center| Пример отображения кнопки «Сохранить»|800px]]
== '''Загрузка и скачивание настроек''' ==
В процессе взаимодействия с настройками виджета пользователь может загрузить или выгрузить настройки виджета. Каждое из указанных действий можно сделать с помощью отдельных иконок в интерфейсе виджета. Иконки расположены в виджете снизу по центру.
[[File:Иконки_загрузки.png|thumb|center| Пример отображения иконок в настройках виджета |800px]]
== '''Добавление тега виджету''' ==
Чтобы упростить использование виджета в трансляции и не создавать большое количество трансляций рекомендуется выставить тег для подготовленного виджета. Для этого в личном кабинете необходимо кликом выделить настроенный виджет и нажать на иконку «Редактировать» (отображается в виде карандаша).
[[File:Редактирование_виджета.png|thumb|center| Пример отображения иконки «Редактировать» в личном кабинете SmartPlayer|800px]]
В открывшейся странице пользователю необходимо найти строку «Тег» и прописать тег которым пользователь хочет обозначить виджет. После добавления тега нажать на кнопку «Сохранить» в нижней части экрана.
{{Note|Чтобы тег считывала система его необходимо ввести в строке и нажать «Enter».|warn}}
[[File:Указание_тега.png|thumb|center| Пример отображения тега виджета|800px]]
Далее пользователю необходимо перейти в раздел «Устройства» и выбрать нужное устройство кликом.
[[File:Выбор_устройства_тега.png|thumb|center| Пример отображения устройства|800px]]
После выбора устройства в правой части экрана откроется панель управления настройками. Пользователю необходимо нажать на строку «Редактировать».
[[File:Устройство_для_редактирования.png|thumb|center| Пример отображения панели настроек со строкой «Редактировать»|800px]]
По клику на строку «Редактировать» откроется страница с параметрами устройства. На странице необходимо найти параметр «Тег» и указать тот же тег что был указан для виджета.
{{Note|Чтобы тег считывала система его необходимо ввести в строке и нажать «Enter».|warn}
[[File:Добавление_тега_к_устройства.png|thumb|center| Пример отображения параметра «Тег»|800px]]
После ввода тега нажать на кнопку «Сохранить» в нижней части экрана.
== '''Добавление настроенного виджета в трансляцию''' ==
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wiki SmartPlayer:
* [[Раздел "Устройства"]]
* [[Раздел "Контент на устройства"]]
* [[Раздел "Трансляции"]]
* [[Раздел "Расписание"]]
== '''Видеоинструкция''' ==
[https://vk.com/video-227547238_456239103 Инструкция по работе с виджетом «Расписание занятий»]
== '''Дополнительная информация''' ==
Если данная статья не помогает использовать функционал по назначению или после прочтения остаются вопросы, их можно озвучить в разделе "Обсуждения" вверху страницы.
[[File:Обсуждение_расписания_занятий.png|thumb|center| Пример отображения вкладки «Обсуждения» на wiki-странице |800px]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]

Description of the Situation

This widget displays class schedule information on devices, and allows the widget to operate with the necessary background content within the SmartPlayer personal account functionality.

Server Logic

There is no server-side logic. This widget receives all display data from an Excel file. After receiving the information, it processes the data and displays it in the broadcast using the SmartPlayer personal account functionality.

Adding the Widget to the Personal Account

To add this widget to the personal account, the user must request an archive with the contents from a technical support specialist. It will be provided in a .zip format.

Example of the widget archive in .zip format

After that, the user must log in to their personal account and navigate to the “Content” section.

Example of the “Content” section in the personal account

In the “Content” section, the user must upload the widget from local storage to the personal account. Once uploaded, the widget will appear in the content list.

Example of uploading the widget into the SmartPlayer personal account

Widget Home Page

After uploading the widget, the user must double-click the widget icon for initial configuration. This action opens the home page.

Example of the widget’s home page

On the widget’s home page, the user can click the gear icon to open the widget’s settings.

Example of the settings icon

"Settings" Button

In the “Settings” section, the user can configure the following parameters:

  • Text color — allows the user to select text color via a palette;
  • First logo color — allows partial color selection for the logo via a palette;
  • Second logo color — allows selection of the remaining logo color;
  • Upload custom SVG logo — opens a modal to upload a file from local storage. The uploaded file must be in SVG format;
  • Institution name — allows the user to type in the name of the educational institution;
  • Upload Excel file — opens a modal to upload an Excel file containing the class schedule.
Example of the widget settings

Uploading the Excel File with the Schedule

The prepared Excel file must contain the following fields:

  • Date;
  • Lesson number (per day);
  • Time;
  • Room number.

The file is available at this link

Example of the Excel file with the schedule

Completing the Widget Setup

After finishing the widget configuration, the user must click the “Apply Settings” button in the lower-right corner of the screen.

Example of the “Apply Settings” button

Next, the widget will expand to full screen, and the user must click the “Save” button at the bottom center of the screen.

Example of the “Save” button

Uploading and Downloading Settings

During widget configuration, the user can upload or download widget settings. These actions can be performed using separate icons in the widget interface. The icons are located at the bottom center of the widget.

Example of widget settings icons

Adding a Tag to the Widget

To simplify the use of the widget in broadcasts and avoid creating multiple broadcasts, it is recommended to assign a tag to the configured widget. To do this, select the configured widget in the personal account and click the “Edit” icon (displayed as a pencil).

Example of the “Edit” icon in the SmartPlayer personal account

On the opened page, find the “Tag” field and enter the tag you want to assign to the widget. Then click “Save” at the bottom of the page.

To make the system recognize the tag, it must be typed in the field and confirmed by pressing “Enter”.
Example of a widget tag

Next, the user must go to the “Devices” section and select the required device.

Example of a device selection

After selecting the device, a settings panel will open on the right side of the screen. The user should click on the “Edit” line.

Example of the settings panel with the “Edit” option

After clicking “Edit”, a page with device parameters will open. Find the “Tag” field and enter the same tag used for the widget.

To make the system recognize the tag, it must be typed in the field and confirmed by pressing “Enter”.
Example of the “Tag” parameter

After entering the tag, click the “Save” button at the bottom of the screen.

Adding the Configured Widget to a Broadcast

To fully utilize this functionality, the user must launch a broadcast with the schedule and add the widget as content. To review the steps for creating broadcasts and schedules, see the following Wiki SmartPlayer articles:

Video Tutorial

Guide to Working with the “Class Schedule” Widget

Additional Information

If this article does not help you use the functionality as intended or if you still have questions after reading it, you can ask them in the “Discussions” section at the top of the page.

Example of the “Discussions” tab on the wiki page

Additional information is also available on the page Как взаимодействовать пользователю с разделом "Обсуждения"