Инструкция по работе с виджетом пробок: различия между версиями

Материал из SmartPlayer
Новая страница: «== '''Описание ситуации''' == Данный виджет совмещает в себе два решения: # Отображение информации о погоде. # Отображение информации о пробках. == '''Добавление виджета в личный кабинет''' == Чтобы добавить данный виджет в личный кабинет пользователю необходим...»
 
Нет описания правки
Строка 15: Строка 15:
На главной странице виджета можно перейти в настройки параметров виджета. Это можно сделать с помощью клика по иконке в виде шестеренки.
На главной странице виджета можно перейти в настройки параметров виджета. Это можно сделать с помощью клика по иконке в виде шестеренки.
[[File:Настройка_виджета.png|thumb|center| Пример отображения иконки для перехода в настройки виджета|800px]]
[[File:Настройка_виджета.png|thumb|center| Пример отображения иконки для перехода в настройки виджета|800px]]
== '''Настройка виджета''' ==
После переноса виджета в раздел «Контент» для первичной настройки виджета пользователю необходимо дважды кликнуть по иконке виджета. Данное действие перенесет его на главную страницу виджета.
[[File:Главная_страницапогоды.png|thumb|center| Пример отображения главной страницы виджета|800px]]
На главной странице виджета можно перейти в настройки параметров виджета. Это можно сделать с помощью клика по иконке в виде шестеренки.
[[File:Иконка_настройки_погоды.png|thumb|center| Пример отображения иконки для перехода в настройки виджета|800px]]
== '''Параметры для настройки виджета''' ==
После перехода на страницу настроек виджета в левой части экрана пользователь увидит панель со списком настроек для виджета:
* выбор языка — выбрать один из доступных языков: русский, английский, португальский, испанский, казахский;
* фон виджета — настройка фона виджета с помощью палитры;
* изображение — добавить изображение из личного кабинета SmartPlayer как фон;
* частота запроса данных о погоде — значение определяет частоту запроса для получения информации о погоде. Измеряется в минутах;
* широта местоположения — ввести местоположение объекта/устройства с учетом широты, для правильного определения погоды;
* долгота местоположения —ввести местоположение объекта/устройства с учетом долготы, для правильного определения погоды;
* зум виджета — увеличение окна отображения виджета. Поддерживается для ввода целое число или дробное число с разделителем ",";
* верхний внутренний отступ виджета — прописать величину смещения относительно верхнего края. Измеряется в пикселях(px);
* правый внутренний отступ виджета — прописать величину смещения относительно правого края. Измеряется в пикселях(px);
* нижний внутренний отступ виджета — прописать величину смещения относительно нижнего края. Измеряется в пикселях(px);
* левый внутренний отступ виджета — прописать величину смещения относительно левого края. Измеряется в пикселях(px);
* размер шрифта в заголовках — указать размер шрифта для заголовков. Измеряется в пикселях(px);
* нижний отступ заголовка — прописать величину смещения относительно нижнего края для заголовка. Измеряется в пикселях(px);
* горизонтальный отступ между блоками погоды — прописать величину разделения блоков информации о погоде внутри виджета. Измеряется в пикселях(px);
* размер шрифта времени суток — указать размер шрифта времени суток. Измеряется в пикселях(px);
* размер иконок погоды — указать значение для размера иконок для погоды. Измеряется в пикселях(px);
* размер шрифта температуры — указать размер шрифта для температуры. Измеряется в пикселях(px);
* размер шрифта времени получения погоды — указать размер шрифта для подписи со временем и датой получения информации о погоде. Измеряется в пикселях(px);
* верхний отступ времени получения погоды — прописать величину смещения верхнего отступа для подписи с данными о погоде. Измеряется в пикселях(px);
[[File:Параметры_и_настройки_виджета.png|thumb|center| Пример отображения списка настроек виджета|800px]]
== '''Завершение настройки виджета''' ==
После завершения работ по настройке виджета пользователь должен нажать на кнопку «Применить настройки» в правой нижней части экрана.
[[File:Применение_настрок.png|thumb|center| Пример отображения кнопки «Применить настройки»|800px]]
Далее виджет растянется на весь экран и пользователь должен нажать на кнопку «Сохранить», внизу по центру экрана.
[[File:Сохран.png|thumb|center| Пример отображения кнопки «Сохранить»|800px]]
=== '''Работа настроенного виджета''' ===
Когда виджет будет настроен пользователь увидит на экране созданные кнопки или группы кнопок, при нажатии на которые, с помощью пульта, можно переключать события и возвращать исходные трансляции для проигрывания.
== '''Загрузка и скачивание настроек''' ==
В процессе взаимодействия с настройками виджета пользователь может загрузить или выгрузить настройки виджета. Каждое из указанных действий можно сделать с помощью отдельных иконок в интерфейсе виджета. Иконки расположены в виджете снизу по центру.
[[File:Иконки_загрузки.png|thumb|center| Пример отображения иконок в настройках виджета |800px]]
== '''Добавление настроенного виджета в трансляцию''' ==
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:
* [[Раздел "Устройства"]]
* [[Раздел "Контент на устройства"]]
* [[Раздел "Трансляции"]]
* [[Раздел "Расписание"]]
== '''Видеоинструкция''' ==
[https://vk.com/video-227547238_456239090 Настройка виджета погоды]
== '''Дополнительная информация''' ==
== '''Дополнительная информация''' ==
Если данная статья не помогает использовать функционал по назначению или после её прочтения остаются вопросы, их можно озвучить в разделе "Обсуждения" вверху страницы.
Если данная статья не помогает использовать функционал по назначению или после её прочтения остаются вопросы, их можно озвучить в разделе "Обсуждения" вверху страницы.
[[File:Обсуждение_велотрек.png|thumb|center| Пример отображения вкладки «Обсуждения» на wiki-странице |800px]]
[[File:Обсуждение_велотрек.png|thumb|center| Пример отображения вкладки «Обсуждения» на wiki-странице |800px]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]

Версия от 15:07, 16 октября 2025

Описание ситуации

Данный виджет совмещает в себе два решения:

  1. Отображение информации о погоде.
  2. Отображение информации о пробках.

Добавление виджета в личный кабинет

Чтобы добавить данный виджет в личный кабинет пользователю необходимо запросить у специалиста команды технической поддержки виджет. Он будет предоставлен в формате ".zip" - архива.

Пример виджета в формате ".zip" - архива

После этого пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент».

Пример отображения раздела «Контент» в личном кабинете

В разделе «Контент» необходимо перетянуть данный виджет из локального хранилища в раздел «Контент». После того как пользователь перенесет виджет в личный кабинет он отобразится в списке с контентом.

Пример отображения переноса виджета с помощью drag-n-drop

Настройка виджета

После переноса виджета в раздел «Контент» для первичной настройки виджета пользователю необходимо дважды кликнуть по иконке виджета. Данное действие перенесет его на главную страницу виджета.

Пример отображения главной страницы виджета

На главной странице виджета можно перейти в настройки параметров виджета. Это можно сделать с помощью клика по иконке в виде шестеренки.

Пример отображения иконки для перехода в настройки виджета

Настройка виджета

После переноса виджета в раздел «Контент» для первичной настройки виджета пользователю необходимо дважды кликнуть по иконке виджета. Данное действие перенесет его на главную страницу виджета.

Пример отображения главной страницы виджета

На главной странице виджета можно перейти в настройки параметров виджета. Это можно сделать с помощью клика по иконке в виде шестеренки.

Пример отображения иконки для перехода в настройки виджета

Параметры для настройки виджета

После перехода на страницу настроек виджета в левой части экрана пользователь увидит панель со списком настроек для виджета:

  • выбор языка — выбрать один из доступных языков: русский, английский, португальский, испанский, казахский;
  • фон виджета — настройка фона виджета с помощью палитры;
  • изображение — добавить изображение из личного кабинета SmartPlayer как фон;
  • частота запроса данных о погоде — значение определяет частоту запроса для получения информации о погоде. Измеряется в минутах;
  • широта местоположения — ввести местоположение объекта/устройства с учетом широты, для правильного определения погоды;
  • долгота местоположения —ввести местоположение объекта/устройства с учетом долготы, для правильного определения погоды;
  • зум виджета — увеличение окна отображения виджета. Поддерживается для ввода целое число или дробное число с разделителем ",";
  • верхний внутренний отступ виджета — прописать величину смещения относительно верхнего края. Измеряется в пикселях(px);
  • правый внутренний отступ виджета — прописать величину смещения относительно правого края. Измеряется в пикселях(px);
  • нижний внутренний отступ виджета — прописать величину смещения относительно нижнего края. Измеряется в пикселях(px);
  • левый внутренний отступ виджета — прописать величину смещения относительно левого края. Измеряется в пикселях(px);
  • размер шрифта в заголовках — указать размер шрифта для заголовков. Измеряется в пикселях(px);
  • нижний отступ заголовка — прописать величину смещения относительно нижнего края для заголовка. Измеряется в пикселях(px);
  • горизонтальный отступ между блоками погоды — прописать величину разделения блоков информации о погоде внутри виджета. Измеряется в пикселях(px);
  • размер шрифта времени суток — указать размер шрифта времени суток. Измеряется в пикселях(px);
  • размер иконок погоды — указать значение для размера иконок для погоды. Измеряется в пикселях(px);
  • размер шрифта температуры — указать размер шрифта для температуры. Измеряется в пикселях(px);
  • размер шрифта времени получения погоды — указать размер шрифта для подписи со временем и датой получения информации о погоде. Измеряется в пикселях(px);
  • верхний отступ времени получения погоды — прописать величину смещения верхнего отступа для подписи с данными о погоде. Измеряется в пикселях(px);
Пример отображения списка настроек виджета

Завершение настройки виджета

После завершения работ по настройке виджета пользователь должен нажать на кнопку «Применить настройки» в правой нижней части экрана.

Пример отображения кнопки «Применить настройки»

Далее виджет растянется на весь экран и пользователь должен нажать на кнопку «Сохранить», внизу по центру экрана.

Пример отображения кнопки «Сохранить»

Работа настроенного виджета

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

Загрузка и скачивание настроек

В процессе взаимодействия с настройками виджета пользователь может загрузить или выгрузить настройки виджета. Каждое из указанных действий можно сделать с помощью отдельных иконок в интерфейсе виджета. Иконки расположены в виджете снизу по центру.

Пример отображения иконок в настройках виджета

Добавление настроенного виджета в трансляцию

Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:

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

Настройка виджета погоды

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

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

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

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