Стартовая страница 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. Главная страница для авторизованного пользователя

Список возможных приложений: