Updated Design of Device Information

Материал из SmartPlayer
Версия от 10:47, 17 сентября 2025; N.Bloshkin (обсуждение | вклад) (Новая страница: «== '''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:Новый_интерфейс_устрост...»)

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-странице

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