презентация-pptx

1.

Кафедра программных систем
Выпускная квалификационная работа
«РАЗРАБОТКА ВЕБ-ПРИЛОЖЕНИЯ
МУЗЫКАЛЬНОГО СТРИМИНГОВОГО СЕРВИСА»
Обучающийся
Алексашин А.С.
6403-020302D
Руководитель ВКР
Сугак С.С.
Самара 2026

2. АКТУАЛЬНОСТЬ

1
Стриминг занимает 69% мирового
музыкального рынка и продолжает расти
2
Среди пользователей растёт запрос на
совместное прослушивание музыки онлайн
3
Существующие платформы не
предоставляют эту возможность в полном
объёме
Изображение взято из отчёта IFPI Global Music Report 2025
2 / 19

3. ЦЕЛЬ И ЗАДАЧИ

Цель работы
Спроектировать и разработать веб-приложение музыкального стримингового
сервиса с поддержкой синхронизированного совместного прослушивания.
понятия 02 Проанализировать
01 Определить
платформыпредметной области
аналоги
архитектуру и
04 Спроектировать
обосновать выбор стека
03 Сформулировать
требования к
системе
приложение с
05 Реализовать
механизмом синхронизации
3 / 19

4. СРАВНЕНИЕ СИСТЕМ-АНАЛОГОВ

Критерий
Поиск по каталогу
Очередь
воспроизведения
Перемотка трека
История прослушивания
Создание плейлистов
Сохранение треков и
альбомов
Совместное
прослушивание
Чат в сеансе
прослушивания
Spotify
Яндекс Музыка
SoundCloud
Да
Да
Да
Только Premium
Да
Ограничено
Только Premium
Да
Да
Да
Да
Да
Только Premium
Ограничено
Да
Да
Да
Ограничено
Только Premium,
ограничено
Нет
Нет
Нет
Нет
Нет
4 / 19

5. Требования к системе

Совместное
прослушивание
Учетные записи
Каталог и плеер
• Регистрация с валидацией
• Аутентификация
пользователей
• Разграничение ролей
• Поиск треков, альбомов и
исполнителей
• Потоковая передача аудио
• Управление очередью,
история, плейлисты,
избранное
• Создание комнат и
присоединение к ним
• Синхронизация
воспроизведения в
реальном времени
• Текстовый чат
Надёжность
Безопасность
Сопровождаемость
Корректная обработка
ошибок, восстановление
соединения с
экспоненциальной задержкой
JWT-аутентификация,
хэширование паролей,
защищённые протоколы
Соблюдение принципов
проектирования,
автоматическое
разворачивание схемы БД
5 / 19

6. АРХИТЕКТУРА СИСТЕМЫ

6 / 19

7. ТЕХНОЛОГИЧЕСКИЙ СТЕК

Серверная часть
Клиентская часть
Java 17
Spring Boot 3.5
JJWT
Gradle
TypeScript 5.4
RxJs
Spring WebSocket
Angular 18
Hibernate JPA
WebSocket API
Хранение данных
PostgreSQL 14
Локальная ФС
7 / 19

8. ДИАГРАММА ВАРИАНТОВ ИСПОЛЬЗОВАНИЯ (ОБЩАЯ)

8 / 19

9. ДИАГРАММА ВАРИАНТОВ ИСПОЛЬЗОВАНИЯ (ГОСТЬ)

9 / 19

10. ДИАГРАММА ПОСЛЕДОВАТЕЛЬНОСТИ (СИНХРОНИЗАЦИЯ)

10 / 19

11. ЛОГИЧЕСКАЯ МОДЕЛЬ ДАННЫХ

11 / 19

12. МЕХАНИЗМ СИНХРОНИЗАЦИИ - КОНЦЕПЦИЯ

12 / 19

13. МЕХАНИЗМ СИНХРОНИЗАЦИИ - КОРРЕКЦИЯ

13 / 19

14. ИНТЕРФЕЙС ПРИЛОЖЕНИЯ

Главная страница
Окно аутентификации
14 / 19

15. ИНТЕРФЕЙС ПРИЛОЖЕНИЯ

Страница избранного
15 / 19

16. ИНТЕРФЕЙС ПРИЛОЖЕНИЯ

Страница комнаты совместного прослушивания
16 / 19

17. ИНТЕРФЕЙС ПРИЛОЖЕНИЯ

Страница администраторской панели
17 / 19

18. РЕЗУЛЬТАТ РАБОТЫ

Разработанный продукт
Новизна
Веб-приложение музыкального
стримингового сервиса
Механизм двухпороговой
синхронизации
воспроизведения
Потоковое воспроизведение аудио
Каталог, поиск, плейлисты,
избранное, история
Разграничение ролей: гость, клиент,
администратор
Комнаты совместного
прослушивания с текстовым чатом
Реализована синхронизация
воспроизведения между удалёнными
пользователями на основе модели
единого источника эталонного
состояния с применением алгоритма
двухпороговой коррекции расхождения
Синхронизация воспроизведения в
реальном времени
18 / 19

19.

БЛАГОДАРЮ
ЗА ВНИМАНИЕ