User Story

Я как преподаватель хочу иметь возможность просматривать список дисциплин, чтобы знать какие дисциплины уже мной созданы, а так же иметь доступ к функциям редактирования и добавления дисциплины

Критерии приемки:

• Список дисциплин отображается в виде таблицы с полями:
  • Название дисциплины
• Список дисциплин состоит только из тех дисциплин, которые я сам создал
• Рядом со списком дисциплин есть элемент управления, позволяющий открыть страницу по добавлению дисциплины
• Название страницы не отображается. Вместо этого надпись "Мои дисциплины" имеет шрифт bold

UX

Подробнее в Figma.

Просьба ознакомится с основными требованиями к UX

Поведение страницы при добавлении новой дисциплины

При добавлении новой дисциплины блок с полем ввода новой дисциплины и блок с таблицей из существующих дисциплин автоматически центруется по осям ox & oy :

1. Таблица состоит из 1-ой дисциплины (допустим там что-то написано):
   

2. Таблица состоит из 6 дисциплин (допустим и тут что-то написано):
   

UI

UX для страницы "Проверка работы"

Подробнее в Figma.

Ссылки

User Story #13

UX для страницы "Список заданий"

Подробнее в Figma.

Ссылки

User Story #9

Проверить прототип страницы "Нужно проверить".

Общие требования к UX для страниц:

• Должен быть разработан в приложении Figma;
• Прототип должен содержать основные компоненты, как Header, Body.

User Story

Я как преподаватель, хочу иметь возможность увидеть журнал группы студентов, чтобы быстро посмотр тех, кто все сдал и не сдал для выставления аттестации, зачета, экзамена

Критерии приемки:

• На странице отображается таблица со всеми студентами в первом столбце, а последующие столбцы являются заданиями. В качестве значения столбца указывается номер задания, а при наведении на номер отображается название задания.
• Номер задания, выполненное студентом, отображается, если работа прошла все этапы проверки и была засчитана преподавателем.
• В случае, когда у преподавателя по каким-то обстоятельствам нет студентов, на странице отображается сообщение с соответсвующим сообщением.

• есть возможность отфильтровать по группе
• есть возможность поиска по ФИО

UX

Подробнее в Figma.

Страница "Журнал" имеет несколько состояний:

1. У преподавателя по какой-то причине отсутствуют студенты, закреплённые к той или иной дисциплине. Тогда на странице "Журнал" будет отображаться соответствующее сообщение - "На данный момент нет студентов, закреплённых за Вами. Отдыхайте." :
   

2. Кроме этого, даже если студенты будут назначены на преподавателя, то возможна ситуация, когда студентам не было назначено никаких задач, которые они должны выполнить. Тогда на странице "Журнал" будет отображаться соответствующее сообщение - "На данный момент студентам не было назначено никаких задачь." :
   

3. Если есть студенты, то преподавателю будет доступна таблица. Таблицу можно сортировать тремя способами : 1) По ФИО; 2) По группе; 3) По ФИО && По группе.

Проверить прототип страницы "Авторизация пользователя".

User Story

Я как преподаватель хочу иметь возможность просматривать список тем дисциплин, для того чтобы управлять своими курсами.

Критерии приемки:

• Список тем отображается в виде таблицы с полями:
  • Название
• Список тем состоит только из тех тем, которые относятся к выбранной дисциплине
• Рядом со списком тем есть элемент управления, позволяющий открыть страницу по добавлению темы
• Когда мы уходим на страницу "Список тем", пункты меню "Мои дисциплины" и "Ожидает проверки" перестают быть выделенными
• Названием страницы является компонент, в котором будет указано название какой-то дисциплины
• При отсутствии тем на экране появится сообщение с соответствующей информацией: "На данный момент не создано ни одной темы."

При проектировании учесть #11

UX

Подробнее в Figma.

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

Кроме этого, если до этого преподаватель никогда не создавал тем для той или иной дисциплины, то на странице появится сообщение об этом:

По мере добавления новых тем, таблица с ними будет расширятся. Стоит заметить, что при расширении таблицы отступы между контейнерами меняться не будут. Меняются толь 2-а контейнера: BODY & Контейнер с таблицей.

UI

Победивший вариант UI

Варианты UI

Ссылки

План #3
User Story #6
Макет #23

Срок

UX для страницы "Регистрация нового пользователя"

Подробнее в Figma.

Ссылки

User Story #5

Срок

06.07.2021

Подзадачи

• #47
• #48
• #49
• #50
• #51
• #52
• #13
• #17
• #34
• #15
• #16
• #62

Переходы между страницами.

Текущая версия

Прототип

Текущая версия

Общие требования к макету #21

Общие требования к дизайну #22

ERD

Приемочный тест

UX для страницы "Загрузить решение"

Подробнее в Figma.

Ссылки

User Story #16

• Регистрация пользователя
• Функции преподавателя
• • создавать дисциплину
• • создавать тему
• • создавать задание
• • создавать требования

Я как преподаватель хочу иметь возможность просматривать список требований, для того чтобы управлять своими курсами.

Критерии приемки:

• Список требований отображается в виде списка требований
• Список требований состоит только из тех требований, которые относятся у задаче
• Рядом со списком требований есть элемент управления, позволяющий открыть страницу по добавлению требования

Ссылки

User Story #11 #12 #14

Проверить прототип страницы "Регистрация пользователя".

Я как студент хочу иметь возможность зарегистрироваться на сайте, что бы хранить информацию о том, какие работы я выполнил.
Я как преподаватель хочу иметь возможность зарегистрироваться на сайте, что бы создавать авторские курсы для студентов.

Критерии приемки:

• при регистрации собирается следующая информация:
  • фамилия
  • имя
  • отчество
  • электронный адрес
  • пароль
  • роль ( студент, преподаватель )
• нельзя зарегистрировать учетную запись c двумя одинаковыми электронными адресами
• пароль должен храниться в БД в зашифрованном виде
• просить повтор ввода пароля в отдельном поле для подтверждения пароля
• если ввести электронный адрес и пароль от уже существующей учетной записи, то произойдет авторизация
• после удачной регистрации, авторизация происходит автоматически
• нельзя зарегистрировать учетную запись, не указав роль пользователя

Ссылки

План #3
User Story #5
Макет #24
Дизайн #36
Верстка #38

Срок

я как студент/преподаватель хочу иметь возможность просматривать список решений, которые нужно проверить, для того чтобы набрать баллы по заданию/не искать решения работы

Критерии приемки:

• Список отображает атрибуты: Дисциплина, Тема, Название задания

• При клике по названию задания осуществляется перед на страницу проверки решения
• При наведении на дисциплину появляется расшифровка аббревиатуры
• Список сортируется в хронологическом порядке: от самых старых, до самых свежих.
• Для проверяющего студента отображаются работы подходящие под следующие критерии:
  • Студенту было выдано такое задание
  • Студент не получил нужного количества баллов по этой работе за проверку работ.
• Для преподавателя:
  • Преподаватель создал эту дисциплину
• Название страницы не отображается. Вместо этого надпись "Ожидает проверки" имеет шрифт bold

UX

Подробнее в Figma.
Просьба ознакомится с основными требованиями к UX

Все компоненты, находящиеся в контейнере BODY, центруются по осям ох и оу.
Страница "Нужно проверить" (и для преподавателя, и для студента) имеет 2 основных состояния:

1 : На данный момент у преподавателя или студента нет работ, которые нужно проверить или сделать.

В этом случае на сайте вместо таблицы появляется сообщение:

2 : Работы есть.

В этом случае на странице появляется таблица:

*При наведении на дисциплину появляется полное наименование дисциплины:

ДОБАВЛЕНИЕ НОВЫХ РАБОТ

При добавление новых работ отцентрованная по середине таблица расширяется вниз ( добавление новых строк ).
Когда длина ( ось оу ) таблице будут больше длины дисплея, то появится скрол вниз.

UI

1 : На данный момент у преподавателя или студента нет работ, которые нужно проверить или сделать.

2 : Работы есть. В этом случае на странице появляется таблица:

3 : Работы есть и их количество больше, чем количество, которое может поместиться на экране. В этом случае на странице появляется таблица:

Я как преподаватель хочу иметь возможность просматривать список заданий, для того чтобы управлять своими курсами.

Критерии приемки:

• Список заданий отображается в виде таблицы с полями:
  • Название
  • Количество проверок
• Список задач состоит только из тех задач, которые относятся к выбранной теме
• Рядом со списком заданий есть элемент управления, позволяющий открыть страницу по добавлению требований

User Story

Я как преподаватель хочу иметь возможность назначить на студента дисциплину, чтобы выдать все задания этой дисциплины

Критерии приемки:

• На странице "Список тем" должен быть выпадающий список(где? относится к чему?), в котором можно выбрать учебную группу
• Список учебных групп должен состоять только из тех групп, в которых есть обучающиеся студенты
• После выбора учебной группы, загружается список студентов выбранной группы
• Выпадающий список со студентами содержит список только тех студентов, которые относятся к выбранной группе и обучаются в данный момент
• После нажатия на кнопку "Добавить", студенту назначаются все задачи относящиеся к этой дисциплине

UX/UI #50

Цветовая палитра

• E6F3FE
• DADADA
• DAE6E5
• A3C8F3
• 2C497F
• 3B5165

Формат таблиц и списков

Отступы

Отступ между списком и панелью добавления строки в список (50px)

Требования отразить в файле documentation/UI.md

UX для страницы "Авторизация пользователя".

Подробнее в Figma.

Ссылки

User Story #6

1. Заходим тина сайт через учетную запись другого студента
2. На главной странице в левом верхнем углу нажимаем на раздел: "Нужно проверить"
3. Нажимаем на ссылку в строке: "Команды"
4. Скачиваем файл с лабораторной работой для проверки
   Ожидаемый результат: Студент зашел на сайт
   Фактический результат: Не возможности авторизоваться, т.к. при вводе адреса эл. почты и пароля, ничего не происходит.

Дополнения: https://drive.google.com/file/d/1oo9jiQvn8DK7Gngz4hu9rPcXGW4JN4IS/view?usp=sharing

User Sory

Я как преподаватель хочу иметь возможность проверить работу студента после горизонтальной проверки студентами, чтобы не тратить время на указание однообразных ошибок у всех студентов.

Критерии приемки:

• Когда мы уходим на страницу "Проверка работы студента преподавателем ", пункты меню "Мои дисциплины" и "Ожидает проверки" перестают быть выделенными
• Название страницы отсутствует
• проверка работы осуществляется на одной странице.
• есть возможность просмотреть название работы
• есть возможность скачать работу
• есть возможность ввести комментарий к каждому требованию
• есть возможность написать общее замечание
• есть возможность отправить результат проверки.
• если по работе нет замечаний, то работа переходит в состояние "Зачтено", если есть замечания, то работа переходит в статус "Нужно переделать"
• если по работе есть замечания, то все студенты, которые дали свою положительную оценку, получают -1 балл за эту работу, а если по работе нет замечаний, то студенты проверившие эту работу получают +1 балл за эту работу

UX

Подробнее в Figma.
Просьба ознакомится с основными требованиями к UX

Данный UX имеет аналогичную структуру как и ВОТ ЭТОТ

UI

Данный UI имеет аналогичную структуру как и ВОТ ЭТОТ

Я как преподаватель хочу иметь возможность добавлять пользователю роль "студента", для того что бы я мог быстрее записать студента на свою дисциплину

Критерии приемки:

• На странице со списком дисциплин отображается поле для ввода email пользователя, выпадающий список с группами и кнопка "Назначить роль Студент"

UX для страницы "Список требований"

Подробнее в Figma.

Ссылки

User Story #10

User Story

Я как пользователь хочу иметь возможность авторизоваться, чтобы хранимые данные в системе не попали в общий доступ

Критерии приемки:

• Для авторизации требуется ввести электронный адрес и пароль;

• После удачной авторизации автоматически переходит на страницу со списком работ, которые нужно проверить;

• Если указанный электронный адрес отсутствует в БД, то после попытки авторизоваться пользователю должна отобразиться страница с регистрацией;

• Если указанный пароль не соответствует введённой почте, то пользователю отображается сообщение о неправильно введённом пароле.

UX

Подробнее в Figma.

Просьба ознакомится с основными требованиями к UX

UI

User Story

Я как студент/преподаватель хочу иметь возможность перемещаться по персональным разделам сайта, для того чтобы не запоминать адреса сайта.

Критерии приемки:

• Для преподавателя отображаются следующие пункты меню
  • Мои дисциплины
  • Ожидает проверки
• Для студента отображаются следующие пункты меню:
  • Мои задания
  • Ожидает проверки
• Меню отображается в заголовке страницы
• Меню отображается для авторизованного пользователя
• В меню отображается Имя и Фамилия пользователя

UX

UI

Я как пользователь хочу иметь возможность авторизоваться, чтобы хранимые данные в системе не попали в общий доступ

Критерии приемки:

• Для авторизации требуется ввести электронный адрес и пароль;

• После удачной авторизации автоматически переходит на страницу со списком работ, которые нужно проверить;

• Если указанный электронный адрес отсутствует в БД, то после попытки авторизоваться пользователю должна отобразиться страница с регистрацией;

• Если указанный пароль не соответствует введённой почте, то пользователю отображается сообщение о неправильно введённом пароле.

Подзадачи

Легенда

Name - название функции
US - User Story
BE - BackEnd
FE - FrontEnd

UX для страницы "Мои задания"

Подробнее в Figma.

Ссылки

User Story #15

UX для страницы "Список тем"

Подробнее в Figma.

Ссылки

User Story #8

Сценарий:

1. Войти в систему как студент.
2. Открыть страницу для загрузки работы.
3. В разделе "Загрузить новое решение" загрузить файл с решением.

Ожидаемый результат: В разделе "История решений" время и дата должны соответствовать часовому поясу пользователя.
Фактический результат: Не учитывается часовой пояс пользователя.

Полученная страница регистрации

Ссылки

План #3
User Story #5
Макет #24
Дизайн #36

Срок

Сценарий:

1. Войти в систему как студент.
2. Открыть страницу для загрузки работы.
3. В окне загрузке файла выбрать файл.
4. Кликнуть по кнопке "Открыть".
5. Кликнуть по кнопке «Загрузить».

Ожидаемый результат: При загрузке файла размером более 20МБ появляется ошибка превышения размера и файл не загружается.
Фактический результат: Граница загрузки файлов отсутствует и файл загружается.

Я как преподаватель хочу иметь возможность просматривать список тем дисциплин, для того чтобы управлять своими курсами.

Критерии приемки:

• Список тем отображается в виде таблицы с полями:
  • Название
• Список тем состоит только из тех тем, которые относятся к выбранной дисциплине
• Рядом со списком тем есть элемент управления, позволяющий открыть страницу по добавлению темы

User Story

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

Критерии приемки:

• Загрузка работы возможна, если задача находится не в состоянии "Зачтено"
• Максимальный объем загружаемого файла определяется в задаче
• Загрузка файлов возможна только zip форматов
• На странице отображается история загрузки предыдущих решений в виде таблицы:
  • Загружено
  • Кол-во проверок
  • Замечание
• После загрузки файла, статус задачи устанавливается на "Ожидается проверки студентом"
• Если пользователь "Преподаватель" по какой-то причине не указал требования к проверки к той или иной задаче, то контейнера, где должны отображаться требования, не будет
• При отсутствии истории загрузки на экране будет отображаться сообщении с соответствующей информацией: "Решение на данное задание ещё не отправлялось на проверку."

UX

Подробнее в Figma.

Просьба ознакомится с основными требованиями к UX

Данная страница имеет 3 основных состояния. P. s. Состояния были определены исходя из количества динамических объектов: списки и таблицы.

1) Задача не имеет списка требований, и история загрузки решений пуста (это первая загрузка решения студентом).

2) У задачи есть список требований, и история загрузки решений пуста (это первая загрузка решения студентом):

3) Задача имеет список требований, и история загрузки решений не пуста.

UI

Scenario:

1. Войти как студент/преподаватель
2. Открыть страницу для проверки работы
   Ожидаемый результат: Отображается ссылка "скачать" для архива с решением студента
   Фактический результат: Ссылка не отображается
   

Обходной путь:
1.
2.

Юрий, хотели бы уточнить, какой минимальный размер загружаемого файла для отправки лабораторной работы?

User Story

Я как студент, хочу иметь возможность просмотреть список заданий, которые необходимо выполнить, для того чтобы не искать свои задания в каждой дисциплине.

Критерии приемки:

• отображается таблица с заданиями и столбцами: Дисциплина, Тема, Задача, Статус

• При наведении на дисциплину появляется расшифровка аббревиатуры
• При клике на задачу, осуществляется переход на страницу с загрузкой нового решения
• Задачи должны сортироваться по статусу в следующем порядке: Требует исправлений, Не начата, Ожидает проверки студентами, Ожидает проверки Преподавателем, Зачтено

UX

Подробнее в Figma.

Просьба ознакомится с основными требованиями к UX

Все компоненты, находящиеся в контейнере BODY, центруются по осям ох и оу.
Страница "Просмотр списка заданий" имеет 2 основных состояния:

1 : На данный момент у преподавателя или студента нет работ, которые нужно проверить или сделать.

В этом случае на сайте вместо таблицы появляется сообщение:

2 : Работы есть.

В этом случае на странице появляется таблица:

UI

*При наведении на дисциплину появляется полное наименование дисциплины.

ДОБАВЛЕНИЕ НОВЫХ РАБОТ

При добавление новых работ отцентрованная по середине таблица расширяется вниз ( добавление новых строк ).
Когда длина ( ось оу ) таблице будут больше длины дисплея, то появится скрол вниз.

Исправленный безальтернативный вариант регистрации

Ссылки

План #3
User Story #5
Макет #24

Срок

07.07.2021

UX для страницы Преподавателя:

Подробнее в Figma.

UX для страницы Студента:

Ссылки

User Story #34

User Story

Я как студент хочу иметь возможность зарегистрироваться на сайте, что бы хранить информацию о том, какие работы я выполнил.
Я как преподаватель хочу иметь возможность зарегистрироваться на сайте, что бы создавать авторские курсы для студентов.

Критерии приемки:

• при регистрации собирается следующая информация:
  • фамилия
  • имя
  • отчество
  • электронный адрес
  • пароль
  • роль ( студент, преподаватель )
• нельзя зарегистрировать учетную запись c двумя одинаковыми электронными адресами
• пароль должен храниться в БД в зашифрованном виде
• просить повтор ввода пароля в отдельном поле для подтверждения пароля
• если ввести электронный адрес и пароль от уже существующей учетной записи, то произойдет авторизация
• после удачной регистрации, авторизация происходит автоматически
• нельзя зарегистрировать учетную запись, не указав роль пользователя

UX

Подробнее в Figma.

Просьба ознакомится с основными требованиями к UX

UI

UX для страницы "Мои дисциплины"

Подробнее в Figma.

Ссылки

User Story #7

Я как преподаватель хочу иметь возможность просматривать список дисциплин, чтобы знать какие дисциплины уже мной созданы, а так же иметь доступ к функциям редактирования и добавления дисциплины

Критерии приемки:

• Список дисциплин отображается в виде таблицы с полями:
  • Название дисциплины
• Список дисциплин состоит только из тех дисциплин, которые я сам создал
• Рядом со списком дисциплин есть элемент управления, позволяющий открыть страницу по добавлению дисциплины

User Story

Я как студент хочу иметь возможность проверить работу студента, чтобы получить баллы по заданию и ее завершению.

Критерии приемки:

• Есть возможность скачать архив с решением
• Есть возможность написать комментарий к каждому требованию
• Есть возможность написать общее замечание
• Есть возможность отправить результаты проверки

• Если есть замечания по работе, то задача должна перейти в статус "Требуются исправлений"
• Если нет замечаний, то решению добавляется одна положительная проверка
• Если положительных проверок недостаточно для проверки преподавателем, то задача остается в состоянии "Ожидает проверки студентом", иначе в состоянии "Ожидает проверки преподавателем"

UX

Подробнее в Figma.
Просьба ознакомится с основными требованиями к UX

1. Ситуация: пользователь "Преподаватель" при каких-то обстоятельствах забыл добавить требования, или изначально задача не подразумевала требования, тогда пользователь "Стедент" увидит в контейнере, где должны располагаться данные требования, сообщение с информацией об этом:

2. Ситуация: пользователь "Преподаватель" создал требования, которые располагаются в отдельном контейнере:

По мере заполнения textboxes, находящимися напротив каждого требования, они будут расширятся, при этом другие требования и соответствующие им textboxes сдвигаются вниз, расширяя контейнер, в котором они находятся:

Поведение Textbox "Общее замечание". При заполнении данного поля элемент Textbox расширяется вниз, расширяя контейнер в котором он находится:

UI

Сценарий:

1. Войти в систему как студент.
2. Открыть страницу для загрузки работы.
3. В окне загрузке файла изменить фильтр на "Все файлы".
4. Выбрать файл расширения не ZIP.
5. Кликнуть по кнопке "Открыть".
6. Кликнуть по кнопке "Загрузить".

Ожидаемый результат : Пользователю отображается сообщение "Неверный формат файла. Ожидается формат zip"
Фактический результат : В историю решений добавлена строка с текущим временем