Стартовая страница Webitel
1. Описание
Стартовая, она же главная, страница.
Главная страница отличается в зависимости от того авторизовался пользователь, или нет.
Доступны темная и светлая тема сайта.
Для изменения темы используется переключатель, который находится в верхней части страницы.
1.1. Пользователь не авторизован
Для неавторизованного пользователя главная страница (Рис.1) состоит из окна авторизации и слайд-шоу с информацией о продуктах.
Рис. 1. Главная страница для неавторизованного пользователя
Для входа в приложение необходимо авторизоваться. Авторизоваться может только зарегистрированный пользователь.
Новые пользователи создаются на странице Пользователи приложения Admin.
1.1.1. Вход в систему
Окно авторизации имеет два шага.
1.1.1.1. Шаг 1
Состоит из следующих элементов (Рис.1):
поле "Домен" – вводится домен;
кнопка "Создать аккаунт" – возвращает в окно регистрации;
кнопка "Далее" – становится активной после ввода данных в поле "Домен"; для продолжения входа.
1.1.1.2. Шаг 2
Состоит из следующих элементов (Рис.2):
поле "Домен" - поле заполнено согласно введенным данным на шаге 1;
поле "Логин" -вводится логин пользователя;
поле "Пароль" – вводится пароль пользователя;
кнопка "Назад" – возврат на Шаг 1;
кнопка "Войти" – становится активной после ввода данных. Вход в систему. При двухфакторной аутентификации переводит на Шаг 3.
Рис. 2. Войти - Шаг 2
Если доступны альтернативные варианты входа, то они отображаются внизу окна.
При включенной двухфакторной аутентификации (Рис.3) вход выполняется в 3 шага.
Рис. 3. Войти - Шаг 2 - Двухфакторная аутентификация
1.1.1.3. Шаг 3
Состоит из следующих элементов (Рис.4):
поле "Код" – вводится код двухфакторной аутентификации;
кнопка "Назад" – возврат на Шаг 2;
кнопка "Войти" – становится активной после ввода данных. Вход в систему.
Рис. 4. Войти - Шаг 3
Код берется на странице детали "Общее" данного пользователя. С помощью приложения-аутентификатора сканируется QR-код и получает код, который нужно ввести.
Приложения, которые предлагается использовать:
Google Authentificator
Microsoft Authentificator
1.1.2. Регистрация нового пользователя
Для регистрации нового домена необходимо нажать кнопку "Создать аккаунт" (Рис.1). Открывается окно для создания (Рис.5).
Рис. 5. Создать Webitel Аккаунт – Шаг 1
1.1.2.1. Шаг 1
Состоит из следующих элементов:
поле "Домен" – вводится новый домен;
кнопка "Войти" – возвращает в окно авторизации;
кнопка "Далее" – становится активной после ввода данных в поле "Домен"; для продолжения регистрации.
1.1.2.2. Шаг 2
Состоит из следующих элементов (Рис.6):
поле "Логин" - должно начинаться с буквы и состоять не менее чем из 6 символов и не более чем 20 символов; при создании логина можно использовать латинские буквы, цифры, символы тире (-), подчеркивание (_) и точки (.);
поле "Пароль" - длина пароля должна быть не менее 8 символов, при этом содержать минимум 2 буквы и 1 цифру, а также минимум одну прописную и одну строчную буквы;
поле "Повторите пароль" – поле для повторного ввода пароля;
кнопка "Назад" – возврат на Шаг 1;
кнопка "Далее" – становится активной после ввода данных; для продолжения регистрации.
Рис. 6. Создать Webitel Аккаунт – Шаг 2
1.1.2.3. Шаг 3
Состоит из следующих элементов (Рис.7):
поле "Ключ" – вводится лицензионный ключ, предоставляет компания Webitel;
кнопка "Назад" – возврат на Шаг 2;
кнопка "Создать" – становится активной после ввода данных. Окончание регистрации.
Рис. 7. Создать Webitel Аккаунт – Шаг 3
1.2. Пользователь авторизован
Для авторизованного пользователя главная страница отображает меню приложений, которые доступны пользователю (Рис.8)
Рис. 8. Главная страница для авторизованного пользователя
Список возможных приложений:
- 1 1. Описание
- 1.1 1.1. Пользователь не авторизован
- 1.1.1 1.1.1. Вход в систему
- 1.1.1.1 1.1.1.1. Шаг 1
- 1.1.1.2 1.1.1.2. Шаг 2
- 1.1.1.3 1.1.1.3. Шаг 3
- 1.1.2 1.1.2. Регистрация нового пользователя
- 1.1.2.1 1.1.2.1. Шаг 1
- 1.1.2.2 1.1.2.2. Шаг 2
- 1.1.2.3 1.1.2.3. Шаг 3
- 1.1.1 1.1.1. Вход в систему
- 1.2 1.2. Пользователь авторизован
- 1.1 1.1. Пользователь не авторизован