Виджет авторизации/en - История изменений

N.Bloshkin в 07:42, 14 мая 2024

2024-05-14T07:42:46Z

← Предыдущая версия		Версия от 10:42, 14 мая 2024
Строка 11:		Строка 11:
	* Launch the widget following the instructions and enter the necessary data		* Launch the widget following the instructions and enter the necessary data
	* Authenticate using the widget and use the content from the site in your broadcast within SmartPlayer		* Authenticate using the widget and use the content from the site in your broadcast within SmartPlayer
	[[File:Логика~~.png~~.png\|thumb\|center\| Widget operating logic\|800px]]		[[File:Логика.png\|thumb\|center\| Widget operating logic\|800px]]
	{{Note\| If the user is using a laptop, pressing "F11" might not result in any action. This is because the operating system may have "Function key lock" enabled by default. In such cases, to expand the browser window, press "Fn + F11".\|warn}}		{{Note\| If the user is using a laptop, pressing "F11" might not result in any action. This is because the operating system may have "Function key lock" enabled by default. In such cases, to expand the browser window, press "Fn + F11".\|warn}}
	== '''Widget Setup''' ==		== '''Widget Setup''' ==

N.Bloshkin: Новая страница: «=== '''Interaction with Backgrounds''' === The user selects the screenshot with the login. This screenshot is usually labeled as "Screenshot 1". In this screenshot, align the outlines of the "login" window and place it in the "login" field on the screenshot.
The next step is to align the "Next" button with the "Next" field.
Switch to the next screenshot, "Screenshot 2". The user also aligns the "password" field with the "password" field on the screen...»

2024-05-14T07:40:29Z

Новая страница: «=== '''Interaction with Backgrounds''' === The user selects the screenshot with the login. This screenshot is usually labeled as "Screenshot 1". In this screenshot, align the outlines of the "login" window and place it in the "login" field on the screenshot.<br> The next step is to align the "Next" button with the "Next" field.<br> Switch to the next screenshot, "Screenshot 2". The user also aligns the "password" field with the "password" field on the screen...»

← Предыдущая версия		Версия от 10:40, 14 мая 2024
Строка 50:		Строка 50:
	[[File:Нужные поля.png\|thumb\|center\|Fields that must be filled in\|800px]]		[[File:Нужные поля.png\|thumb\|center\|Fields that must be filled in\|800px]]
	[[File:Применить настройки.png\|thumb\|center\|Fields for selecting content sources and applying settings\|800px]]		[[File:Применить настройки.png\|thumb\|center\|Fields for selecting content sources and applying settings\|800px]]
	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		=== '''Interaction with Backgrounds''' ===
	=== '''~~Взаимодействие с подложками~~''' ===		The user selects the screenshot with the login. This screenshot is usually labeled as "Screenshot 1". In this screenshot, align the outlines of the "login" window and place it in the "login" field on the screenshot.<br>
	~~Пользователь выбирает скриншот с логином~~. ~~Данный скриншот обычно идёт как~~ "~~Scrennshot~~ 1". ~~В этом скриншоте совмещаем контуры окна~~ "~~логин~~" ~~и подставляем его в поле~~ "~~логин~~" ~~на скриншоте~~.<br>		The next step is to align the "Next" button with the "Next" field.<br>
	~~Следующим шагом совмещаем кнопку~~ "~~Далее~~" ~~с полем~~ "Next". <br>		Switch to the next screenshot, "Screenshot 2". The user also aligns the "password" field with the "password" field on the screenshot.<br>
	~~Перейди на следующий скриншот~~ "~~Scrennshot~~ 2"~~, пользователь также совмещает по контурам поле «пароль» с полем «пароль» на скриншоте~~.<br>		Click the "Next" button on the password screenshot and place "Authorize".<br>
	~~Нажимаем на кнопку «далее» на скриншоте с паролем и подставляем «Authorize»~~.<br>		Then click the "Save" button.<br>
	~~Далее нажимает на кнопку «Сохранить»~~.<br>		The final step is for the user to name the broadcast, save it, and launch it on the device.
	~~Финальным шагом пользователь дает название трансляции~~, ~~сохраняет ее и запускает на устройстве~~.		[[File:Окно.png\|thumb\|center\|Background where fields are aligned and backgrounds are switched\|800px]]
	[[File:Окно.png\|thumb\|center\|~~Подложка где сопоставляют поля и переключают подложки~~\|800px]]		=== '''Widget Appearance''' ===
	=== '''~~Внешний вид виджета~~''' ===		The widget uses the screenshot area as the workspace. It consists of four blocks:
	~~Виджет использует в качестве рабочего экрана область скриншота~~. ~~Он состоит из четырёх блоков~~:		* Login - a rectangular area with data. The email is inserted into this line. Align it with the "login" area on the screenshot.
	~~# Логин~~ - ~~прямоугольная область с данными~~. ~~В эту строку вставляется электронная почта~~. ~~Совмещаем с областью~~ "~~логина~~" ~~на скриншоте~~		* Password - a rectangular area with data. The password is inserted into this line. Align it with the "password" area on the screenshot.
	~~# Пароль~~ - ~~прямоугольная область с данными~~. ~~В данную строку прописывают пароль~~. ~~Совмещаем с областью~~ "~~пароля~~" ~~на скриншоте~~.		* Authorize - a rectangular area that clicks the button (clicker). Align it with the "authorize" button on the screenshot.
	# Authorize - ~~прямоугольная область, которая производит нажатие кнопки~~ (~~кликер~~). ~~Совмещаем с кнопкой~~ "~~авторизация~~" ~~на скриншоте~~.		* Next - a rectangular area that clicks the button (clicker). Align it with the "next" button on the screenshot.
	# Next - ~~прямоугольная область, которая производит нажатие кнопки~~ (~~кликер~~). ~~Совмещаем с кнопкой~~ "~~далее~~" ~~на скриншоте~~		* Click - a rectangular area that allows for an additional click action anywhere on the widget.
	# Click - прямоугольная область, которая позволяет производить дополнительное действие клика на любой области виджета.		[[File:Кнопки_скринов.png\|thumb\|center\|Example of the authorization widget areas\|800px]]
	[[File:Кнопки_скринов.png\|thumb\|center\|~~Пример отображения областей виджета авторизации~~\|800px]]		== '''Video Instruction''' ==
	== '''~~Видеоинструкция~~''' ==		== '''Final Outcome''' ==
	== '''~~Итоговый результат~~''' ==		Users of this functionality will be able to automatically authenticate on their website and use the content they need from their site.
	Пользователь данной функциональности сможет автоматически проходит авторизацию на своем сайте и использовать нужный ему контент со своего сайта.
	~~</div>~~

N.Bloshkin: Новая страница: «== '''Working with the Widget''' == === '''Widget Configuration''' === 800px {{Note|The widget configuration is performed only after all the steps mentioned above in the article have been completed.|warn}} When the user opens the widget, they will see areas on the screen that can be moved.
In the top right corner, the user needs to click on the "gear/s...»

2024-05-14T07:39:06Z

Новая страница: «== '''Working with the Widget''' == === '''Widget Configuration''' === thumb|center|Example of accessing the settings section|800px {{Note|The widget configuration is performed only after all the steps mentioned above in the article have been completed.|warn}} When the user opens the widget, they will see areas on the screen that can be moved.<br> In the top right corner, the user needs to click on the "gear/s...»

← Предыдущая версия		Версия от 10:39, 14 мая 2024
Строка 36:		Строка 36:
	{{Note\|Each time the authentication widget is added and used, the correctness of the field positioning within Google should be checked. Since the Google authentication page is frequently updated, the display of the fields may change.\|warn}}		{{Note\|Each time the authentication widget is added and used, the correctness of the field positioning within Google should be checked. Since the Google authentication page is frequently updated, the display of the fields may change.\|warn}}
	[[File:Log_and_pass.png\|thumb\|center\|Ready backgrounds for login and password on the example of Google\|800px]]		[[File:Log_and_pass.png\|thumb\|center\|Ready backgrounds for login and password on the example of Google\|800px]]
	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		== '''Working with the Widget''' ==
	== '''~~Работа с виджетом~~''' ==		=== '''Widget Configuration''' ===
	=== '''~~Настройка виджета~~''' ===		[[File:Настраиваем виджет.png\|thumb\|center\|Example of accessing the settings section\|800px]]
	[[File:Настраиваем виджет.png\|thumb\|center\|~~Пример перехода в раздел настройки~~\|800px]]		{{Note\|The widget configuration is performed only after all the steps mentioned above in the article have been completed.\|warn}}
	{{Note\|~~Настройка виджета производится только после всех действий, указанных выше в статье~~.\|warn}}		When the user opens the widget, they will see areas on the screen that can be moved.<br>
	~~Открыв виджет пользователь увидит области на экране~~, ~~которые сможет перемещать~~.<br>		In the top right corner, the user needs to click on the "gear/settings" icon to open the widget settings window.<br>
	~~Справа вверху пользователю нужно нажать на иконку~~ "~~шестеренка~~/~~настройки~~" ~~и открыть окно настройки параметров виджета~~.<br>		In the opened settings list, it is necessary to specify the following (all values are given in pixels "px"):
	~~В открывшемся списке настроек необходимо обязательно указать~~ (~~все значения указаны в пикселях~~ "px"):		* The address of the authentication page.
	* ~~Адрес страницы авторизации~~.		* Fill in the "Login Field Value" and "Password Field Value" fields. Alternatively, you can fill in the data on the background screen.
	* ~~Заполнить строки~~ "~~Значение поля логина~~" и "~~Значение поля пароль~~". ~~Также можно воспользоваться альтернативным вариантом и заполнить данные на окне подложки~~.		* Scroll down the settings page and select the folder where the screenshots of the authentication page with the login and password are stored. Be sure to click the "Save" button and then the "Apply Settings" button.
	* Проскроллив вниз страницу настроек и пользователь выбирает папку, где хранятся скриншоты страницы авторизации с логином и пароелм. ~~Обязательно нажимает кнопку~~ "~~Сохранить~~" ~~и кнопку~~ "~~Применить настройки~~".		* After saving the settings, the screenshots and their fields will be displayed, with the data specified in the settings indicated in the fields.
	* ~~После сохранения настроек отобразятся сделанные скриншоты и их поля~~, ~~в которых будут указаны данные прописанные в настройках~~.		* A background screenshot toggle will appear in the bottom left.
	* ~~Внизу слева появится переключатель скриншотов подложки~~.		[[File:Нужные поля.png\|thumb\|center\|Fields that must be filled in\|800px]]
	[[File:Нужные поля.png\|thumb\|center\|~~Поля которые обязательно надо заполнить~~ \|800px]]		[[File:Применить настройки.png\|thumb\|center\|Fields for selecting content sources and applying settings\|800px]]
	[[File:Применить настройки.png\|thumb\|center\|~~Поля выбора источников с контентом и применения настроек~~ \|800px]]
	~~</div>~~
	<div lang="ru" dir="ltr" class="mw-content-ltr">		<div lang="ru" dir="ltr" class="mw-content-ltr">
	=== '''Взаимодействие с подложками''' ===		=== '''Взаимодействие с подложками''' ===

N.Bloshkin: Новая страница: «== '''Widget Setup''' == The authentication widget is set up by the user upon entry. The Google authentication page will be used as an example. === '''Obtaining the Widget''' === The user receives the widget in the form of an archive. This archive is integrated into the personal account.
To add the widget archive, go to the "Content" section and the "Widgets" tab. Embedding is done by dragging and dropping the archive from the repository where it is sto...»

2024-05-14T07:35:37Z

Новая страница: «== '''Widget Setup''' == The authentication widget is set up by the user upon entry. The Google authentication page will be used as an example. === '''Obtaining the Widget''' === The user receives the widget in the form of an archive. This archive is integrated into the personal account. <br> To add the widget archive, go to the "Content" section and the "Widgets" tab. Embedding is done by dragging and dropping the archive from the repository where it is sto...»

← Предыдущая версия		Версия от 10:35, 14 мая 2024
Строка 13:		Строка 13:
	[[File:Логика.png.png\|thumb\|center\| Widget operating logic\|800px]]		[[File:Логика.png.png\|thumb\|center\| Widget operating logic\|800px]]
	{{Note\| If the user is using a laptop, pressing "F11" might not result in any action. This is because the operating system may have "Function key lock" enabled by default. In such cases, to expand the browser window, press "Fn + F11".\|warn}}		{{Note\| If the user is using a laptop, pressing "F11" might not result in any action. This is because the operating system may have "Function key lock" enabled by default. In such cases, to expand the browser window, press "Fn + F11".\|warn}}
	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		== '''Widget Setup''' ==
	== '''~~Настройка виджета~~''' ==		The authentication widget is set up by the user upon entry. The Google authentication page will be used as an example.
	~~Виджет авторизации настраивается самим пользователем при входе~~. ~~В качестве примера будет использоваться страница авторизации в~~ Google.		=== '''Obtaining the Widget''' ===
	=== '''~~Получение виджета~~''' ===		The user receives the widget in the form of an archive. This archive is integrated into the personal account. <br>
	~~Пользователь получает виджет в виде архива~~. ~~Данный архив интегрируется в личный кабинет~~. <br>		To add the widget archive, go to the "Content" section and the "Widgets" tab. Embedding is done by dragging and dropping the archive from the repository where it is stored into the personal account window.<br>
	~~Добавление архива с виджетом происходит в разделе~~ "~~Контент~~" ~~во вкладке~~ "~~Виджеты~~". Встраивание происходит при помощи перетаскивания архива из репозитория где он хранится в окно личного кабинета.<br>		After this, the widget will be stored within the user's personal account.
	~~После этого виджет будет хранится внутри личного кабинета пользователя~~.		[[File:IG.png\|thumb\|center\|Example of dragging the widget into the personal account\|800px]]
	[[File:IG.png\|thumb\|center\|~~Пример отображения переноса виджета в личный кабинет~~\|800px]]		=== '''Creating a Broadcast''' ===
	=== '''~~Создание трансляции~~''' ===		Before using the widget, the user needs to create a broadcast into which the widget will be placed. Detailed information on creating a broadcast can be found on the [[Раздел "Трансляции"]] page.
	~~Перед использованием виджета пользователю необходимо создать трансляцию~~, ~~в которую он поместит виджет~~. ~~Подробную информацию о создании трансляции можно найти на странице~~ [[Раздел "Трансляции"]]		=== '''Adding the Widget''' ===
	=== '''~~Добавление виджета~~''' ===		Once the user has set up the broadcast, they need to add the widget.<br>
	~~После того как пользователь настроил трансляцию~~, ~~ему необходимо добавить виджет~~.<br>		* The user clicks on the workspace and finds the "content" line on the right side of the screen. This line features several folders with sorted content and the main folder with all content uploaded to the system.
	* ~~Пользователь кликает на рабочее поле и находит строку~~ "~~контент~~"~~, в правой части экрана~~. В этой строке представлены несколько папок с отсортированным контентом и главная папка со всем загруженным в систему контентом.		* In the list, select the required widget. Using drag-and-drop, move it to the workspace.
	* ~~В списке необходимо выбрать нужный виджет~~. ~~С помощью~~ drag-n-drop ~~(перетягивания) переносим его в рабочую зону~~.		* In the "Content Settings" tab on the right side of the screen, set the duration to 10400 seconds.
	* ~~Во вкладке «Настройка контента» в правой части экрана~~, ~~указываем продолжительность 10400сек~~		[[File:Добавление виджета в трансляцию.png\|thumb\|center\|Finding the widget in the "Content" section\|800px]]
	[[File:Добавление виджета в трансляцию.png\|thumb\|center\|~~Поиск виджета и разделе~~ "~~Контент~~" \|800px]]		[[File:Перенос виджета.png\|thumb\|center\|Dragging the widget into the workspace\|800px]]
	[[File:Перенос виджета.png\|thumb\|center\|~~Перенос виджета в рабочую зону~~ \|800px]]		=== '''Preparing the Background''' ===
	=== '''~~Подготовка подложки~~''' ===		Open the Google authentication page in the browser and enable full-screen mode (default is F11). Then take a screenshot of the expanded screen.<br>
	~~В браузере необходимо открыть страницу авторизации "~~Google~~" и включить полноэкранный режим~~ (~~по умолчанию~~ F11). ~~Далее необходимо сделать скриншот развернутого экрана~~.<br>		The next step is to enter the login and go to the password entry page, similarly taking a screenshot of the screen.<br>
	~~Следующим шагом вводится логин и переходим на страницу с вводом пароля~~, ~~аналогично делаем скриншот экрана~~.<br>		Create a separate folder in the "Content" tab and add the created screenshots.<br>
	~~Создается отдельная папка во вкладке «Контент» и добавляются созданные скриншоты~~.<br>		{{Note\|Screenshots should be taken in full-screen mode, capturing the entire screen area; otherwise, the authentication fields may not align.\|warn}}
	{{Note\|~~Необходимо делать скриншот в полноэкранном режиме выделяя всю область экрана~~, ~~иначе поля авторизации не совпадут~~.\|warn}}		{{Note\|Each time the authentication widget is added and used, the correctness of the field positioning within Google should be checked. Since the Google authentication page is frequently updated, the display of the fields may change.\|warn}}
	{{Note\|При каждом добавлении виджета авторизации и его использовании необходимо сверять правильность расположения полей внутри Google. ~~Так как страница авторизации~~ Google ~~достаточно часто обновляется и отображение полей для заполнения может меняться~~.\|warn}}		[[File:Log_and_pass.png\|thumb\|center\|Ready backgrounds for login and password on the example of Google\|800px]]
	[[File:Log_and_pass.png\|thumb\|center\|~~Готовые подложки для логина и пароля на примере~~ Google\|800px]]
	~~</div>~~
	<div lang="ru" dir="ltr" class="mw-content-ltr">		<div lang="ru" dir="ltr" class="mw-content-ltr">
	== '''Работа с виджетом''' ==		== '''Работа с виджетом''' ==

N.Bloshkin: Новая страница: «== '''Situation Description''' == A user may want to use content from their own website as broadcast content. To incorporate this content into the broadcast, they will likely need to go through an authentication process on their site. To avoid manual authentication and fully automate the process, an authentication widget was created. {{Note|The widget is compatible with portals that have a Google-like authentication logic|warn}} == '''Widget Operating Logic'...»

2024-05-14T07:32:42Z

Новая страница: «== '''Situation Description''' == A user may want to use content from their own website as broadcast content. To incorporate this content into the broadcast, they will likely need to go through an authentication process on their site. To avoid manual authentication and fully automate the process, an authentication widget was created. {{Note|The widget is compatible with portals that have a Google-like authentication logic|warn}} == '''Widget Operating Logic'...»

← Предыдущая версия		Версия от 10:32, 14 мая 2024
Строка 1:		Строка 1:
	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		== '''Situation Description''' ==
	== '''~~Описание ситуации~~''' ==		A user may want to use content from their own website as broadcast content. To incorporate this content into the broadcast, they will likely need to go through an authentication process on their site. To avoid manual authentication and fully automate the process, an authentication widget was created.
	~~Пользователь может захотеть использовать контент со своего сайта в качестве контента для трансляции~~. ~~Чтобы получить данный контент в трансляцию~~, ~~ему скорее всего придется пройти процесс авторизации на своём сайте~~. Чтобы не проходит авторизацию в ручном режиме и полностью автоматизировать процесс был создан виджет авторизации.		{{Note\|The widget is compatible with portals that have a Google-like authentication logic\|warn}}
	{{Note\|~~Виджет совместим с порталами имеющих логику авторизации аналогичную~~ Google\|warn}}		== '''Widget Operating Logic''' ==
	== '''~~Логика работы виджета~~''' ==		{{Note\|The widget is designed for use in panels that utilize Full HD resolution (1920X1080) and supports all "image" formats (JPEG, PNG)\|warn}}
	{{Note\|~~Виджет разработан для работы в панелях использующих разрешение~~ Full HD (1920X1080) ~~и поддерживает все форматы~~ "~~рисунков~~"(JPEG,PNG)\|warn}}		* Prepare the broadcast
	* ~~Подготовить трансляцию~~		* Copy the URL link from the required web page for authentication
	* ~~Скопировать~~ URL ~~ссылку с нужной интернет страницы авторизации~~		* Expand the login input window using the "F11" key and take a screenshot
	* ~~Развернуть с помощью клавиши~~ "F11" ~~окно ввода логина и сделать скриншот~~		* Similarly, expand the password input window using the "F11" key and take a screenshot
	* ~~Также развернуть с помощью клавиши~~ "F11" ~~окно ввода пароля и сделать скриншот~~		* Log into the SmartPlayer personal account and create a folder in the "Content" section for the screenshots
	* ~~Зайти в личный кабинет~~ SmartPlayer ~~и создать папку в разделе~~ "~~Контент~~" ~~для сделанных скриншотов~~		* Launch the widget following the instructions and enter the necessary data
	* ~~Запустить виджет по инструкции и занести в него нужные данные~~		* Authenticate using the widget and use the content from the site in your broadcast within SmartPlayer
	* ~~Авторизироваться с помощью виджета и использовать контент с сайта в своей трансляции внутри~~ SmartPlayer		[[File:Логика.png.png\|thumb\|center\| Widget operating logic\|800px]]
	[[File:Логика.png\|thumb\|center \| ~~Логика работы виджета~~\|800px]]		{{Note\| If the user is using a laptop, pressing "F11" might not result in any action. This is because the operating system may have "Function key lock" enabled by default. In such cases, to expand the browser window, press "Fn + F11".\|warn}}
	{{Note\| ~~Если пользователь использует в качестве устройства ноутбук~~, ~~то после нажатия~~ "~~F 11~~" ~~может не произойти никаких действий~~. ~~Это связано с тем что в операционной системе у него "по умолчанию" стоит включено -~~ "~~использование панели~~ Function". ~~В таком случае~~, ~~чтобы развернуть страницу браузера необходимо нажать клавиши~~ "Fn + ~~F 11~~".\|warn}}
	~~</div>~~
	<div lang="ru" dir="ltr" class="mw-content-ltr">		<div lang="ru" dir="ltr" class="mw-content-ltr">
	== '''Настройка виджета''' ==		== '''Настройка виджета''' ==

FuzzyBot: Обновление для соответствия новой версии исходной страницы.

2024-05-14T07:21:41Z

Обновление для соответствия новой версии исходной страницы.

Внесённые изменения

N.Bloshkin: Новая страница: «== '''Final result''' == Using the widget will allow the user to keep his data confidential and at the same time he will be able to use the autologin system.»

2023-08-18T12:49:01Z

Новая страница: «== '''Final result''' == Using the widget will allow the user to keep his data confidential and at the same time he will be able to use the autologin system.»

← Предыдущая версия		Версия от 15:49, 18 августа 2023
Строка 73:		Строка 73:
	[[File:Настраиваемы области.png\|thumb\|center\|		[[File:Настраиваемы области.png\|thumb\|center\|
	An example of displaying authorization widget areas\|300px]]		An example of displaying authorization widget areas\|300px]]
	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		== '''Final result''' ==
	== '''~~Итоговый результат~~''' ==		Using the widget will allow the user to keep his data confidential and at the same time he will be able to use the autologin system.
	Использование виджета позволит сохранить пользователю конфиденциальность своих данных и при этом он сможет использовать систему автологинизации.
	~~</div>~~

N.Bloshkin: Новая страница: «=== '''Widget Appearance''' === The widget uses the screenshot area as the home screen. It consists of four blocks: # Login - a rectangular area with data. Email is inserted into this line. Combine with the "login" area in the screenshot # The password is a rectangular area with data. This line contains the password. Align with the "password" area in the screenshot. # Authorize - a rectangular area that produces a button click (clicker). We combine with the...»

2023-08-18T12:48:44Z

Новая страница: «=== '''Widget Appearance''' === The widget uses the screenshot area as the home screen. It consists of four blocks: # Login - a rectangular area with data. Email is inserted into this line. Combine with the "login" area in the screenshot # The password is a rectangular area with data. This line contains the password. Align with the "password" area in the screenshot. # Authorize - a rectangular area that produces a button click (clicker). We combine with the...»

← Предыдущая версия		Версия от 15:48, 18 августа 2023
Строка 65:		Строка 65:
	Next, we give the name of our broadcast, save it and run it on the device.		Next, we give the name of our broadcast, save it and run it on the device.
	[[File:Окно.png\|thumb\|center\|Window where fields are compared and substrates are switched\|300px]]		[[File:Окно.png\|thumb\|center\|Window where fields are compared and substrates are switched\|300px]]
	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		=== '''Widget Appearance''' ===
	=== '''~~Внешний вид виджета~~''' ===		The widget uses the screenshot area as the home screen. It consists of four blocks:
	~~Виджет использует в качестве рабочего экрана область скриншота~~. ~~Он состоит из четырёх блоков~~:		# Login - a rectangular area with data. Email is inserted into this line. Combine with the "login" area in the screenshot
	# ~~Логин~~ - ~~прямоугольная область с данными~~. ~~В эту строку вставляется электронная почта~~. ~~Совмещаем с областью~~ "~~логина~~" ~~на скриншоте~~		# The password is a rectangular area with data. This line contains the password. Align with the "password" area in the screenshot.
	# ~~Пароль - прямоугольная область с данными~~. ~~В данную строку прописывают пароль~~. ~~Совмещаем с областью~~ "~~пароля~~" ~~на скриншоте~~.		# Authorize - a rectangular area that produces a button click (clicker). We combine with the "authorization" button in the screenshot.
	# Authorize - ~~прямоугольная область, которая производит нажатие кнопки~~ (~~кликер~~). ~~Совмещаем с кнопкой~~ "~~авторизация~~" ~~на скриншоте~~.		# Next - a rectangular area that produces a button click (clicker). Combine with the "next" button in the screenshot
	# Next - ~~прямоугольная область, которая производит нажатие кнопки~~ (~~кликер~~). ~~Совмещаем с кнопкой~~ "~~далее~~" ~~на скриншоте~~		[[File:Настраиваемы области.png\|thumb\|center\|
	[[File:Настраиваемы области.png\|thumb\|center\|~~Пример отображения областей виджета авторизации~~\|300px]]		An example of displaying authorization widget areas\|300px]]
	~~</div>~~
	<div lang="ru" dir="ltr" class="mw-content-ltr">		<div lang="ru" dir="ltr" class="mw-content-ltr">
	== '''Итоговый результат''' ==		== '''Итоговый результат''' ==
	Использование виджета позволит сохранить пользователю конфиденциальность своих данных и при этом он сможет использовать систему автологинизации.		Использование виджета позволит сохранить пользователю конфиденциальность своих данных и при этом он сможет использовать систему автологинизации.
	</div>		</div>

N.Bloshkin: Новая страница: «== '''Working with the Widget''' == === '''Widget Setup''' === 150px 150px 150px After completing all the preparatory steps, proceed to the widget settin...»

2023-08-18T12:46:40Z

← Предыдущая версия		Версия от 15:46, 18 августа 2023
Строка 43:		Строка 43:
	{{Note\|take a screenshot in full screen mode, highlighting the entire screen area, otherwise the authorization fields will not match.\|warn}}		{{Note\|take a screenshot in full screen mode, highlighting the entire screen area, otherwise the authorization fields will not match.\|warn}}
	[[File:Подложка логин и пароль.png\|thumb\|center\|Ready-made substrates for login and password on the example of Google\|150px]]		[[File:Подложка логин и пароль.png\|thumb\|center\|Ready-made substrates for login and password on the example of Google\|150px]]
	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		== '''Working with the Widget''' ==
	== '''~~Работа с виджетом~~''' ==		=== '''Widget Setup''' ===
	=== '''~~Настройка виджета~~''' ===		[[File:Настраиваем виджет.png\|thumb\|right\|Example of switching to the settings section\|150px]]
	[[File:Настраиваем виджет.png\|thumb\|right\|~~Пример перехода в раздел настройки~~\|150px]]		[[File:Нужные поля.png\|thumb\|right\|Fields that must be filled\|150px]]
	[[File:Нужные поля.png\|thumb\|right\|~~Поля которые обязательно надо заполнить~~ \|150px]]		[[File:Применить настройки.png\|thumb\|right\|
	[[File:Применить настройки.png\|thumb\|right\|~~Поля выбора источников с контентом и применения настроек~~ \|150px]]		Fields for selecting sources with content and applying settings \|150px]]
	~~После всех подготовительных мероприятий необходимо перейти в настройки виджета~~.		After completing all the preparatory steps, proceed to the widget settings.
	~~В открывшемся окне можно увидеть области виджета~~, ~~которые можно перемещать~~. ~~Справа сверху нужно нажать на~~ "~~Шестерёнку~~" ~~и открыть окно настройки параметров виджета~~.		In the newly opened window, you will see areas of the widget that can be moved around. Click on the "gear" icon in the upper right corner to open the widget parameters window.
	~~В них мы указываем~~ :		Entering Details:
	* ~~Указываем адрес страницы авторизации в графе~~ "~~Адрес страницы сервиса авторизации~~".		* Fill in the service's authorization page address in the "Authorization Service Page Address" section..
	* ~~Заполняем строку~~ "~~Значение поля логина~~" и "~~Значение поля пароль~~". ~~Также можно воспользоваться альтернативным вариантом и заполнить данные на окне подложки~~		* Fill in the "Login Field Value" and "Password Field Value" sections. An alternative option is to fill in the data on the backdrop window.
	* ~~Далее скролим в самый низ страницы настроек и выбираем папку, где хранятся скриншоты~~. ~~Нажимаем «Сохранить» и «Применить настройки»~~<br>		* Scroll to the bottom of the settings page and select the folder where the screenshots are stored. Click "Save" and then "Apply Settings".<br>
	* ~~После у нас отобразились наши скриншоты и поля, в которых указаны данные прописанные в настройках виджета.~~<br>		* The screenshots and the fields with the data specified in the widget settings will be displayed <br>
	* ~~Слева внизу появляется переключатель скриншотов подложки~~.		* A switcher for the backdrop screenshots will appear in the bottom left.
	=== '''~~Манипуляции с подложками~~''' ===		=== '''Manipulating the Backdrops:''' ===
	~~Выбираем скриншот с логином~~, ~~он обычно идёт как~~ "Scrennshot 1"~~в нём совмещаем контуры окна~~ "~~логин~~" ~~и подставляем его в поле~~ "~~логин~~".<br>		We select a screenshot with a login, it usually goes like "Scrennshot 1" in it we combine the contours of the "login" window and substitute it in the "login" field.<br>
	~~Кнопку «далее» совмещаем с прямоугольником «next»~~. <br>		The “next” button is combined with the “next” rectangle. <br>
	~~Переходим на следующий скриншот~~ "Scrennshot 2". ~~Поле «пароль» совмещаем по контуру с окном «пароль»~~.<br>		Go to the next screenshot "Scrennshot 2". The "password" field is combined along the contour with the "password" window.<br>
	~~На кнопку «далее» на скриншоте с паролем подставляем «Authorize»~~.<br>		On the "next" button in the screenshot with the password, we substitute "Authorize".<br>
	~~Нажимаем кнопку «Сохранить»~~.<br>		Press the "Save" button.<br>
	~~Далее даем название нашей трансляции~~, ~~сохраняем ее и запускаем на устройстве~~.		Next, we give the name of our broadcast, save it and run it on the device.
	[[File:Окно.png\|thumb\|center\|~~Подложка где сопоставляют поля и переключают подложки~~\|300px]]		[[File:Окно.png\|thumb\|center\|Window where fields are compared and substrates are switched\|300px]]
	~~</div>~~
	<div lang="ru" dir="ltr" class="mw-content-ltr">		<div lang="ru" dir="ltr" class="mw-content-ltr">
	=== '''Внешний вид виджета''' ===		=== '''Внешний вид виджета''' ===

N.Bloshkin в 12:32, 18 августа 2023

2023-08-18T12:32:02Z

← Предыдущая версия		Версия от 15:32, 18 августа 2023
Строка 39:		Строка 39:
	[[File:Перенос виджета.png\|thumb\|center\| Moving a widget to the working area \|150px]]		[[File:Перенос виджета.png\|thumb\|center\| Moving a widget to the working area \|150px]]
	=== '''Screenshot Creation''' ===		=== '''Screenshot Creation''' ===
	~~Open~~ the Google authorization page ~~in your browser enable fullscreen~~ mode (default ~~key: F11~~).
	Next, enter the login ~~details~~ and ~~navigate~~ to the password ~~entry page. Similarly~~, take a screenshot.<br>		In the browser, open the Google authorization page, turn on full-screen mode (F11 by default) and take a full screenshot. Next, enter the login and go to the page with the password, similarly take a screenshot of the screen. Create a separate folder in the "Content" tab and add the screenshots taken there <br>
	{{Note\|take a screenshot in full screen mode, highlighting the entire screen area, otherwise the authorization fields will not match.\|warn}}		{{Note\|take a screenshot in full screen mode, highlighting the entire screen area, otherwise the authorization fields will not match.\|warn}}
	[[File:Подложка логин и пароль.png\|thumb\|center\|Ready-made substrates for login and password on the example of Google\|150px]]		[[File:Подложка логин и пароль.png\|thumb\|center\|Ready-made substrates for login and password on the example of Google\|150px]]