Просмотр кода страницы Обновленный дизайн информации об устройстве/ru

== '''Описание ситуации''' ==
Команда SmartPlayer обновила UIи UX часть дизайна раздела «Информация» об устройстве. В этой статье будет описана информация о том, какие данные предоставляет устройство с учетом обновленного дизайна.
== '''Алгоритм действия''' ==
Первый шаг для пользователя — зарегистрироваться/авторизоваться в личном кабинете SmartPlayer.<br>
Далее пользователю необходимо перейти в раздел «Устройства» и выбрать нужное устройство.
[[File:Новый_интерфейс_устроства.png|thumb|center| Пример отображения раздела «Устройства» и списка устройств |800px]]
После клика по нужному устройству в правой части экрана откроется панель инструментов.
[[File:Раздел_информации.png|thumb|center| Пример отображения строки «Информация» в панели инструментов устройства |800px]]
Пользователю необходимо кликнуть по строке «Информация» и перейти на страницу с описанием всей информации об устройстве.
[[File:Старница_раздела_информация.png|thumb|center| Пример отображения страницы информации об устройстве с отображением нового дизайна |800px]]
== '''Страница «Информация» устройства''' ==
Обновленная страница «Информация» включает в себя следующие блоки:
# Окно снятия скриншота.
# Функциональные кнопки взаимодействия с устройством.
# Информация о работе устройства.
# Доступная информация об устройстве.
[[File:Деление_на_разделы_на_устройстве.png|thumb|center| Пример отображения разделения на блоки нового дизайна страницы с информацией |800px]]
Ниже будет подробнее описано о каждом блоке.
=== '''Окно снятия скриншота''' ===
Данный блок позволяет сделать скриншот проигрываемого контента в текущий момент времени. Оно состоит из двух элементов:
* окно снятия скриншота;
* кнопка снятия скриншота.
[[File:Окно_предпросмотра.png|thumb|center| Пример отображения кнопки и окна предпросмотра скриншота |800px]]
=== '''Функциональные кнопки взаимодействия с устройством''' ===
В этом блоке пользователь сможет напрямую влиять на устройство и управлять им, используя панель с кнопками для управления. Список доступных кнопок (перечислен слева-направо):
* журнал устройства — позволяет выгрузить логи устройства. Доступно два вида логов: полные (за все время) и актуальные;
* питание — позволяет отключить устройство или перевести его в спящий режим;
* перезагрузить — позволяет перезагрузить устройство или клиентское приложение, которое установлено на устройстве;
* очистить — позволяет удалить данные с устройства. Доступно три типа очистки: файлов, локального хранилища, статистика;
* мониторинг — позволяет просматривать логи в реальном времени. Также имеется возможность: следить за последней строкой логов, выгрузить логи, развернуть логи на весь экран, свернуть логи, закрыть окно логов.
* информация о веб-движке — позволяет пользователю получить информацию об устройстве и версии его веб-движка в отдельном окне.
[[File:Управление кнопками устройства.png|thumb|center| Пример отображения кнопок для взаимодействия с устройством |800px]]
=== '''Информация о работе устройства''' ===
Блок включает в себя информацию и данные, которые позволяют понять, как работает устройство. Включает в себя следующие параметры:
* температура;
* загрузка процессора;
* работа памяти;
* текущая дата и время (UTC +3);
* время старта приложения;
* часовой пояс;
* время работы приложения без выключения.
[[File:Информация_об_устройва.png|thumb|center| Пример отображения информации о работе устройства|800px]]
== '''Доступная информация об устройстве''' ==
Данный блок является самым большим и включает кнопки управления интерфейсом, а также пять основных категорий:
* кнопка «развернуть все поля» — разворачивает все поля на странице;
* кнопка «Свернуть все поля» — сворачивает все поля развернутые на странице;
* кнопка «Копировать в буфер обмена» — копирует всю информацию из полей ниже (можно вставить в текстовый редактор);
* кнопка «Обновить все данные по устройству» — посылает запрос на сервер и обновляет все текущие данные об устройстве;
* категория «Устройство» — включает в себя данные об устройстве, которые отправляются в личный кабинет;
* категория «Лицензия» — включает в себя данные, связанные с лицензией устройства;
* категория «Соединение» — включает в себя информацию о работе устройства с сетью;
* категория «Внутреннее хранилище» — включает в себя информацию о внутреннем хранилище;
* категория «Параметры сборки» — включает в себя информацию связанную со сборкой клиентского приложения, установленного на устройстве.
[[File:Кнопки_и_поля.png|thumb|center| Пример отображения кнопок и категорий с данными об устройстве|800px]]
=== '''Категория «Устройство»''' ===
Данная категория несет в себе следующую информацию:
* идентификатор (идентификатор устройства в базе данных);
* идентификатор устройства;
* версия клиента;
* название устройства;
* производитель;
* имя модели;
* серийный номер;
* платформа;
* наличие root-доступа;
* версия прошивки;
* ориентация;
* разрешение по ширине;
* разрешение по высоте;
* дата последнего снимка (скриншота)
* последний снимок (ссылка на хранилище со скриншотом)
* громкость;
* идентификатор группы (идентификатор группы устройств в базе данных);
* идентификатор компании;
* последнее изменение;
* создан.
[[File:Данные_об_устройстве_в_лк.png|thumb|center| Пример отображения параметров категории «Устройство»|800px]]
{{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}}

=== '''Категория «Лицензия»''' ===
Данная категория несет в себе следующую информацию:
* идентификатор лицензии;
* тип лицензии;
* дата покупки.
[[File:Информация_о_лицензии_.png|thumb|center| Пример отображения параметров категории «Лицензии»|800px]]
=== '''Категория «Соединение»''' ===
Данная категория несет в себе следующую информацию:
* кнопка «Проверить соединение» (при нажатии добавляет дополнительные пункты в категорию, которые будут описаны ниже);
* IP-адрес (уникальный идентификатор устройства в сети);
* DNS 1 (первый адрес DNS);
* MAC-адрес (адрес в локальной сети);
* тип соединения (проводной Ethernet или беспроводной Wi-Fi);
* общая скорость между личным кабинетом, серверным и клиентским приложением. Измеряется в миллисекундах (мс). (отображается при нажатии на кнопку «Проверить соединение»);
* Скорость соединения между серверным приложением и клиентским приложением. Измеряется в миллисекундах (мс). (отображается при нажатии на кнопку «Проверить соединение»);
* Скорость соединения между серверным приложением и личным кабинетом. Измеряется в миллисекундах (мс). (отображается при нажатии на кнопку «Проверить соединение»).
[[File:Проверка_скорости_соединения.png|thumb|center| Пример отображения параметров категории «Соединение»|800px]]
{{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}}

=== '''Категория «Внутреннее хранилище»''' ===
Данная категория несет в себе следующую информацию:
* кнопка «Проверить соединение» (при нажатии добавляет дополнительный пункт в категорию, который будет обозначен ниже);
* используется клиентским приложением WhiteLabel
* зарезервировано клиентским приложением WhiteLabel для работы
* размер хранилища;
* используемый размер хранилища;
* размер свободного хранилища;
* скорость скачивания файлов с хранилища. Измеряется в миллисекундах (мс). (отображается при нажатии на кнопку «Проверить соединение»).
[[File:Проверка_соединения_хранилища.png|thumb|center| Пример отображения параметров категории «Внутреннее хранилище»|800px]]
=== '''Категория «Параметры сборки»''' ===
Данная категория несет в себе следующую информацию:
* тип дистрибутива;
* время сборки дистрибутива;
* хэш сборки дистрибутива (hash-сумма сборки дистрибутива).
* кнопка «Подробнее» (позволяет открыть дополнительные параметры связанные со сборкой дистрибутива)
[[File:Параметры_сборки.png|thumb|center| Пример отображения параметров категории «Параметры сборки»|800px]]
== '''Видеоинструкция''' ==
[https://vk.com/video-227547238_456239092 Обновленный дизайн страницы «Информация» устройства]
== '''Дополнительная информация''' ==
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы, их можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.
[[File:Обсуждение_новго_дизайна.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]