https://wiki.smartplayer.org/index.php?action=history&feed=atom&title=%D0%92%D0%B8%D0%B4%D0%B6%D0%B5%D1%82_%D0%B0%D0%B2%D1%82%D0%BE%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8%2FruВиджет авторизации/ru - История изменений2026-05-14T22:19:19ZИстория изменений этой страницы в викиMediaWiki 1.45.1https://wiki.smartplayer.org/index.php?title=%D0%92%D0%B8%D0%B4%D0%B6%D0%B5%D1%82_%D0%B0%D0%B2%D1%82%D0%BE%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8/ru&diff=12352&oldid=prevFuzzyBot: Обновление для соответствия новой версии исходной страницы.2024-05-14T07:22:18Z<p>Обновление для соответствия новой версии исходной страницы.</p>
<a href="https://wiki.smartplayer.org/index.php?title=%D0%92%D0%B8%D0%B4%D0%B6%D0%B5%D1%82_%D0%B0%D0%B2%D1%82%D0%BE%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8/ru&diff=12352&oldid=9935">Внесённые изменения</a>FuzzyBothttps://wiki.smartplayer.org/index.php?title=%D0%92%D0%B8%D0%B4%D0%B6%D0%B5%D1%82_%D0%B0%D0%B2%D1%82%D0%BE%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8/ru&diff=9935&oldid=prevFuzzyBot: Обновление для соответствия новой версии исходной страницы.2023-08-18T12:05:48Z<p>Обновление для соответствия новой версии исходной страницы.</p>
<p><b>Новая страница</b></p><div>== '''Описание ситуации''' ==<br />
Пользователям периодически необходимо загрузить контент со своего сайта. Для получения контента им чаще всего нужно пройти процесс авторизацию. Чтобы не проходит аутентификации в ручном режиме и полностью автоматизировать процесс был создан виджет авторизации.<br />
{{Note|Виджет совместим с порталами имеющих логику авторизации аналогичную Google|warn}}<br />
== '''Логика работы виджета''' ==<br />
{{Note|Виджет разработан для работы в панелях использующих разрешение Full HD (1920X1080) и поддерживает все форматы картинок (JPEG,PNG)|warn}}<br />
* Подготовить трансляцию <br />
* Пользователь заходит на страницу авторизации и копирует URL страницы <br />
* В этой же странице разворачивает окно "Логин" на полный экран, нажав "F11".<br />
* Тоже самое делает с окном "Пароль"<br />
* Сохраняет скриншоты на своём устройстве <br />
* Заходит в личный кабинет SmartPlayer<br />
* Создаёт папку для скриншотов внутри личного кабинета и переносит их в нее<br />
* Запускает виджет по инструкции и заносит в него нужные данные<br />
* Авторизуется с помощью виджета и может продолжать демонстрировать контент <br />
'''Важно: Если пользователь использует в качестве устройства ноутбук и после нажатия "F 11" может не произойти никаких действий. Это связано с тем что в операционной системе у него "по умолчанию" стоит включено - "использование панели Function". В таком случае, чтобы развернуть страницу браузера необходимо нажать клавиши "Fn + F 11".'''<br />
== '''Настройка виджета''' ==<br />
{{Note|Виджет авторизации настраивается самим пользователем при входе |warn}}<br />
{{Note|В качестве примера будет использоваться страница авторизации в Google. |warn}}<br />
=== '''Получение виджета''' ===<br />
Пользователь получает виджет в виде архива.<br><br />
Этот архив интегрируется в личный кабинет. Его добавление происходит в разделе "Контент" во вкладке "Виджеты". Встраивание происходит с помощью перетаскивания архива из репозитория где он хранится в окно личного кабинета.<br><br />
После этого виджет будет хранится внутри вашего личного кабинета<br />
[[File:IG.png|thumb|center|Пример отображения переноса виджета в личный кабинет|150px]]<br />
=== '''Создание трансляции''' ===<br />
# Первоначально нужно перейти в главную панель навигации <br />
# В разделе «Трансляции» выбрать пункт «Создать»<br><br />
# В появившемся окне задаем параметры страницы. Для этого в верхней части экрана нажимаем "шестерёнку" и в появившемся меню указываем параметры «Ширина» и «Высота». Нажимаем сохранить. По умолчанию используется горизонтальная ориентация 1920Х1080. <br />
# Выбираем зону трансляции нажав на специальный иконку и растягиваем ее на все поле.<br />
[[File:Разрешение.png|thumb|center|Настройка разрешения |150px]]<br />
[[File:Подготовка экрана.png|thumb|center|Подготовка трансляции |150px]]<br />
=== '''Добавление виджета''' ===<br />
[[File:Время 10400.png|thumb|right|Установка продолжительности трансляции|150px]]<br />
После того как пользователь настроил трансляцию, ему необходимо добавить виджет.<br><br />
* Кликаем на рабочее поле и обращаем внимание на появившееся меню под названием "контент", в правой части экрана. Там представлены несколько папок с отсортированным контентом и главная папка со всем загруженным в систему контентом.<br />
* В этом списке находится виджет. Выбираем его и перетаскиваем его в рабочее поле.<br><br />
* Во вкладке «Настройка контента» в правой части экрана, указываем продолжительность 10400сек<br />
[[File:Добавление виджета в трансляцию.png|thumb|center|Поиск виджета и разделе "Контент" |150px]]<br />
[[File:Перенос виджета.png|thumb|center|Перенос виджета в рабочую зону |150px]]<br />
=== '''Подготовка подложки''' ===<br />
В браузере открываем страницу авторизации Google, включаем полноэкранный режим (по умолчанию F11) и делаем полный скриншот. Далее вводим логин и переходим на страницу с вводом пароля, аналогично делаем скриншот экрана. Создаем отдельную папку во вкладке «Контент» и добавляем туда сделанные скриншоты.<br><br />
{{Note|Необходимо делать скриншот в полноэкранном режиме выделяя всю область экрана, иначе поля авторизации не совпадут.|warn}}<br />
[[File:Подложка логин и пароль.png|thumb|center|Готовые подложки для логина и пароля на примере Google|150px]]<br />
== '''Работа с виджетом''' ==<br />
=== '''Настройка виджета''' ===<br />
[[File:Настраиваем виджет.png|thumb|right|Пример перехода в раздел настройки|150px]]<br />
[[File:Нужные поля.png|thumb|right|Поля которые обязательно надо заполнить |150px]]<br />
[[File:Применить настройки.png|thumb|right|Поля выбора источников с контентом и применения настроек |150px]]<br />
После всех подготовительных мероприятий необходимо перейти в настройки виджета.<br />
В открывшемся окне можно увидеть области виджета, которые можно перемещать. Справа сверху нужно нажать на "Шестерёнку" и открыть окно настройки параметров виджета.<br />
В них мы указываем :<br />
* Указываем адрес страницы авторизации в графе "Адрес страницы сервиса авторизации". <br />
* Заполняем строку "Значение поля логина" и "Значение поля пароль". Также можно воспользоваться альтернативным вариантом и заполнить данные на окне подложки<br />
* Далее скролим в самый низ страницы настроек и выбираем папку, где хранятся скриншоты. Нажимаем «Сохранить» и «Применить настройки»<br><br />
* После у нас отобразились наши скриншоты и поля, в которых указаны данные прописанные в настройках виджета.<br><br />
* Слева внизу появляется переключатель скриншотов подложки.<br />
=== '''Манипуляции с подложками''' ===<br />
Выбираем скриншот с логином, он обычно идёт как "Scrennshot 1"в нём совмещаем контуры окна "логин" и подставляем его в поле "логин".<br><br />
Кнопку «далее» совмещаем с прямоугольником «next». <br><br />
Переходим на следующий скриншот "Scrennshot 2". Поле «пароль» совмещаем по контуру с окном «пароль».<br><br />
На кнопку «далее» на скриншоте с паролем подставляем «Authorize».<br><br />
Нажимаем кнопку «Сохранить».<br><br />
Далее даем название нашей трансляции, сохраняем ее и запускаем на устройстве.<br />
[[File:Окно.png|thumb|center|Подложка где сопоставляют поля и переключают подложки|300px]]<br />
=== '''Внешний вид виджета''' ===<br />
Виджет использует в качестве рабочего экрана область скриншота. Он состоит из четырёх блоков:<br />
# Логин - прямоугольная область с данными. В эту строку вставляется электронная почта. Совмещаем с областью "логина" на скриншоте<br />
# Пароль - прямоугольная область с данными. В данную строку прописывают пароль. Совмещаем с областью "пароля" на скриншоте.<br />
# Authorize - прямоугольная область, которая производит нажатие кнопки (кликер). Совмещаем с кнопкой "авторизация" на скриншоте. <br />
# Next - прямоугольная область, которая производит нажатие кнопки (кликер). Совмещаем с кнопкой "далее" на скриншоте<br />
[[File:Настраиваемы области.png|thumb|center|Пример отображения областей виджета авторизации|300px]]<br />
== '''Итоговый результат''' ==<br />
Использование виджета позволит сохранить пользователю конфиденциальность своих данных и при этом он сможет использовать систему автологинизации.</div>FuzzyBot