Макет и сценарий использования

Макет UI

Сценарий использования

1. Авторизация пользователя (страница 1)

Актор: Пользователь

Описание: При переходе в приложение открывается (страница 1). Для входа нужно ввести логин, пароль. Регистрация не предусмотрена. Новые пользователи создаются существующими пользователями, стартовый аккаунт с ролью "админ" выдается.

Основной сценарий:

1. Пользователь открывает страницу авторизации.
2. Вводит логин и пароль.
3. Нажимает кнопку "Войти".
4. Приложение проверяет учетные данные.
5. В случае успеха пользователь попадает на главную страницу с оборудованием.

Альтернативный сценарий:

1. В случае некорректных данных отображается ошибка и пользователь повторяет ввод.

2. Главная страница (страница 2)

Актор: Авторизованный пользователь

Описание: После авторизации пользователь видит список доступного оборудования.

Основной сценарий:

1. Пользователь авторизуется и видит список оборудования.
2. Любой пользователь может нажать на "карандаш" на карточке оборудования и перейти в Редактирование оборудования (9) и в зависимости от роли может поменять поля: админ и редактор - все, пользователь - выбрать миничарты для отображения у себя на главной странице.
3. Пользователь может найти в поисковом поле необходимое оборудование по названию.
4. По кнопкам на карточках обородования можно перйти в соответствующие разделы, в которых сразу будет выбрано это оборудование.

Альтернативный сценарий:

1. Если данные отсутствуют, отображается текст об отсутствии зарегистрированного оборудования.

3. Панель навигации

Актор: Авторизованный пользователь

Описание: На всех страницах снизу по середине есть набор кнопок для перехода на нужную страницу

Основной сценарий:

1. Пользователь нажимает на кнопку и переходит на соответствующую страницу.

4. Страница превышений (страница 4)

Актор: Авторизованный пользователь

Описание: Пользователь может просмотреть статистику превышений оборудования, отфильтровать по величине и времени, добавить описание.

Основной сценарий:

1. Пользователь выбирает оборудование из списка.
2. Пользователь двигает ползунок для фильтрации по проценту превышения порогового значения от 0 до >100.
3. Пользователь выбирает период для отображения записей.
4. По нажатию на предупреждение появляется Заметка превышения (5) и админ или редактор могут внести запись.

Альтернативный сценарий:

1. Если превышений не обнаружено, система показывает сообщение об отсутствии превышений.

5. Управление пользователями (страница 6)

Актор: Авторизованный пользователь

Описание: Пользователь может просматривать данные пользователей. Редактировать данные пользователя и создавать новых может админ или редактор.

Основной сценарий:

1. Пользователь видит список всех пользователей
2. При нажатии на карточку пользователя можно увидеть информацию о пользователе Редактирование пользователя (7).
3. Администратор/редактор на странице (7) может вносить изменения.
4. Администратору/редактору доступна кнопка "добавить пользователя" и при нажатии открывается окно Создание пользователя (8).

Альтернативный сценарий:

1. В случае некорректного ввода данных система выдает ошибку и просит скорректировать данные.

6. Показания оборудования (страница 3)

Актор: Администратор или другой пользователь с правами редактирования

Описание: Всем пользователям доступен просмотр графиков показаний оборудования. Можно выбрать нужный временной диапазон, так же доступны инструменты импорта/экспорта данных.

Основной сценарий:

1. Пользователь может выбрать нужное оборудование.
2. Пользователь может выбрать нужный временной диапазон.
3. Пользователь может скрыть ненужные графики и вернуть их при необходимости.
4. Пользователь может экспортировать данные в формате pdf и csv.
5. Пользователь может импортировать данные в формате csv.

Альтернативный сценарий:

1. Если оборудование отсутствует, выводится соответствующее сообщение.