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

Материал из SmartPlayer
Следующая правка →
Новая страница: «Updated Design of Device Information»
 
Новая страница: «== '''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:Новый_интерфейс_устрост...»
Строка 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">
<div lang="ru" dir="ltr" class="mw-content-ltr">

Версия от 10:47, 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.

Категория «Лицензия»

Данная категория несет в себе следующую информацию:

  • идентификатор лицензии;
  • тип лицензии;
  • дата покупки.
Пример отображения параметров категории «Лицензии»

Категория «Соединение»

Данная категория несет в себе следующую информацию:

  • кнопка «Проверить соединение» (при нажатии добавляет дополнительные пункты в категорию, которые будут описаны ниже);
  • IP-адрес (уникальный идентификатор устройства в сети);
  • DNS 1 (первый адрес DNS);
  • MAC-адрес (адрес в локальной сети);
  • тип соединения (проводной Ethernet или беспроводной Wi-Fi);
  • общая скорость между личным кабинетом, серверным и клиентским приложением. Измеряется в миллисекундах (мс). (отображается при нажатии на кнопку «Проверить соединение»);
  • Скорость соединения между серверным приложением и клиентским приложением. Измеряется в миллисекундах (мс). (отображается при нажатии на кнопку «Проверить соединение»);
  • Скорость соединения между серверным приложением и личным кабинетом. Измеряется в миллисекундах (мс). (отображается при нажатии на кнопку «Проверить соединение»).
Пример отображения параметров категории «Соединение»
Подробнее о некоторых параметрах раздела можно узнать здесь и Подробнее о некоторых параметрах раздела можно узнать здесь.

Категория «Внутреннее хранилище»

Данная категория несет в себе следующую информацию:

  • кнопка «Проверить соединение» (при нажатии добавляет дополнительный пункт в категорию, который будет обозначен ниже);
  • используется клиентским приложением WhiteLabel
  • зарезервировано клиентским приложением WhiteLabel для работы
  • размер хранилища;
  • используемый размер хранилища;
  • размер свободного хранилища;
  • скорость скачивания файлов с хранилища. Измеряется в миллисекундах (мс). (отображается при нажатии на кнопку «Проверить соединение»).
Пример отображения параметров категории «Внутреннее хранилище»

Категория «Параметры сборки»

Данная категория несет в себе следующую информацию:

  • тип дистрибутива;
  • время сборки дистрибутива;
  • хэш сборки дистрибутива (hash-сумма сборки дистрибутива).
  • кнопка «Подробнее» (позволяет открыть дополнительные параметры связанные со сборкой дистрибутива)
Пример отображения параметров категории «Параметры сборки»

Видеоинструкция

Обновленный дизайн страницы «Информация» устройства

Дополнительная информация

Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы, их можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.

Пример отображения вкладки "Обсуждения" на wiki-странице

Также дополнительную информацию можно узнать на странице Как взаимодействовать пользователю с разделом "Обсуждения"

Источник — https://wiki.smartplayer.org/index.php?title=Обновленный_дизайн_информации_об_устройстве/en&oldid=17481