Обновленный дизайн информации об устройстве/en: различия между версиями

Материал из SmartPlayer
Новая страница: «== '''Situation Description''' == The SmartPlayer team has updated the UI and UX parts of the "Information" section for devices. This article describes what data a device provides under the updated design. == '''Steps to Follow''' == The first step for the user is to register / log in to the SmartPlayer personal account.<br> Next, the user needs to go to the "Devices" section and select the desired device. File:Новый_интерфейс_устрост...»
Новая страница: «=== '''“Internal Storage” Category''' === This category carries the following information: * “Check Connection” button (clicking adds an additional item to the category, listed below); * used by the WhiteLabel client application * reserved by the WhiteLabel client application for operation * storage size; * used storage size; * available storage size; * file download speed from storage, measured in milliseconds (ms). (Displayed after clicking the “...»
 
(не показана 1 промежуточная версия этого же участника)
Строка 78: Строка 78:
{{Note|More details about some of the parameters in this section can be found [https://wiki.smartplayer.org/index.php/%D0%9F%D1%80%D0%BE%D1%81%D0%BC%D0%BE%D1%82%D1%80_%D1%82%D0%B5%D0%BC%D0%BF%D0%B5%D1%80%D0%B0%D1%82%D1%83%D1%80%D1%8B_%D0%BF%D1%80%D0%BE%D1%86%D0%B5%D1%81%D1%81%D0%BE%D1%80%D0%B0_%D1%83%D1%81%D1%82%D1%80%D0%BE%D0%B9%D1%81%D1%82%D0%B2%D0%B0_%D0%B2_%D0%BB%D0%B8%D1%87%D0%BD%D0%BE%D0%BC_%D0%BA%D0%B0%D0%B1%D0%B8%D0%BD%D0%B5%D1%82%D0%B5/ru here] and [https://wiki.smartplayer.org/index.php/%D0%A1%D0%B5%D1%80%D0%B8%D0%B9%D0%BD%D1%8B%D0%B9_%D0%BD%D0%BE%D0%BC%D0%B5%D1%80_%D1%83%D1%81%D1%82%D1%80%D0%BE%D0%B9%D1%81%D1%82%D0%B2%D0%B0_Tizen_OS here]. |warn}}
{{Note|More details about some of the parameters in this section can be found [https://wiki.smartplayer.org/index.php/%D0%9F%D1%80%D0%BE%D1%81%D0%BC%D0%BE%D1%82%D1%80_%D1%82%D0%B5%D0%BC%D0%BF%D0%B5%D1%80%D0%B0%D1%82%D1%83%D1%80%D1%8B_%D0%BF%D1%80%D0%BE%D1%86%D0%B5%D1%81%D1%81%D0%BE%D1%80%D0%B0_%D1%83%D1%81%D1%82%D1%80%D0%BE%D0%B9%D1%81%D1%82%D0%B2%D0%B0_%D0%B2_%D0%BB%D0%B8%D1%87%D0%BD%D0%BE%D0%BC_%D0%BA%D0%B0%D0%B1%D0%B8%D0%BD%D0%B5%D1%82%D0%B5/ru here] and [https://wiki.smartplayer.org/index.php/%D0%A1%D0%B5%D1%80%D0%B8%D0%B9%D0%BD%D1%8B%D0%B9_%D0%BD%D0%BE%D0%BC%D0%B5%D1%80_%D1%83%D1%81%D1%82%D1%80%D0%BE%D0%B9%D1%81%D1%82%D0%B2%D0%B0_Tizen_OS here]. |warn}}


<div lang="ru" dir="ltr" class="mw-content-ltr">
=== '''“License” Category''' ===
=== '''Категория «Лицензия»''' ===
This category contains the following information:
Данная категория несет в себе следующую информацию:
* license ID;
* идентификатор лицензии;
* license type;
* тип лицензии;
* purchase date.
* дата покупки.
[[File:Информация_о_лицензии_.png|thumb|center| Example of license category parameters |800px]]
[[File:Информация_о_лицензии_.png|thumb|center| Пример отображения параметров категории «Лицензии»|800px]]
=== '''“Connection” Category''' ===
=== '''Категория «Соединение»''' ===
This category contains the following information:
Данная категория несет в себе следующую информацию:
* a “Check Connection” button (clicking adds additional items to the category, which will be described below);
* кнопка «Проверить соединение» (при нажатии добавляет дополнительные пункты в категорию, которые будут описаны ниже);
* IP address (the device’s unique network identifier);
* IP-адрес (уникальный идентификатор устройства в сети);
* DNS 1 (first DNS address);
* DNS 1 (первый адрес DNS);
* MAC address (local network address);
* MAC-адрес (адрес в локальной сети);
* connection type (wired Ethernet or wireless Wi-Fi);
* тип соединения (проводной Ethernet или беспроводной Wi-Fi);
* overall latency between dashboard, server, and client application (measured in milliseconds – ms). (Displayed after clicking the “Check Connection” button);
* общая скорость между личным кабинетом, серверным и клиентским приложением. Измеряется в миллисекундах (мс). (отображается при нажатии на кнопку «Проверить соединение»);
* latency between server application and client application (ms) (Displayed when clicking the “Check Connection” button);
* Скорость соединения между серверным приложением и клиентским приложением. Измеряется в миллисекундах (мс). (отображается при нажатии на кнопку «Проверить соединение»);
* latency between server application and dashboard (ms) (Displayed when clicking the “Check Connection” button).
* Скорость соединения между серверным приложением и личным кабинетом. Измеряется в миллисекундах (мс). (отображается при нажатии на кнопку «Проверить соединение»).
[[File:Проверка_скорости_соединения.png|thumb|center| Example of parameters in “Connection” category |800px]]
[[File:Проверка_скорости_соединения.png|thumb|center| Пример отображения параметров категории «Соединение»|800px]]
{{Note|More about certain parameters in this section can be found [https://wiki.smartplayer.org/index.php/%D0%A1%D0%B5%D1%82%D0%B5%D0%B2%D1%8B%D0%B5_%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%BC%D0%BE%D0%B9%D0%BA%D0%B8_%D0%B2_%D0%BA%D0%B0%D1%80%D1%82%D0%BE%D1%87%D0%BA%D0%B5_%D1%83%D1%81%D1%82%D1%80%D0%BE%D0%B9%D1%81%D1%82%D0%B2%D0%B0/ru here] and more details [https://wiki.smartplayer.org/index.php/C%D0%BA%D0%BE%D1%80%D0%BE%D1%81%D1%82%D1%8C_%D1%81%D0%BE%D0%B5%D0%B4%D0%B8%D0%BD%D0%B5%D0%BD%D0%B8%D1%8F_%D0%B8_%D0%B7%D0%B0%D0%B3%D1%80%D1%83%D0%B7%D0%BA%D0%B8_%D1%84%D0%B0%D0%B9%D0%BB%D0%BE%D0%B2 here]. |warn}}
{{Note|Подробнее о некоторых параметрах раздела можно узнать [https://wiki.smartplayer.org/index.php/%D0%A1%D0%B5%D1%82%D0%B5%D0%B2%D1%8B%D0%B5_%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B8_%D0%B2_%D0%BA%D0%B0%D1%80%D1%82%D0%BE%D1%87%D0%BA%D0%B5_%D1%83%D1%81%D1%82%D1%80%D0%BE%D0%B9%D1%81%D1%82%D0%B2%D0%B0/ru здесь] и Подробнее о некоторых параметрах раздела можно узнать [https://wiki.smartplayer.org/index.php/C%D0%BA%D0%BE%D1%80%D0%BE%D1%81%D1%82%D1%8C_%D1%81%D0%BE%D0%B5%D0%B4%D0%B8%D0%BD%D0%B5%D0%BD%D0%B8%D1%8F_%D0%B8_%D0%B7%D0%B0%D0%B3%D1%80%D1%83%D0%B7%D0%BA%D0%B8_%D1%84%D0%B0%D0%B9%D0%BB%D0%BE%D0%B2 здесь]. |warn}}
</div>


<div lang="ru" dir="ltr" class="mw-content-ltr">
=== '''“Internal Storage” Category''' ===
=== '''Категория «Внутреннее хранилище»''' ===
This category carries the following information:
Данная категория несет в себе следующую информацию:
* “Check Connection” button (clicking adds an additional item to the category, listed below);
* кнопка «Проверить соединение» (при нажатии добавляет дополнительный пункт в категорию, который будет обозначен ниже);
* used by the WhiteLabel client application
* используется клиентским приложением WhiteLabel
* reserved by the WhiteLabel client application for operation
* зарезервировано клиентским приложением WhiteLabel для работы
* storage size;
* размер хранилища;
* used storage size;
* используемый размер хранилища;
* available storage size;
* размер свободного хранилища;
* file download speed from storage, measured in milliseconds (ms). (Displayed after clicking the “Check Connection” button).
* скорость скачивания файлов с хранилища. Измеряется в миллисекундах (мс). (отображается при нажатии на кнопку «Проверить соединение»).
[[File:Проверка_соединения_хранилища.png|thumb|center| Example of parameters for “Internal Storage” category |800px]]
[[File:Проверка_соединения_хранилища.png|thumb|center| Пример отображения параметров категории «Внутреннее хранилище»|800px]]
=== '''“Build Parameters” Category''' ===
=== '''Категория «Параметры сборки»''' ===
This category carries the following information:
Данная категория несет в себе следующую информацию:
* distribution type;
* тип дистрибутива;
* build time of the distribution;
* время сборки дистрибутива;
* build hash (hash sum of the distribution build).
* хэш сборки дистрибутива (hash-сумма сборки дистрибутива).
* “More Details” button (opens additional parameters related to the distribution build)
* кнопка «Подробнее» (позволяет открыть дополнительные параметры связанные со сборкой дистрибутива)
[[File:Параметры_сборки.png|thumb|center| Example of parameters in “Build Parameters” category |800px]]
[[File:Параметры_сборки.png|thumb|center| Пример отображения параметров категории «Параметры сборки»|800px]]
== '''Video Instruction''' ==
== '''Видеоинструкция''' ==
[https://vk.com/video-227547238_456239092 Updated device “Information” screen design]
[https://vk.com/video-227547238_456239092 Обновленный дизайн страницы «Информация» устройства]
== '''Additional Information''' ==
== '''Дополнительная информация''' ==
If this article does not help you use the functionality as intended or if you have remaining questions after reading, you can raise them in the “Discussions” section at the top of the page.
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы, их можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.
[[File:Обсуждение_новго_дизайна.png|thumb|center| Example of “Discussions” tab on the wiki page |800px]]
[[File:Обсуждение_новго_дизайна.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
Additional information can also be found on the page [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
</div>

Текущая версия от 10:48, 17 сентября 2025

Situation Description

The SmartPlayer team has updated the UI and UX parts of the "Information" section for devices. This article describes what data a device provides under the updated design.

Steps to Follow

The first step for the user is to register / log in to the SmartPlayer personal account.
Next, the user needs to go to the "Devices" section and select the desired device.

Example of the "Devices" section and the list of devices

After clicking on the desired device, a toolbar will appear on the right side of the screen.

Example of the "Information" line in the device toolbar

The user needs to click on the "Information" line and go to a page with the full information about the device.

Example of the device information page with the new design

Device "Information" Page

The updated "Information" page includes the following blocks:

  1. Screenshot window.
  2. Functional buttons for device interaction.
  3. Device performance information.
  4. Available device information.
Example of block division in the new design of the information page

Below is a detailed description of each block.

Screenshot Window

This block allows taking a screenshot of the currently playing content. It consists of two elements:

  • preview window;
  • screenshot button.
Example of the preview window and screenshot button

Functional Buttons for Device Interaction

In this block, the user can directly interact with and control the device using a panel of operation buttons. The list of available buttons (listed left to right):

  • Device log — allows exporting device logs. Two types available: full (for all time) and recent;
  • Power — allows turning the device off or putting it into sleep mode;
  • Restart — allows restarting either the device or the client application installed on the device;
  • Clear — allows deleting data from the device. Three types of clearing are available: files, local storage, statistics;
  • Monitoring — allows viewing logs in real time. Also available: following the latest log line, exporting logs, expanding logs to fullscreen, collapsing logs, closing the logs window.
  • Web engine info — allows the user to get information about the device and the version of its web engine in a separate window.
Example of device interaction buttons

Device Performance Information

This block includes information and data that allow understanding how the device is running. It includes the following parameters:

  • temperature;
  • CPU load;
  • memory usage;
  • current date and time (UTC +3);
  • application start time;
  • time zone;
  • uptime of the application without shutdown.
Example of device performance information display

Available Device Information

This block is the largest and includes control interface buttons and five major categories:

  • “Expand all fields” button — expands all fields on the page;
  • “Collapse all fields” button — collapses all expanded fields on the page;
  • “Copy to clipboard” button — copies all information from the fields below (can be pasted into a text editor);
  • “Refresh all device data” button — sends a request to the server and updates all current device data;
  • “Device” category — includes device-specific data sent to the dashboard;
  • “License” category — includes data related to the device's license;
  • “Connection” category — includes information about the device’s network performance;
  • “Internal Storage” category — includes information about internal storage;
  • “Build Parameters” category — includes data related to the build of the client application installed on the device.
Example of buttons and categories with device data

“Device” Category

This category contains the following information:

  • ID (device identifier in the database);
  • device identifier;
  • client version;
  • device name;
  • manufacturer;
  • model name;
  • serial number;
  • platform;
  • root access status;
  • firmware version;
  • orientation;
  • resolution width;
  • resolution height;
  • date of last screenshot;
  • last screenshot (link to screenshot in storage);
  • volume;
  • group ID (the identifier of the device group in the database);
  • company ID;
  • last modification date;
  • created date.
Example of parameters in the “Device” category
More details about some of the parameters in this section can be found here and here.

“License” Category

This category contains the following information:

  • license ID;
  • license type;
  • purchase date.
Example of license category parameters

“Connection” Category

This category contains the following information:

  • a “Check Connection” button (clicking adds additional items to the category, which will be described below);
  • IP address (the device’s unique network identifier);
  • DNS 1 (first DNS address);
  • MAC address (local network address);
  • connection type (wired Ethernet or wireless Wi-Fi);
  • overall latency between dashboard, server, and client application (measured in milliseconds – ms). (Displayed after clicking the “Check Connection” button);
  • latency between server application and client application (ms) (Displayed when clicking the “Check Connection” button);
  • latency between server application and dashboard (ms) (Displayed when clicking the “Check Connection” button).
Example of parameters in “Connection” category
More about certain parameters in this section can be found here and more details here.

“Internal Storage” Category

This category carries the following information:

  • “Check Connection” button (clicking adds an additional item to the category, listed below);
  • used by the WhiteLabel client application
  • reserved by the WhiteLabel client application for operation
  • storage size;
  • used storage size;
  • available storage size;
  • file download speed from storage, measured in milliseconds (ms). (Displayed after clicking the “Check Connection” button).
Example of parameters for “Internal Storage” category

“Build Parameters” Category

This category carries the following information:

  • distribution type;
  • build time of the distribution;
  • build hash (hash sum of the distribution build).
  • “More Details” button (opens additional parameters related to the distribution build)
Example of parameters in “Build Parameters” category

Video Instruction

Updated device “Information” screen design

Additional Information

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

Example of “Discussions” tab on the wiki page

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