Виджет динамических показателей/en: различия между версиями

Материал из SmartPlayer
(Новая страница: «== '''Description of the Situation''' == The "Dynamic Metrics Control" widget was created to demonstrate the capabilities of the platform and is responsible for accounting and controlling the metrics necessary for display on screens. thumb|center| Example of a configured widget display |800px == '''Adding the Widget to the Personal Account''' == To add this widget to the personal account, the user n...»)
Нет описания правки
 
(не показана 1 промежуточная версия этого же участника)
Строка 1: Строка 1:
<div class="mw-translate-fuzzy">
== '''Description of the Situation''' ==
== '''Description of the Situation''' ==
The "Dynamic Metrics Control" widget was created to demonstrate the capabilities of the platform and is responsible for accounting and controlling the metrics necessary for display on screens.
The "Dynamic Metrics Control" widget was created to demonstrate the capabilities of the platform and is responsible for accounting and controlling the metrics necessary for display on screens.
Строка 11: Строка 10:
[[File:Перенос_виджета rss.png|thumb|center| Example of widget transfer using drag-and-drop |800px]]
[[File:Перенос_виджета rss.png|thumb|center| Example of widget transfer using drag-and-drop |800px]]
{{Note|If the user has a lot of different content in their personal account, they can use the sorting function and select the "Widget" content type. By using this functionality, they can view all widgets added to the personal account.
{{Note|If the user has a lot of different content in their personal account, they can use the sorting function and select the "Widget" content type. By using this functionality, they can view all widgets added to the personal account.
[[File:Виджеты_в_лк.png|thumb|center| Example of correct sorting for easier widget search |800px]]|warn}
[[File:Виджеты_в_лк.png|thumb|center| Example of correct sorting for easier widget search |800px]]|warn}}
== '''Preparing the SFTP Server''' ==
== '''Preparing the SFTP Server''' ==
The widget works in conjunction with an SFTP server. The SFTP server can be deployed in advance by the customer or deployed specifically for working with this widget.<br>
The widget works in conjunction with an SFTP server. The SFTP server can be deployed in advance by the customer or deployed specifically for working with this widget.<br>
Строка 24: Строка 23:
To access the widget settings, the user needs to click on the gear icon.
To access the widget settings, the user needs to click on the gear icon.
[[File:Блок_настроек.png|thumb|center| Example of the settings icon display |800px]]
[[File:Блок_настроек.png|thumb|center| Example of the settings icon display |800px]]
</div>
== '''Widget Settings''' ==
<div lang="ru" dir="ltr" class="mw-content-ltr">
By clicking the gear icon, the user will be taken to the widget settings page. On this page, the user can configure the following parameters:
== '''Настройки виджета''' ==
* Language selection - allows the user to choose one of the available languages for working with the widget: Russian, English, Spanish, Portuguese, Kazakh.
Перейдя с помощью иконки в виде шестерёнки пользователю откроется страница настроек виджета. На этой странице пользователь может настроить следующие параметры:
* Server URL - the URL for API connection is entered. '''For example: "https://develop-api.smartplayer.org/"'''
* Выбор языка - позволяет выбрать один из доступных языков для работы с виджетом: русский, английский, испанский, португальский, казахский
* Device ID - the device identifier is specified, which can be viewed for each device separately in the device parameters in the "Devices" section. '''Example of a device ID: "3ac6f92191bdc4ecb96e23019202fead6cf6959131b6723eaa9b7c00c8c3a4e2"'''
* URL-адрес сервера - прописывается URL-адрес для подключения по API. '''Например: "https://develop-api.smartplayer.org/"'''
*Font - allows the user to choose one of the available fonts for the widget: "Helvetica", "Pixeloid Sans", "Dited".
* ID-устройства - указывается идентификатор устройства, который можно получить просмотреть для каждого устройства отдельно в параметрах устройства в разделе "Устройства". '''Пример ID-устройства: "3ac6f92191bdc4ecb96e23019202fead6cf6959131b6723eaa9b7c00c8c3a4e2"'''
*Full-width display checkbox - activates the functionality of stretching the widget to the full width of the screen after creating a broadcast with this widget on the device.
* Шрифт - позволяет выбрать один из доступных для виджета шрифтов: "Helvetica", "Pixeloid Sans","Dited"
*Table switch interval - specifies the time (in seconds) after which the table displayed on the screen will change.
* Чекбокс(галочка) отображать на всю ширину экрана - активирует функциональность растягивания на всю ширину экрана, после создания трансляции с данным виджетом на устройстве
[[File:Настройки_виджета.png|thumb|center| Example of widget settings display |800px]]
* Интервал смены таблицы - указывается время (в секундах), через которое будет меняться отображаема на экране таблица
After completing the widget setup, the user must click the "Apply Settings" button in the lower right corner of the screen.
[[File:Настройки_виджета.png|thumb|center| Пример отображения настроек виджета|800px]]
[[File:Применение_настрок.png|thumb|center| Example of the "Apply Settings" button display |800px]]
После завершения настройки виджета пользователь должен нажать на кнопку "Применить настройки" в правой нижней части экрана.
Next, the widget will stretch to full screen, and the user must click the "Save" button at the bottom center of the screen.
[[File:Применение_настрок.png|thumb|center| Пример отображения кнопки "Применить настройки"|800px]]
[[File:Сохран.png|thumb|center| Example of the "Save" button display |800px]]
Далее виджет растянется на весь экран и пользователю должен нажать на кнопку "Сохранить", внизу по центру экрана.
== '''Loading and Downloading Settings''' ==
[[File:Сохран.png|thumb|center| Пример отображения кнопки "Сохранить"|800px]]
While interacting with the widget settings, the user can upload and download the widget settings. Each of these actions can be performed using separate icons in the widget interface. The icons are located at the bottom center of the widget.
== '''Загрузка и скачивание настроек''' ==
[[File:Иконки_загрузки.png|thumb|center| Example of the upload and download settings icons display |800px]]
В процессе взаимодействия с настройками виджета пользователь может загрузить и выгрузить настройки виджета. Каждое из указанных действий можно сделать по отдельным иконкам в интерфейсе виджета. Иконки расположены в виджете снизу по центру.
== '''Adding a Configured Widget to a Broadcast''' ==
[[File:Иконки_загрузки.png|thumb|center| Пример отображения иконок загрузить и выгрузить настройки виджета |800px]]
To fully explore this functionality, the user needs to start a scheduled broadcast and add this widget as content. To review the previously described steps for creating a broadcast and schedule, it is recommended to refer to the following Wikipedia articles:
== '''Добавление настроенного виджета в трансляцию''' ==
* [[Devices Section]]
Чтобы полностью ознакомиться с работой данной функциональность пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:
* [[Device Content Section]]
* [[Раздел "Устройства"]]
* [[Broadcasts Section]]
* [[Раздел "Контент на устройства"]]
* [[Schedule Section]]
* [[Раздел "Трансляции"]]
== '''Video Tutorial''' ==
* [[Раздел "Расписание"]]
[https://vk.com/video-227547238_456239059 Metrics Control Widget]
== '''Видеоинструкция''' ==
== '''Additional Information''' ==
[https://vk.com/video-227547238_456239059 Виджет контроля показателей]
If this article does not help in using the functionality as intended or if questions remain after reading it, these questions can be raised in the "Discussions" section at the top of the page.
== '''Дополнительная информация''' ==
[[File:Динамические_показатели.png|thumb|center| Example of the "Discussions" tab display on the wiki page |800px]]
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.
Additional information can also be found on the page [[Как взаимодействовать пользователю с разделом "Обсуждения"]].
[[File:Динамические_показатели.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
</div>

Текущая версия от 15:33, 19 марта 2025

Description of the Situation

The "Dynamic Metrics Control" widget was created to demonstrate the capabilities of the platform and is responsible for accounting and controlling the metrics necessary for display on screens.

Example of a configured widget display

Adding the Widget to the Personal Account

To add this widget to the personal account, the user needs to request the widget from the technical support team specialist. It will be provided in a ".zip" archive format.

Example of the widget in a ".zip" archive

After that, the user must log in to their personal account and go to the "Content" section.

Example of the "Content" section in the personal account

In the "Content" section, the user needs to drag and drop the widget from local storage into the "Content" section. Once the user moves the widget to the personal account, it will appear in the content list.

Example of widget transfer using drag-and-drop
If the user has a lot of different content in their personal account, they can use the sorting function and select the "Widget" content type. By using this functionality, they can view all widgets added to the personal account.
Example of correct sorting for easier widget search

Preparing the SFTP Server

The widget works in conjunction with an SFTP server. The SFTP server can be deployed in advance by the customer or deployed specifically for working with this widget.
An ".xlsx" file with specific filled fields and data is added to the SFTP server.

An example file for the SFTP server can be downloaded via [link].

Then, the server application checks for the presence of the file at a specified interval (by default, every 10 seconds, this parameter is adjustable).
If the required ".xlsx" file is present, it reads the file and writes the information from it to the database (DB). After writing, the file itself is deleted from the cache.
Next, the widget requests data from the DB located on the server using a specific method. The server must return the necessary data specifically to the widget.
After receiving the information from the server, the widget processes it and displays it on the device screen.

Widget Main Page

After opening the widget in the SmartPlayer personal account in the "Content" section, the user will see the widget's main page. It will display the required metrics (if the SFTP server is configured correctly and sends data to the widget) and a settings icon in the form of a gear. To access the widget settings, the user needs to click on the gear icon.

Example of the settings icon display

Widget Settings

By clicking the gear icon, the user will be taken to the widget settings page. On this page, the user can configure the following parameters:

  • Language selection - allows the user to choose one of the available languages for working with the widget: Russian, English, Spanish, Portuguese, Kazakh.
  • Server URL - the URL for API connection is entered. For example: "https://develop-api.smartplayer.org/"
  • Device ID - the device identifier is specified, which can be viewed for each device separately in the device parameters in the "Devices" section. Example of a device ID: "3ac6f92191bdc4ecb96e23019202fead6cf6959131b6723eaa9b7c00c8c3a4e2"
  • Font - allows the user to choose one of the available fonts for the widget: "Helvetica", "Pixeloid Sans", "Dited".
  • Full-width display checkbox - activates the functionality of stretching the widget to the full width of the screen after creating a broadcast with this widget on the device.
  • Table switch interval - specifies the time (in seconds) after which the table displayed on the screen will change.
Example of widget settings display

After completing the widget setup, the user must click the "Apply Settings" button in the lower right corner of the screen.

Example of the "Apply Settings" button display

Next, the widget will stretch to full screen, and the user must click the "Save" button at the bottom center of the screen.

Example of the "Save" button display

Loading and Downloading Settings

While interacting with the widget settings, the user can upload and download the widget settings. Each of 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 the upload and download settings icons display

Adding a Configured Widget to a Broadcast

To fully explore this functionality, the user needs to start a scheduled broadcast and add this widget as content. To review the previously described steps for creating a broadcast and schedule, it is recommended to refer to the following Wikipedia articles:

Video Tutorial

Metrics Control Widget

Additional Information

If this article does not help in using the functionality as intended or if questions remain after reading it, these questions can be raised in the "Discussions" section at the top of the page.

Example of the "Discussions" tab display on the wiki page

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