Виджет авторизации Ver.2.0: различия между версиями
Нет описания правки |
|||
| Строка 27: | Строка 27: | ||
* чекбокс(галочка)«Автоскрол» — активирует/деактивирует автоматический скролл на странице после прохождения процесса авторизации; | * чекбокс(галочка)«Автоскрол» — активирует/деактивирует автоматический скролл на странице после прохождения процесса авторизации; | ||
* скорость автоскролла — прописывается значение для учета скорости автоскролла. Измеряется в процентах (%). Минимальное значение — 1, максимальное - 100. Если значение будет вне диапазона будут использоваться ближайшие пограничные к диапазону значения; | * скорость автоскролла — прописывается значение для учета скорости автоскролла. Измеряется в процентах (%). Минимальное значение — 1, максимальное - 100. Если значение будет вне диапазона будут использоваться ближайшие пограничные к диапазону значения; | ||
* задержка перед началом автоскролла — прописывается значение задержки, запуска работы автоскролла. Измеряется в | * задержка перед началом автоскролла — прописывается значение задержки, запуска работы автоскролла. Измеряется в миллисекундах; | ||
* выбрать изображение — позволяет выбрать загруженные изображения из | * выбрать изображение — позволяет выбрать загруженные изображения из папки расположенной в личном кабинете SmartPlayer. | ||
[[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]] | ||
Далее виджет растянется на весь экран и пользователь должен нажать на кнопку «Сохранить», внизу по центру экрана. | Далее виджет растянется на весь экран и пользователь должен нажать на кнопку «Сохранить», внизу по центру экрана. | ||
[[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]] | |||
После создание поля и кнопки пользователю необходимо разместить их на экране со скриншотом. | |||
[[File:Добавление_действий.png|thumb|center| Пример отображения кнопок действия |800px]] | |||
Добавленные действия также отобразятся в колонке «Шаги авторизации» внутри текущего шага. | |||
[[File:Добавление_действий.png|thumb|center| Пример отображения кнопок действия |800px]] | |||
При перемещении элементов откроется панель с параметрами для настройки выбранного элемента. О параметрах поля и кнопки будет описано ниже в разделе. Также при перемещении подсвечивается только выбранный пользователем элемент. | |||
== '''Колонка «Шаги авторизации»''' == | |||
=== '''Настройки кнопки''' === | |||
=== '''Блок схема''' === | |||
== '''Добавление настроенного виджета в трансляцию''' == | == '''Добавление настроенного виджета в трансляцию''' == | ||
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia: | Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia: | ||
Версия от 16:38, 18 февраля 2026
Описание ситуации
Виджет авторизации — это инструмент, который позволял пользователям проводить автоматическую авторизацию на платформах при проигрывание. Новая версия виджета предлагает дополнительные возможности к логике работы функционала, упрощает взаимодействие и делает пользовательский опыт более позитивным.
Ознакомиться с работой первой версии виджета можно по ссылке здесь
Добавление виджета в личный кабинет
Чтобы добавить данный виджет в личный кабинет, пользователю необходимо запросить у специалиста команды технической поддержки архив с содержимым. Он будет предоставлен в формате .zip - архива.
После этого пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент».
В разделе «Контент» необходимо перетянуть данный виджет из локального хранилища в личный кабинет. После того как пользователь перенесет виджет в личный кабинет, он отобразится в списке с контентом.
Главная страница виджета
После переноса виджета для первичной настройки пользователю необходимо дважды кликнуть по иконке. Данное действие перенесет его на главную страницу виджета.
На главной странице виджета отображается:
- инструкция по использованию виджета (главный экран, на котором после настройки будет идти настройка);
- кнопки управления виджетом;
- колонка учёта шагов.
Общие настройки виджета
Кликнув на кнопку «Настройки» с иконкой в виде шестерёнки пользователю откроется страница с общими настройками виджета. На этой странице можно настроить следующие параметры:
- выбор языка — позволяет выбрать один из доступных для работы виджета языков. Доступные языки — русский, английский, испанский, португальский, казахский;
- адрес страницы — необходимо вставить URL-ссылку на нужную страницу авторизации;
- чекбокс(галочка)«Запустить десктопную версию» — активирует/деактивирует масштабирование элементов отображаемых на экране по размерам экрана устройства вывода данных;
- интервал обновления страницы — необходимо указать значения для интервала обновления страницы. Измеряется в секундах. Минимальное значение — 30 секунд;
- чекбокс(галочка)«Автоскрол» — активирует/деактивирует автоматический скролл на странице после прохождения процесса авторизации;
- скорость автоскролла — прописывается значение для учета скорости автоскролла. Измеряется в процентах (%). Минимальное значение — 1, максимальное - 100. Если значение будет вне диапазона будут использоваться ближайшие пограничные к диапазону значения;
- задержка перед началом автоскролла — прописывается значение задержки, запуска работы автоскролла. Измеряется в миллисекундах;
- выбрать изображение — позволяет выбрать загруженные изображения из папки расположенной в личном кабинете SmartPlayer.
Загрузка и скачивание настроек
В процессе взаимодействия с настройками виджета пользователь может загрузить или выгрузить настройки виджета. Каждое из указанных действий можно сделать с помощью отдельных иконок в интерфейсе виджета. Иконки расположены в виджете снизу по центру.
Завершение общих настроек виджета
После завершения работ по настройке виджета пользователь должен нажать на кнопку «Применить настройки» в правой нижней части экрана. Либо пользователь может не сохранять выставленные настройки по кнопке «Сбросить».
Далее виджет растянется на весь экран и пользователь должен нажать на кнопку «Сохранить», внизу по центру экрана.
Добавление шага
После завершения общих настроек виджета в левой нижней части экрана для пользователя станет активна кнопка «Добавить шаг». По клику на нее изменится отображение страницы:
- будут отображены новые кнопки:
- выбрать скриншот;
- добавить действие.
- в колонке «Шаги авторизации» появиться новый шаг и две кнопки:
- применить;
- блок схема.
- в левом верхнем углу появиться обозначение текущего шага в виде кнопки (является кликабельной кнопкой)
Выбор скриншота
Пользователю по нажатию на одноименную кнопку откроется модальное окно, в котором загружены все скриншоты из папки. В этом окне необходимо выбрать нужны для шага скриншот.
После выбора название скриншота будет отображено в колонке «Шаги авторизации» для первого шага.
Добавить действие
Пользователю по нажатию на одноименную кнопку откроется выбор с двумя вариантами действий:
- добавить поле ввода — создаёт на экране поле для наложения и ввода данных накладываемое на поле авторизации;
- добавить кнопку — создаёт кнопку, которая делает клик и накладывается на кнопки, которые есть на страницах авторизации, чтобы делать действия;
После создание поля и кнопки пользователю необходимо разместить их на экране со скриншотом.
Добавленные действия также отобразятся в колонке «Шаги авторизации» внутри текущего шага.
При перемещении элементов откроется панель с параметрами для настройки выбранного элемента. О параметрах поля и кнопки будет описано ниже в разделе. Также при перемещении подсвечивается только выбранный пользователем элемент.
Колонка «Шаги авторизации»
Настройки кнопки
Блок схема
Добавление настроенного виджета в трансляцию
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:
Видеоинструкция
Настройка виджета авторизации ver. 2.0
Дополнительная информация
Если данная статья не помогает использовать функционал по назначению, или после её прочтения остаются вопросы, их можно озвучить в разделе "Обсуждения" вверху страницы.
Также дополнительную информацию можно узнать на странице Как взаимодействовать пользователю с разделом "Обсуждения"
