Авторизація – надання певній особі або групі осіб прав на виконання певних дій, а також процес перевірки (підтвердження) прав при спробі виконання цих дій.
Обліковий запис – сукупність наданої інформації про користувача, засобів та прав користувача відносно багатокористувацької системи.
Реєстрація – створення облікового запису.
Секретне запитання та відповідь на нього – інформація, потрібна для зміни паролю.
Зміна паролю – дії, що призводять до зміни наявних даних потрібних для авторизації.
Особистий кабінет користувача – веб-сторінка з налаштуваннями і інформацією, що є індивідуальною, які доступні користувачу.
Процес авторизації
Для роботи з вебдодатоком для автоматизації тайм-менеджменту необхідно перейти за посиланням: http://f0540120.xsph.ru.
В результаті виконаних дій здійснюється автоматичний перехід на сторінку авторизації.
ВАЖЛИВО! У тому випадку, якщо Ви ще не зареєстровані, спочатку Вам необхідно пройти процес реєстрації.
Процес реєстрації у вебдодатку для автоматизації тайм-менеджменту детально розглянуто у пункті 1.3 «Процес реєстрації».
Для того, щоб авторизуватися, необхідно у вікні авторизації ввести логін і пароль, які були вказані при реєстрації. Для підтвердження вказаних логіна, пароля і переходу до особистої сторінки необхідно натиснути кнопку “Увійти” (рис. 1.1).

Рисунок 1.1 – Авторизація
В результаті успішної авторизації відбувається перехід до особистої сторінки Порталу постачальників.
У випадку, коли при реєстрації виникли які-небудь помилки, у вікні авторизації буде відображено відповідне інформаційне повідомлення про помилку. Поки помилку не буде виправлено, авторизуватися буде неможливо.
В процесі авторизації можливі такі помилки:
При авторизації не коректно вказаний логін користувача, після переходу до вводу паролю або натискання кнопки “Увійти”, на екрані буде відображено текст підказки, в якому сказано, що користувач з даним email незареєстрований (рис. 1.2).

Рисунок 1.2 – Повідомлення про незареєстрований email
При авторизації не коректно вказаний пароль користувача, після натискання кнопки “Увійти”, на екрані буде відображено текст підказки, в якому сказано, що пароль невірний (рис. 1.3).

Рисунок 1.3 – Повідомлення про невірний пароль
Процес реєстрації
Для реєстрації, необхідно на сторінці авторизації вибрати пункт ” Зареєструвати аккаунт” (рис. 1.4).

Рисунок 1.4 – Перехід до реєстрації
У результаті виконаних дій відбувається перехід до форми реєстрації, в якій необхідно вказати інформацію про користувача (рис. 1.5).

Рисунок 1.5 – Реєстрація
Інформація про користувача умовно розподілена на наступні блоки:
Адреса електронної пошти.
Ім’я та прізвище.
Номер телефону.
Дата народження.
Секретне запитання та відповідь на нього.
Пароль.
Примітка. Вказана електронна адреса та пароль в подальшому будуть використовуватися для авторизації. Абсолютно усі дані можна змінити в особистому кабінеті (пункт 2.2 «Особистий кабінет»).
В процесі реєстрації можливі такі помилки:
Незаповнені поля форми. Після натискання кнопки “Зареєструватися”, на екрані буде відображено текст підказки, щодо обов’язкових полів (рис. 1.6).

Рисунок 1.6 – Обов’язкове поле
Вже зареєстрований email. Одразу при введенні, електронна адреса перевіряється на наявність у базі. У разі наявності, на екрані буде відображено текст підказки з гіперпосиланням до сторінки авторизації (рис. 1.7).

Рисунок 1.7 – Зареєстрований email
Некоректний email. Електронна адреса повинна містити лише літери латинського алфавіту, цифри, а також деякі символи: крапка, підкреслення, дефіс, «равлик». Не може починатися чи закінчуватися із символів: дефіс, підкреслення, крапка. Більше про електронні адреси можна дізнатися за посиланням: https://uk.wikipedia.org/wiki/Адреса_електронної_пошти.
На рисунках 1.8-1.9 зображено перевірку правильного заповнення email.

Рисунок 1.8 – Валідний email

Рисунок 1.9 – Невалідний email
Неспівпадіння паролей. Для виправлення є можливість відображення цих полів по кліку на елемент зображений як око. На рисунку 1.10-1.11 зображено повідомлення про неспівпадіння паролей та їх збіг відповідно.

Рисунок 1.10 – Повідомлення про неспівпадіння паролей

Рисунок 1.11 – Збіг паролей
При спробі відправити дані без виправлення помилок (з наявними повідомленнями про помилки) буде виведено вспливаюче повідомлення з конкретизацією помилки (рис. 1.12).

Рисунок 1.12 – Вспливаюче повідомлення
Після коректного заповнення всіх потрібних полів буде перенаправлено на сторінку підтвердження успішності операції та надіслано інформаційне повідомлення на вказану електронну адресу (рис. 1.13-1.14). Можливе потрапляння у папку «Спам».

Рисунок 1.13 – Сторінка успішного виконання операції

Рисунок 1.14 – Повідомлення
Для відновлення паролю, необхідно на сторінці авторизації вибрати пункт ” Не можете увійти?” (рис. 1.15).

Рисунок 1.15 – Посилання на форму відновлення паролю
Після виконання цієї дії з’явиться форма для переходу до відновлення паролю (рис. 1.16).

Рисунок 1.16 – Форма для переходу на сторінку відновлення паролю
Примітка. Ім’я не обов’язково повинно збігатися з указаним при реєстрації.
Після коректного заповнення полів буде перенаправлено на сторінку зміни паролю для введеного email (рис 1.17).

Рисунок 1.17 – Сторінка відновлення паролю
В процесі зміни паролю можливі такі помилки:
Незаповнені поля форми. Після натискання кнопки “Зберегти”, на екрані буде відображено текст підказки, щодо обов’язкових полів (рис. 1.6).
Неспівпадіння паролей. Для виправлення є можливість відображення цих полів по кліку на елемент зображений як око. На рисунку 1.10-1.11 зображено повідомлення про неспівпадіння паролей та їх збіг відповідно.
Невірна відповідь на секретне запитання. Після переходу до вводу паролю або натискання кнопки “Зберегти”, на екрані буде відображено текст підказки, в якому сказано, що відповідь на секретне запитання не вірна (рис. 1.18).

Рисунок 1.18 – Невірна відповідь на секретне запитання
Після коректного заповнення всіх потрібних полів буде перенаправлено на сторінку підтвердження успішності операції та надіслано інформаційне повідомлення на вказану електронну адресу (рис. 1.13-1.14). Можливе потрапляння у папку «Спам».
Після коректного заповнення даних форми з рисунку 1.1, буде перенаправлено на особисту сторінку (рис 2.1).

Рисунок 2.1 – Особиста сторінка щойно створеного користувача
Для створення нотатку потрібно натиснути на «олівець». При наведенні з’являється інформація про пункт меню (рис. 2.2).

Рисунок 2.2 – Пункт меню при наведенні
В формі що з’явиться заповнити необхідні поля (рис. 2.3).

Рисунок 2.3 – Створення замітки
Можливо додати таку інформацію: час; дату; заголовок; інформацію про задачу; колір замітки (рис. 2.4).

Рисунок 2.4 – Вибір коліру замітки
Після створення з нотатками можливі наступні дії: редагування, видалення, додавання статусу «Виконано» чи «Не виконано» (рис. 2.5).

Рисунок 2.5 – Особиста сторінка після створення нотатків
Після кліку на кнопку «Видалити», вспливає вікно підтвердження (рис. 2.6).

Рисунок 2.6 – Підтверждення видалення
На сторінці організовано пошук серед наявних записів. Для цього потрібно натиснути на лупу в правому куті (під лого), після чого з’явиться поле для вводу куди потрібно ввести параметри що нас цікавлять і натиснути клавішу «Enter» (рис. 2.7).

Рисунок 2.7 – Пошук
Для виходу з особистої сторінки потрібно натиснути на відповідну кнопку у меню зліва (рис 2.8).

Рисунок 2.8 – Кнопка «вихід»
Після цього дана сессія завершиться та буде перенавлено на сторінку авторизації.
При натисканні на гіперпосилання «Мій профіль» йде перенаправлення в особистий кабінет, де можна змінити дані що були введені при реєстрації (рис. 2.9-2.10).

Рисунок 2.9 – Особистий кабінет

Рисунок 2.10 – Зміна особистих даних