Дипломная работа по профессии «Frontend-разработчик»

Цели дипломной работы

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

В результате выполнения дипломной работы вы:

• разработаете сайт бронирования билетов онлайн,
• разработаете административную часть сайта.

Инструменты и дополнительные материалы, которые пригодятся для выполнения работы

• Макеты страниц в Figma
• Информация по API.

Описание проекта

1. Сущности

• Кинозал – помещение, в котором демонстрируются фильмы. Режим работы определяется расписанием на день. Зал — прямоугольный, состоит из N*M различных зрительских мест.

• Зрительское место – место в кинозале. Зрительские места могут быть VIP и обычные.

• Фильм – информация о фильме заполняется администратором. Фильм связан с сеансом в кинозале.

• Сеанс – это временной промежуток, в котором в кинозале будет показываться фильм. На сеанс могут быть забронированы билеты.

• Билет – QR-код c уникальным кодом бронирования, в котором обязательно указаны: Дата, Время, Название фильма, Зал, Ряд, Место, Стоимость, Фраза "Билет действителен строго на свой сеанс".

Для генерации QR-кода можно использовать QRCreator.js

2. Роли пользователей системы

• Гость — неавторизованный посетитель сайта.
• Администратор — авторизованный пользователь.

3. Возможности гостя

• Просмотр расписания
• Просмотр информации о фильмах
• Выбор места в кинозале
• Бронирование билета

4. Возможности администратора

• Создание или редактирование залов.
• Создание или редактирование списка фильмов.
• Настройка цен.
• Создание или редактирование расписания сеансов фильмов.

Этапы разработки

1. Выполнить верстку предоставленных макетов
   • Верстка должна корректно отображаться в браузере chrome на устройствах с шириной экрана 320px и более.
   • В наименовании CSS-классов желательно придерживаться методологии БЭМ
   • Верстка должна быть валидной (Валидатор).
   • Для быстрой адаптации рекомендуем вам воспользоваться системой сеток BootStrap.
2. Разработка класс API для взаимодействия с Backend.
3. Программирование админской части сайта.
4. Программирование клиентской части сайта.

Правила приема работы

В личном кабинете отправлена ссылка на ваш Git-репозиторий, в котором содержатся:

• все файлы проекта,
• файл Readme со ссылкой на ваш проект, опубликованный на githubPage,
• описание стэка технологий, используемых вами в процессе работы над проектом.

Как сделать самопроверку перед финальной сдачей диплома

1. Допускаются ошибки уровня warning, ошибки уровня error обязательно нужно исправить.
2. Полностью работает создание и удаление залов, фильмов и сеансов.
3. Корректно работает изменение схемы зала и стоимости билетов
4. Полностью работает заказ нужного билета с выбором посадочного места, сохранением данных в БД и получением QR кода
5. QR код содержит в себе полную информацию о билете (более подробно см описание сущности Билет выше)
6. В гостевой части на вкладке Сегодня прошедшие сеансы должны быть неактивны (чтобы не было возможности забронировать билет на уже прошедшие сеансы)
7. В гостевой части должны отображаться сеансы, которые проходят только в открытых залах.

Часто задаваемые вопросы

Как добавлять и удалять сеансы?

Добавление сеансов нужно производить при помощи drag&drop - перетаскивания фильма на ленту timeline нужного зала
Удаление сеансов тоже производится при помощи drag&drop - перетаскивания сеанса с ленты timeline за ее пределы

Что значит кнопка «Открыть продажу билетов»?

По умолчанию зал создаётся неактивным. После нажатия на эту кнопку зал становится доступным гостям. Надпись на кнопке меянется на «Приостановить продажу билетов».