UI mockup and use cases - moevm/nosql2h21-imdb2.0 GitHub Wiki

UI mockup

Use cases

Просмотр подробной информации о фильме

Действующее лицо: Пользователь

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

  1. Пользователь на странице «Movies», на которую можно попасть при клике по навбару на соответствующую кнопку
  2. Пользователь кликает на строку фильма
  3. Открывается страница подробной информации о фильме

Редактирование информации о фильме

Действующее лицо: Пользователь

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

  1. На странице с подробной информацией о фильме пользователь кликает на кнопку «Edit»
  2. Открывается страница редактирования фильма
  3. Пользователь хочет отредактировать режиссера
  4. Пользователь кликает на поле режиссера
  5. Открывается выпадающий список со всеми режиссерами
  6. Пользователь может выбрать несколько режиссеров
  7. Пользователь хочет хочет добавить нового актера
  8. Пользователь кликает на кнопку «+» в категории актеры
  9. После чего появляются пустые поля актер и роль
  10. Пользователь кликает на поле актер
  11. Открывается выпадающий список со всеми возможными актерами
  12. Пользователь выбирает одного актера
  13. Пользователь кликает на поле роли
  14. Вводит имя персонажа, который играл актер
  15. После того, как пользователь закончил редактирование он нажимает на кнопку «Save»
  16. Новая информация о фильме сохраняется в БД
  17. Открывается карточка с подробной информацией о фильме с обновленной информацией

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

  • Пользователь не захотел редактировать фильм
  • Пользователь нажимает кнопку «Cancel»
  • Открывается карточка с подробной информацией о фильме

Создание нового фильма

Действующее лицо: Пользователь

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

  1. Пользователь на странице «BD Control», на которую можно попасть при клике по навбару на соответствующую кнопку
  2. Пользователь нажимает на кнопку «Movie» в меню добавления
  3. Открывается страница добавления фильма с неактивной кнопкой «Save», эта страница содержит все возможные поля фильма
  4. Пользователь вводит все обязательные поля, ввод происходит также, как и в сценарии редактирования фильма
  5. После ввода обязательных полей кнопка «Save» становиться активной
  6. Пользователь нажимает на кнопку «Save»
  7. Открывается карточка с подробной информацией о добавленном фильме

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

  • Пользователь не захотел создавать фильм
  • Пользователь нажимает кнопку «Cancel»
  • Открывается страница «BD Control»

Просмотр подробной информации об имени(человеке)

Действующее лицо: Пользователь

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

  1. Пользователь на странице «Names», на которую можно попасть при клике по навбару на соответствующую кнопку
  2. Пользователь кликает на строку имени
  3. Открывается страница с подробной информации об имени

Редактирование информации имени

Действующее лицо: Пользователь

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

  1. На странице с подробной информацией об имени пользователь кликает на кнопку «Edit»
  2. Открывается страница редактирования имени
  3. Пользователь хочет добавить новую специализацию имени
  4. В меню добавления специализации пользователь выбирает специализацию и фильм
  5. Кликает на кнопку «Add», после чего добавляется новая специализация
  6. После того, как пользователь закончил редактирование он нажимает на кнопку «Save»
  7. Новая информация об имени сохраняется в БД
  8. Открывается карточка с подробной информацией о фильме с обновленной информацией

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

  • Пользователь не захотел редактировать имя
  • Пользователь нажимает кнопку «Cancel»
  • Открывается карточка с подробной информацией об имени

Создание нового имени

Действующее лицо: Пользователь

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

  1. Пользователь на странице «BD Control», на которую можно попасть при клике по навбару на соответствующую кнопку
  2. Пользователь нажимает на кнопку «Name» в меню добавления
  3. Открывается страница добавления имени с неактивной кнопкой «Save»
  4. Пользователь вводит все обязательные поля, а также все работы и фильмы, в которых участвовал человек
  5. После ввода обязательных полей кнопка «Save» становиться активной
  6. Пользователь нажимает на кнопку «Save»
  7. Открывается карточка с подробной информацией о добавленном человеке

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

  • Пользователь не захотел создавать новое имя
  • Пользователь нажимает кнопку «Cancel»
  • Открывается страница «BD Control»

Удаление фильма

Действующее лицо: Пользователь

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

  1. Пользователь заходит в панель редактирования фильма
  2. Нажимает на кнопку «Delete»
  3. Появляется модальное окно с сообщением, уверены ли вы, что хотите удалить фильм
  4. Пользователь нажимает «Yes»
  5. Фильм удаляется из БД (также удаляется из имен, где удаленный фильм был упомянут?)
  6. Открывается главная страница с фильмами

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

  • Пользователь не захотел удалять фильм
  • Пользователь в модальном окне нажимает «No»

Удаление имени

Действующее лицо: Пользователь

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

  1. Пользователь заходит в панель редактирования имени
  2. Нажимает на кнопку «Delete»
  3. Появляется модальное окно с сообщением, уверены ли вы, что хотите удалить имя
  4. Пользователь нажимает «Yes»
  5. Фильм удаляется из БД (также удаляется из фильмов, где удаленное имя было упомянуто?)
  6. Открывается главная страница с фильмами

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

  • Пользователь не захотел удалять имя
  • Пользователь в модальном окне нажимает «No»

Поиск

Действующее лицо: Пользователь

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

  1. Пользователь вводит название фильма/имени в поисковую строку в навбаре
  2. Пользователь нажимает клавишу Enter или кнопку «search»
  3. Открывается страница вывода всех возможных результатов по запросу(фильмы или имена)
  4. При клике на фильм или имя открывается карточка с подробной информацией о нем

Массовый импорт фильмов

Действующее лицо: Пользователь

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

  1. Пользователь на странице «BD Control», на которую можно попасть при клике по навбару на соответствующую кнопку
  2. Пользователь выбирает формат файла(JSON, CSV, TSV)
  3. Далее нажимает на кнопку «Select File» в меню импорта фильмов
  4. Открывается стандартный выбор файла с ограничением на выбранный формат
  5. При выборе файла он отсылается на бок
  6. Если файл был синтаксически правильно оформлен создаются сущности фильмов в БД, если в файле были уже существующие фильмы, они пропускаются

Просмотр диаграммы жанров

Действующее лицо: Пользователь

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

  1. Пользователь на странице «Statistics», на которую можно попасть при клике по навбару на соответствующую кнопку
  2. Пользователь выбирает желаемые фильтры
  3. Далее нажимает на кнопку «Genre chart»
  4. Отображается диаграмма жанров по выбранным фильмам

Просмотр фильмов по годам

Действующее лицо: Пользователь

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

  1. Пользователь на странице «Statistics», на которую можно попасть при клике по навбару на соответствующую кнопку
  2. Пользователь выбирает желаемые фильтры
  3. Далее нажимает на кнопку «Titles by year»
  4. Отображается количество фильмов по годам по выбранным фильтрам

Массовый экспорт фильмов

Действующее лицо: Пользователь

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

  1. Пользователь на странице «BD Control», на которую можно попасть при клике по навбару на соответствующую кнопку
  2. Пользователь выбирает формат файла(JSON, CSV, TSV)
  3. Далее нажимает на кнопку «Download» в меню экспорта фильмов
  4. Файл в выбранном формате скачивается на клиент

Массовый импорт имен(аналогично фильмам)

Массовый экспорт имен(аналогично фильмам)