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

Материал из SmartPlayer
(Новая страница: «Dynamic metrics widget»)
 
Нет описания правки
 
(не показаны 2 промежуточные версии этого же участника)
Строка 1: Строка 1:
<div lang="ru" dir="ltr" class="mw-content-ltr">
== '''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.
Виджет "Контроль динамических показателей" был создан для демонстрации возможностей платформы и отвечает за учетом и контролем необходимых для вывода на экраны показателей.
[[File:Главная_страница_виджета.png|thumb|center| Example of a configured widget display |800px]]
[[File:Главная_страница_виджета.png|thumb|center| Пример отображения настроенного виджета |800px]]
== '''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.
Чтобы добавить данный виджет в личный кабинет пользователю необходимо запросить у специалиста команды технической поддержки виджет. Он будет предоставлен в формате ".zip" - архива.
[[File:Архива_виджета.png|thumb|center| Example of the widget in a ".zip" archive |800px]]
[[File:Архива_виджета.png|thumb|center| Пример виджета в формате ".zip" - архива|800px]]
After that, the user must log in to their personal account and go to the "Content" section.
После пользователь должен авторизоваться в личном кабинете и перейти в раздел "Контент".
[[File:Раздел_контент_личного_кабиента.png|thumb|center| Example of the "Content" section in the personal account |800px]]
[[File:Раздел_контент_личного_кабиента.png|thumb|center| Пример отображения раздела "Контент" в личном кабинете |800px]]
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.
В разделе "Контент" необходимо перетянуть данный виджет из локального хранилища в раздел "Контент". После того как пользователь перенесет виджет в личный кабинет он отобразиться в списке с контентом.
[[File:Перенос_виджета rss.png|thumb|center| Example of widget transfer using drag-and-drop |800px]]
[[File:Перенос_виджета rss.png|thumb|center| Пример отображения переноса виджета с помощью drag-n-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|Если у пользователя много различного контента в личном кабинете, то он может воспользоваться функцией сортировки и выбрать нужный тип контента "Виджет". Воспользовавшись данной функциональностью, он сможет просмотреть все добавленные в личный кабинет виджеты.
[[File:Виджеты_в_лк.png|thumb|center| Example of correct sorting for easier widget search |800px]]|warn}}
[[File:Виджеты_в_лк.png|thumb|center| Пример отображения правильной сортировки, для более удобного поиска виджета |800px]]|warn}}
== '''Preparing the SFTP Server''' ==
== '''Подготовка SFTP-сервера''' ==
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>
Виджет работает совместно с SFTP-сервером. SFTP-сервер может быть развёрнут заранее у заказчика или же разворачиваться специально для работы с данными виджетом.<br>
An ".xlsx" file with specific filled fields and data is added to the SFTP server.
На SFTP-сервер добавляется ".xlsx"-файл с определенными заполненными полями и данными.
{{Note|An example file for the SFTP server can be downloaded via [link].|warn}}
{{Note|Пример файла для SFTP-сервера можно загрузить по [ссылке].|warn}}
Then, the server application checks for the presence of the file at a specified interval (by default, every 10 seconds, this parameter is adjustable).<br>
Далее серверное приложение через определенный промежуток времени просматривает наличие файла (по умолчанию раз в 10 секунд, параметр изменяемый).<br>
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.<br>
При наличии нужного ".xlsx"-файла читает его и записывает информацию из него в базу данных (БД). После записи сам файл удаляется из кэша.<br>
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.<br>
Далее виджет запрашивает данные с помощью определенного метода у БД, расположенной на сервер. Сервер должно вернуть необходимые данные конкретно в виджет.<br>
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.
После открытия виджета в личном кабинете SmartPlayer в разделе "Контент", пользователь увидит главную страницу виджета. На ней будет отображены нужные показатели (если SFTP сервер правильно настроен и отдаёт данные на виджет) и иконка настроек, в виде шестерёнки.
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| Пример отображения иконки настроек|800px]]
== '''Widget Settings''' ==
</div>
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:
<div lang="ru" dir="ltr" class="mw-content-ltr">
* 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".
* URL-адрес сервера - прописывается URL-адрес для подключения по API. '''Например: "https://develop-api.smartplayer.org/"'''
*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.
* ID-устройства - указывается идентификатор устройства, который можно получить просмотреть для каждого устройства отдельно в параметрах устройства в разделе "Устройства". '''Пример ID-устройства: "3ac6f92191bdc4ecb96e23019202fead6cf6959131b6723eaa9b7c00c8c3a4e2"'''
*Table switch interval - specifies the time (in seconds) after which the table displayed on the screen will change.
* Шрифт - позволяет выбрать один из доступных для виджета шрифтов: "Helvetica", "Pixeloid Sans","Dited"
[[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| Example of the "Apply Settings" button display |800px]]
[[File:Настройки_виджета.png|thumb|center| Пример отображения настроек виджета|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| Example of the "Save" button display |800px]]
[[File:Применение_настрок.png|thumb|center| Пример отображения кнопки "Применить настройки"|800px]]
== '''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.
[[File:Сохран.png|thumb|center| Пример отображения кнопки "Сохранить"|800px]]
[[File:Иконки_загрузки.png|thumb|center| Example of the upload and download settings icons display |800px]]
== '''Загрузка и скачивание настроек''' ==
== '''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:
[[File:Иконки_загрузки.png|thumb|center| Пример отображения иконок загрузить и выгрузить настройки виджета |800px]]
* [[Devices Section]]
== '''Добавление настроенного виджета в трансляцию''' ==
* [[Device Content Section]]
Чтобы полностью ознакомиться с работой данной функциональность пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:
* [[Broadcasts Section]]
* [[Раздел "Устройства"]]
* [[Schedule Section]]
* [[Раздел "Контент на устройства"]]
== '''Video Tutorial''' ==
* [[Раздел "Трансляции"]]
[https://vk.com/video-227547238_456239059 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.
[https://vk.com/video-227547238_456239059 Виджет контроля показателей]
[[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 Как взаимодействовать пользователю с разделом "Обсуждения".