Виджет авторизации: различия между версиями

Материал из SmartPlayer
(Новая страница: «== '''Описание ситуации''' == Большинство пользователей не хотят чтобы такие персональные данные как "логин" и "пароль" хранились во внешних сервисах и при этом могли вводиться автоматически. Для этого был создан данный "Виджет авторизации", который позволя...»)
 
Нет описания правки
Строка 1: Строка 1:
== '''Описание ситуации''' ==
== '''Описание ситуации''' ==
Большинство пользователей не хотят чтобы такие персональные данные как "логин" и "пароль" хранились во внешних сервисах и при этом могли вводиться автоматически. Для этого был создан данный "Виджет авторизации", который позволяет решить эту проблему.  
Большинство пользователей не хотят чтобы такие персональные данные как "логин" и "пароль" хранились во внешних сервисах и при этом могли вводиться автоматически. Для этого был создан данный "Виджет авторизации", который позволяет решить эту проблему.  
== '''Принцип действия''' ==
== '''Подготовка''' ==
=== '''Создание трансляции''' ===
=== '''Создание трансляции''' ===
# Первоначально нужно в главной панели навигации, в разделе «Трансляции» выбрать пункт «Создать»<br>
# Первоначально нужно перейти в главную панель навигации  
# В появившемся окне задаем параметры страницы (по умолчанию используется горизонтальная ориентация 1920*1080). Для этого в верхней части экрана нажимаем  , в появившемся меню указываем параметры «Ширина» и «Высота». Нажимаем сохранить.
# В разделе «Трансляции» выбрать пункт «Создать»<br>
# Добавляем зону трансляции и растягиваем ее на все поле.
# В появившемся окне задаем параметры страницы. Для этого в верхней части экрана нажимаем  , в появившемся меню указываем параметры «Ширина» и «Высота». Нажимаем сохранить. {{Note|По умолчанию используется горизонтальная ориентация 1920*1080. |warn}}
# Выбираем зону трансляции и растягиваем ее на все поле.
=== '''Добавление виджета''' ===
=== '''Добавление виджета''' ===
Нажимаем на рабочее поле и в появившемся в правой части меню (контент) нам представлены несколько папок с отсортированным контентом и главная папка со всем загруженным в систему контентом.<br>
Кликаем на рабочем поле обращаем внимание на появившееся меню под названием "контент", в правой части экрана  нам представлены несколько папок с отсортированным контентом и главная папка со всем загруженным в систему контентом.<br>
Выбираем нужный виджет и перетаскиваем его в рабочее поле. Во вкладке «Настройка контента» в правой части экрана, указываем продолжительность 10400сек
Выбираем нужный виджет и перетаскиваем его в рабочее поле. Во вкладке «Настройка контента» в правой части экрана, указываем продолжительность 10400сек
=== '''Подготовка подложки''' ===
=== '''Подготовка подложки''' ===
В браузере открываем страницу авторизации Google, включаем полноэкранный режим (по умолчанию F11) и делаем полный скриншот. Далее вводим логин и переходим на страницу с вводом пароля, аналогично делаем скриншот экрана. Создаем отдельную папку во вкладке «Контент» и добавляем туда сделанные скриншоты.<br>
В браузере открываем страницу авторизации Google, включаем полноэкранный режим (по умолчанию F11) и делаем полный скриншот. Далее вводим логин и переходим на страницу с вводом пароля, аналогично делаем скриншот экрана. Создаем отдельную папку во вкладке «Контент» и добавляем туда сделанные скриншоты.<br>
{{Note|Необходимо делать скриншот в полноэкранном режиме, иначе поля авторизации не совпадут.|warn}}
{{Note|Необходимо делать скриншот в полноэкранном режиме, иначе поля авторизации не совпадут.|warn}}
== '''Работа с виджетом''' ==
=== '''Настройка виджета''' ===
=== '''Настройка виджета''' ===
Указываем адрес страницы сервиса авторизации Google. Спускаемся в самый низ страницы настроек и выбираем папку, где хранятся скриншоты, нажимаем «Сохранить» и «Применить настройки»<br>
В качестве примера будет использоваться страница авторизации в Google.<br>
Теперь у нас отобразились наши скриншоты и поля, которые необходимо подставить.
Указываем адрес страницы (URL) сервиса авторизации Google. Скролим в самый низ страницы настроек и выбираем папку, где хранятся скриншоты. Нажимаем «Сохранить» и «Применить настройки»<br>
Первым делом заполняем данные на полях логина и пароля (по умолчанию поля находятся в верхнем левом углу) В дальнейшем эти данные будут подставлены в соответствующие поля.<br>
После у нас отобразились наши скриншоты и поля, которые необходимо заполнить.<br>
Выбираем скриншот, на котором вводим логин и подставляем поле логин. На кнопку «далее» подставляем «next». <br>
Первым делом заполняем данные на полях логина и пароля. По умолчанию поля находятся в верхнем левом углу<br>
В дальнейшем эти данные будут подставлены в соответствующие поля.<br>
Выбираем скриншот с логином и в нёс совмещаем контуры окна логин подставляем поле логин. Очень важно правильно совместить контуры окна логина скриншота с окном "логина" виджета. Кнопку  «далее» совмещаем с прямоугольником «next». <br>
Переходим на следующий скриншот. В поле «пароль», подставляем поле «пароль».<br>
Переходим на следующий скриншот. В поле «пароль», подставляем поле «пароль».<br>
На кнопку «далее» на скриншоте с паролем подставляем «Authorize».<br>
На кнопку «далее» на скриншоте с паролем подставляем «Authorize».<br>
Нажимаем «Сохранить». Даем название нашей трансляции. Сохраняем ее и запускаем на устройстве.
Нажимаем кнопку «Сохранить».<br>
Далее даем название нашей трансляции, сохраняем ее и запускаем на устройстве.
== '''Итоговый результат''' ==
Использование виджета позволит сохранить пользователю конфиденциальность своих данных и при этом он сможет использовать систему автологинизации.

Версия от 09:57, 16 августа 2023

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

Большинство пользователей не хотят чтобы такие персональные данные как "логин" и "пароль" хранились во внешних сервисах и при этом могли вводиться автоматически. Для этого был создан данный "Виджет авторизации", который позволяет решить эту проблему.

Подготовка

Создание трансляции

  1. Первоначально нужно перейти в главную панель навигации
  2. В разделе «Трансляции» выбрать пункт «Создать»
  3. В появившемся окне задаем параметры страницы. Для этого в верхней части экрана нажимаем , в появившемся меню указываем параметры «Ширина» и «Высота». Нажимаем сохранить.
    По умолчанию используется горизонтальная ориентация 1920*1080.
  4. Выбираем зону трансляции и растягиваем ее на все поле.

Добавление виджета

Кликаем на рабочем поле обращаем внимание на появившееся меню под названием "контент", в правой части экрана нам представлены несколько папок с отсортированным контентом и главная папка со всем загруженным в систему контентом.
Выбираем нужный виджет и перетаскиваем его в рабочее поле. Во вкладке «Настройка контента» в правой части экрана, указываем продолжительность 10400сек

Подготовка подложки

В браузере открываем страницу авторизации Google, включаем полноэкранный режим (по умолчанию F11) и делаем полный скриншот. Далее вводим логин и переходим на страницу с вводом пароля, аналогично делаем скриншот экрана. Создаем отдельную папку во вкладке «Контент» и добавляем туда сделанные скриншоты.

Необходимо делать скриншот в полноэкранном режиме, иначе поля авторизации не совпадут.

Работа с виджетом

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

В качестве примера будет использоваться страница авторизации в Google.
Указываем адрес страницы (URL) сервиса авторизации Google. Скролим в самый низ страницы настроек и выбираем папку, где хранятся скриншоты. Нажимаем «Сохранить» и «Применить настройки»
После у нас отобразились наши скриншоты и поля, которые необходимо заполнить.
Первым делом заполняем данные на полях логина и пароля. По умолчанию поля находятся в верхнем левом углу
В дальнейшем эти данные будут подставлены в соответствующие поля.
Выбираем скриншот с логином и в нёс совмещаем контуры окна логин подставляем поле логин. Очень важно правильно совместить контуры окна логина скриншота с окном "логина" виджета. Кнопку «далее» совмещаем с прямоугольником «next».
Переходим на следующий скриншот. В поле «пароль», подставляем поле «пароль».
На кнопку «далее» на скриншоте с паролем подставляем «Authorize».
Нажимаем кнопку «Сохранить».
Далее даем название нашей трансляции, сохраняем ее и запускаем на устройстве.

Итоговый результат

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