https://wiki.smartplayer.org/index.php?action=history&feed=atom&title=Translations%3A%D0%98%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F_%D0%BF%D0%BE_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B5_%D1%81_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%BE%D0%BC_%C2%AB%D0%A6%D0%B5%D0%BD%D1%8B_%D0%B4%D0%BB%D1%8F_%D0%90%D0%97%D0%A1%C2%BB%2F1%2FruTranslations:Инструкция по работе с виджетом «Цены для АЗС»/1/ru - История изменений2026-05-13T11:37:31ZИстория изменений этой страницы в викиMediaWiki 1.45.1https://wiki.smartplayer.org/index.php?title=Translations:%D0%98%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F_%D0%BF%D0%BE_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B5_%D1%81_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%BE%D0%BC_%C2%AB%D0%A6%D0%B5%D0%BD%D1%8B_%D0%B4%D0%BB%D1%8F_%D0%90%D0%97%D0%A1%C2%BB/1/ru&diff=18110&oldid=prevFuzzyBot: Импортирована новая версия из внешнего источника2025-11-13T07:11:44Z<p>Импортирована новая версия из внешнего источника</p>
<p><b>Новая страница</b></p><div>== '''Описание ситуации''' ==<br />
Данный виджет позволяет пользователям выводить на устройства информацию о стоимости определенных типов топлива. Приведенная ниже инструкция объясняет как, работает виджет и помогает настроить его работу внутри платформы SmartPlayer.<br />
== '''Серверная логика''' ==<br />
Данный виджет, все данные получает напрямую от сервера заказчика. После получения обрабатывает данные и выводит их в трансляцию с помощью личного кабинета SmartPlayer.<br />
== '''Добавление виджета в личный кабинет''' ==<br />
Чтобы добавить данный виджет в личный кабинет, пользователю необходимо запросить у специалиста команды технической поддержки архив с содержимым. Он будет предоставлен в формате .zip-архива.<br />
[[File:Виджет_лукойл.png|thumb|center| Пример виджета в формате .zip-архива|800px]]<br />
После этого пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент».<br />
[[File:Раздел_контент_личного_кабиента.png|thumb|center| Пример отображения раздела «Контент» в личном кабинете |800px]]<br />
В разделе «Контент» необходимо перенести данный виджет из локального хранилища в личный кабинет. После того как пользователь перенесет виджет в личный кабинет, он отобразится в списке с контентом.<br />
[[File:Цены_на_топливо.png|thumb|center| Пример отображения переноса виджета в личном кабинете SmartPlayer|800px]]<br />
== '''Настройка виджета''' ==<br />
После переноса виджета для первичной настройки пользователю необходимо дважды кликнуть по иконке виджета. Данное действие перенесет его на главную страницу.<br />
[[File:Главная_страница_топливо.png|thumb|center| Пример отображения главной страницы виджета|800px]]<br />
На главной странице виджета пользователю доступно две кнопки:<br />
# Кнопка "API".<br />
# Кнопка «Настройки»<br />
[[File:Кнопки_настроек_топливо.png|thumb|center| Пример отображения иконки для перехода в настройки виджета|800px]]<br />
== '''Кнопка "API"''' ==<br />
Кликнув на кнопку "API" пользователю откроется модальное окно с информацией о ресурсах, которые позволяют виджету стабильно работать. В разделе также есть общее описание о его необходимости и принципах работы.<br />
[[File:Данные_в_модальном_окне.png|thumb|center| Пример отображения информации в модальном окне |800px]]<br />
Основными параметрами для ресурсов являются:<br />
* имя — указано имя ресурса;<br />
* метод — используемый тип метода (GET);<br />
* требует авторизации — информация об обязательности авторизации;<br />
* адрес сервера — URL-адрес сервера, с которого берутся данные;<br />
* адрес API — отображается название JSON-файла в котором присутствует информация об API и ценах;<br />
* кнопка «Проверить соединение» — при нажатии проводит проверку соединения и отображает вывод с указанием числового статуса.<br />
Закрыть данное окно можно по стандартной иконке в правом верхнем углу.<br />
== '''Кнопка «Настройки»''' ==<br />
После открытия страницы с настройками пользователю откроется страница, которую можно разделить на два блока параметров:<br />
# Общие настройки виджета.<br />
# Настройки анимации для виджета.<br />
[[File:Настройки_виджета_топлива.png|thumb|center| Пример отображения двух блоков параметров для настройки виджета|800px]]<br />
=== '''Общие настройки виджета''' ===<br />
К общим настройкам виджета можно отнести следующие параметры:<br />
* выбор языка — выбрать доступный вариант из списка: русский, английский, испанский, португальский;<br />
* поворот виджета — выбрать из списка значение для поворота виджета при отображении (90 и 270 градусов);<br />
* адрес прокси-сервера — указать URL-ссылку для прокси-сервера;<br />
* чекбокс «Использовать прокси» — включает/отключает использование прокси сервера для виджета;<br />
* для каких позиций ДТ отображать 'экто-зима' — введите значения позиций (начинайте с 0 и ставьте разделителем ",");<br />
* размер шрифта типа топлива — прописать значение для шрифта (в пикселях) или настроить с помощью ползунка;<br />
* размер иконок — прописать значение размера иконок (в пикселях) или настроить с помощью ползунка;<br />
* размер шрифта цен — прописать значение для шрифта (в пикселях) или настроить с помощью ползунка;<br />
* отступы между строками — прописать значение для отступа (считается в пикселях);<br />
* цвет шрифта — палитра, позволяющая создать индивидуальный цвет для шрифта;<br />
* насыщенность шрифта — выберите один вариант начертания из списка: тонкое, нормальное, полужирное, жирное;<br />
* чекбокс «Форматировать значения без нуля на конце» — включает/отключает форматирование нецелых значений с нулём на конце;<br />
* чекбокс «Дублировать цены» — включает/отключает дублирование цен;<br />
* чекбокс «Фильтровать одинаковые значения» — включает/отключает фильтрацию по идентичным значениям;<br />
* цвет отображаемых иконок — выбрать один из доступных цветов для иконок: белый или чёрный;<br />
* полный путь в API получения цен — прописывается полноценная URL-ссылка со значением идентификатора (идентификатор последнее числовое значение);<br />
{{Note|[[File:Правильный_идентификатор.png|thumb|center| Пример отображения правильного идентификатора|800px]]|warn}}<br />
* частота обновления данных — указать значения для промежутка обновления данных (в секундах);<br />
* использовать хранилище клиентского приложения — включает/отключает использование клиентского приложения (применимо только к устройствам на ОС Windows, Linux, Raspberry);<br />
* видео — позволяет выбрать видео из личного кабинета, которое будет проигрываться на фоне цен; <br />
* идентификатор видео — поле, которое нельзя настроить. Автоматически определяет идентификатор выбранного видео из личного кабинета.<br />
[[File:Общие_настройки_топлива.png|thumb|center| Пример отображения списка с общими настройками виджета|800px]]<br />
=== '''Настройки анимации для виджета''' ===<br />
Настройки анимации виджета идут отдельным блоком и расположены в правой части экрана. Все анимации разделены на шаги (максимальное количество - 6). Каждый шаг включает в себя следующие параметры:<br />
* направление анимации — выбрать один из доступных вариантов из списка: слева направо, справа налево, снизу вверх, сверху вниз;<br />
* скорость анимации — прописать скорость анимации (в секундах);<br />
* время срабатывания анимации — прописать интервал, через который должна сработать анимация (в секундах).<br />
[[File:Блок_настроек_анимации.png|thumb|center| Пример отображения списка с настройками для анимаций|800px]]<br />
== '''Завершение настройки виджета''' ==<br />
После завершения работ по настройке виджета пользователь должен нажать на кнопку «Применить настройки» внизу экрана и еще ниже кликнуть на кнопку «Сохранить».<br />
[[File:Завершение_настройки_виджета_топлива.png|thumb|center| Пример отображения кнопок для завершения настройки виджета|800px]]<br />
== '''Загрузка и скачивание настроек''' ==<br />
В процессе взаимодействия с настройками виджета пользователь может загрузить или выгрузить настройки виджета. Каждое из указанных действий работает с помощью отдельных иконок в интерфейсе виджета. Иконки расположены в виджете снизу по центру.<br />
[[File:Скачать_и_загрузить_настройки_топлива.png|thumb|center| Пример отображения кнопок для загрузки и выгрузки настроек|800px]]<br />
== '''Добавление настроенного виджета в трансляцию''' ==<br />
Чтобы создать трансляцию с виджетом, необходимо перейти в раздел «Трансляция» личного кабинета и найти категорию «Создать».<br />
[[File:Создание_транлсяций.png|thumb|center| Пример отображения раздела «Трансляция» и категории «Создать» в личном кабинете.|800px]]<br />
На открывшейся странице необходимо найти иконку «Добавить зону» и определить подходящую зону. По клику на этой зоне откроются настройки в которых необходимо указать требуемые размеры — ширину и высоту. Оба параметра необходимо указать в пикселях и нажать на кнопку «Сохранить».<br />
{{Note|Если виджет используется для двухсторонней стелы АЗС необходимо указать общую ширину для двух экранов.|warn}}<br />
[[File:Параметры_для_настрйоки.png|thumb|center| Пример отображения настроек зоны|800px]]<br />
Выбрать нужный контент (например видео) и перенести в необходимую зону и также перенести в эту же зону виджет. В нижней части экрана отобразится плейлист для зоны.<br />
[[File:Контент_в_плейлисте.png|thumb|center| Пример отображения контента в плейлисте|800px]]<br />
В этом листе необходимо перетянуть контент/виджет так, чтобы они стартовали одинаково.<br />
[[File:Выравнивание старта.png|thumb|center| Пример отображения настройки контента для равного старта|800px]]<br />
Далее с помощью клика по контенту копируем продолжительность и вставляем скопированное значение в параметр продолжительности в виджете, тем самым уравнивая длительность проигрывания его с контентом.<br />
[[File:Настройка_продолжительности.png|thumb|center| Пример отображения параметра продолжительностьв|800px]]<br />
== '''Добавление настроенного виджета в трансляцию''' ==<br />
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wiki SmartPlayer:<br />
* [[Раздел "Устройства"]]<br />
* [[Раздел "Контент на устройства"]]<br />
* [[Раздел "Трансляции"]]<br />
* [[Раздел "Расписание"]]<br />
== '''Видеоинструкция''' ==<br />
[https://vk.com/video-227547238_456239101 Инструкция по работе с виджетом «Цены для АЗС»]<br />
== '''Дополнительная информация''' ==<br />
Если данная статья не помогает использовать функционал по назначению или после её прочтения остаются вопросы, их можно озвучить в разделе "Обсуждения" вверху страницы.<br />
[[File:Обсуждение_цены_топлива.png|thumb|center| Пример отображения вкладки «Обсуждения» на wiki-странице |800px]]<br />
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]</div>FuzzyBot