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

Материал из SmartPlayer
Новая страница: «Updated Design of Device Information»
 
Новая страница: «=== '''“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 “...»
 
(не показаны 2 промежуточные версии этого же участника)
Строка 1: Строка 1:
<div lang="ru" dir="ltr" class="mw-content-ltr">
== '''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.
Команда SmartPlayer обновила UIи UX часть дизайна раздела «Информация» об устройстве. В этой статье будет описана информация о том, какие данные предоставляет устройство с учетом обновленного дизайна.
== '''Steps to Follow''' ==
== '''Алгоритм действия''' ==
The first step for the user is to register / log in to the SmartPlayer personal account.<br>
Первый шаг для пользователя — зарегистрироваться/авторизоваться в личном кабинете SmartPlayer.<br>
Next, the user needs to go to the "Devices" section and select the desired device.
Далее пользователю необходимо перейти в раздел «Устройства» и выбрать нужное устройство.
[[File:Новый_интерфейс_устроства.png|thumb|center| Example of the "Devices" section and the list of devices |800px]]
[[File:Новый_интерфейс_устроства.png|thumb|center| Пример отображения раздела «Устройства» и списка устройств |800px]]
After clicking on the desired device, a toolbar will appear on the right side of the screen.
После клика по нужному устройству в правой части экрана откроется панель инструментов.
[[File:Раздел_информации.png|thumb|center| Example of the "Information" line in the device toolbar |800px]]
[[File:Раздел_информации.png|thumb|center| Пример отображения строки «Информация» в панели инструментов устройства |800px]]
The user needs to click on the "Information" line and go to a page with the full information about the device.
Пользователю необходимо кликнуть по строке «Информация» и перейти на страницу с описанием всей информации об устройстве.
[[File:Старница_раздела_информация.png|thumb|center| Example of the device information page with the new design |800px]]
[[File:Старница_раздела_информация.png|thumb|center| Пример отображения страницы информации об устройстве с отображением нового дизайна |800px]]
== '''Device "Information" Page''' ==
== '''Страница «Информация» устройства''' ==
The updated "Information" page includes the following blocks:
Обновленная страница «Информация» включает в себя следующие блоки:
# Screenshot window.
# Окно снятия скриншота.
# Functional buttons for device interaction.
# Функциональные кнопки взаимодействия с устройством.
# Device performance information.
# Информация о работе устройства.
# Available device information.
# Доступная информация об устройстве.
[[File:Деление_на_разделы_на_устройстве.png|thumb|center| Example of block division in the new design of the information page |800px]]
[[File:Деление_на_разделы_на_устройстве.png|thumb|center| Пример отображения разделения на блоки нового дизайна страницы с информацией |800px]]
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.
* кнопка снятия скриншота.
[[File:Окно_предпросмотра.png|thumb|center| Example of the preview window and screenshot button |800px]]
[[File:Окно_предпросмотра.png|thumb|center| Пример отображения кнопки и окна предпросмотра скриншота |800px]]
=== '''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.
* информация о веб-движке позволяет пользователю получить информацию об устройстве и версии его веб-движка в отдельном окне.
[[File:Управление кнопками устройства.png|thumb|center| Example of device interaction buttons |800px]]
[[File:Управление кнопками устройства.png|thumb|center| Пример отображения кнопок для взаимодействия с устройством |800px]]
=== '''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);
* текущая дата и время (UTC +3);
* application start time;
* время старта приложения;
* time zone;
* часовой пояс;
* uptime of the application without shutdown.
* время работы приложения без выключения.
[[File:Информация_об_устройва.png|thumb|center| Example of device performance information display |800px]]
[[File:Информация_об_устройва.png|thumb|center| Пример отображения информации о работе устройства|800px]]
== '''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.
* категория «Параметры сборки» включает в себя информацию связанную со сборкой клиентского приложения, установленного на устройстве.
[[File:Кнопки_и_поля.png|thumb|center| Example of buttons and categories with device data |800px]]
[[File:Кнопки_и_поля.png|thumb|center| Пример отображения кнопок и категорий с данными об устройстве|800px]]
=== '''“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;
* наличие root-доступа;
* 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.
* создан.
[[File:Данные_об_устройстве_в_лк.png|thumb|center| Example of parameters in the “Device” category |800px]]
[[File:Данные_об_устройстве_в_лк.png|thumb|center| Пример отображения параметров категории «Устройство»|800px]]
{{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|Подробнее о некоторых параметрах раздела можно узнать [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 здесь] и [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 здесь]. |warn}}
</div>


<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 Как взаимодействовать пользователю с разделом "Обсуждения"