Web-сайт «Онлайн кинотеатр»

1.

«Программная инженерия» им. Л.П. Фельдмана
дипломный
проект бакалавра
на тему:
«Web-сайт «Онлайн кинотеатр»
Спецчасть: Проектирование и программная реализация серверной и клиентской части
программного обеспечения с использованием PostgreSQL, React, NextJS, TypeScript
Автор: Левшин Никита Александрович
Руководитель: ст. преп. каф. ПИ Морозова Ольга Васильевна

2.

Цель работы
Изучить принципы разработки онлайн кинотеатров,
получить теоретические знания и практические навыки
в разработке web-приложений на языке JavaScript,
проанализировать
существующие
аналоги
разрабатываемой
системы,
спроектировать
и
разработать сайт с клиентской и серверной частями.

3.

Актуальность работы
Всего за несколько лет популярность онлайнкинотеатров увеличилась в разы. Эпоха DVDплееров и домашних кинотеатров ушла,
соответственно
способов
монетизации
кинопроизводства помимо похода в кинотеатры
осталось не так много.

4.

Стриминговые сервисы и онлайн кинотеатры набирают
всё большую популярность по всему миру. Имея
хорошую скорость соединения к сети Интернет, будь то
с компьютера или телефона, есть возможность
мгновенно получить доступ к бесчисленному объему
видео файлов, ассортимент которых постоянно
обновляется. Также следует отметить, что весь контент
доступен в любое удобное для пользователя время в
любом объеме и месте.

5.

Анализ предметной области
Было проведено исследование российского сегмента интернета и
выявлены частые ошибки и недостатки основных онлайн сервисов.
Основными проблемами большинства ресурсов рынка является:
- отсутствие четкой навигации по сайту;
- нагромождение сайта рекламными баннерами;
- отсутствие гибкой поисковой системы с фильтрами;
- недостаток дополнительной информации о фильмах и
актерах;
- отсутствие списка избранных фильмов;

6.

Используемые технологии
- ReactJs позволят значительно ускорить загрузку сайта и
упрощает разработку проекта.
- Основными причинами использования технологии NextJs
были возможность использования рендеринга на стороне
сервера и улучшение SEO оптимизации приложения.
- TypeScript был выбран, т. к. он имеет строгую типизацию и в
целом ускоряет работу над проектом.

7.

Структура БД
Концептуальная модель БД
Логическая модель БД
Физическая модель БД

8.

Демонстрация БД
Таблица пользователей
Таблица комментариев

9.

Диаграмма вариантов использования для
неавторизованного пользователя

10.

Диаграмма вариантов использования для
авторизованного пользователя

11.

Структура приложения

12.

Интерфейс приложения
авторизация

13.

Интерфейс приложения
кабинет пользователя

14.

Интерфейс приложения
страница поиска

15.

Интерфейс приложения
страница с информацией о фильме

16.

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

17.

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

18.

Спасибо за внимание!