Аннотация
ПЕРЕЧЕНЬ УСЛОВНЫХ ОБОЗНАЧЕНИЙ И ТЕРМИНОВ 3
ВВЕДЕНИЕ 4
1 Анализ конкурентов 6
1.1 Spotify 6
1.2 Яндекс Музыка 7
1.3 VK Музыка 7
2 Определение требований к системе 9
2.1 Определение функциональных требований к системе 9
2.2 Определение нефункциональных требований к системе 10
3 Проектирование 11
3.1 Диаграммы вариантов использования 11
3.2 Архитектура приложения 13
3.2.1 Клиент 14
3.2.2 Сервер 16
3.2.3 База данных 20
4 Технические средства разработки 22
4.1 React 22
4.1.1 Хуки 22
4.1.2 Redux 23
4.2 JSON Web Token 24
4.3 Mongoose 24
4.4 Среда разработки 24
5 Реализация 25
5.1 Создание серверной части 25
5.2 Создание клиентской части 30
6 Интерфейс 37
ЗАКЛЮЧЕНИЕ 46
СПИСОК ИСТОЧНИКОВ 47
В современном мире сложно найти человека, который не слушает музыку. Раньше, чтобы послушать музыку, которая Вам нравится, а не слушать то, что играет по радио, приходилось покупать музыку на различных физических носителях. Сначала был винил, потом кассеты, им на смену пришли компакт-диски, которые до сих пор остаются лидерами по продажам за все время. С развитием технологий цифровые копии начали сменять физические носители. Пиком развития стали стриминговые сервисы, которые начали активно развиваться в начале 2010-х. В настоящее время они являются важной частью музыкальной индустрии. Они позволяют пользователям слушать музыку онлайн без необходимости скачивать файлы на свои устройства. Поэтому теперь, чтобы послушать музыку, необходимо всего лишь иметь устройство с доступом в интернет.
Может показаться, что с упрощением доступа к музыке, люди стали относиться к ней не так вдумчиво, так как с появлением стриминговых сервисов, огромная библиотека музыкальных композиций находится всегда под рукой и нет необходимости тщательно выбирать, какой альбом купить следующим. Однако, существование таких сервисов, как genius[1], подтверждает интерес пользователей к более осознанному подходу к прослушиванию музыки. На подобных сайтах пользователи обмениваются своими интерпретациями текстов песен. Если бы подобный функционал был добавлен непосредственно в музыкальный стриминговый сервис, это упростило бы этот процесс и привлекло бы больше пользователей, поскольку в этом случае нет необходимости посещать отдельный ресурс.
Целью работы является разработка прототипа веб-приложения музыкального стримингового сервиса, позволяющее пользователям не только слушать музыку, но и делиться своими мыслями на счёт текстов песен, своими догадками о смысле тех или иных строчек. Для достижения данной цели поставлены следующие задачи:
1. Провести анализ конкурентов.
2. Описать функциональные и нефункциональные требования.
3. Спроектировать архитектуру веб-приложения.
4. Провести анализ технических средств и определить стек технологий.
5. Разработать прототип веб-приложения.
В ходе выполнения выпускной квалификационной работы был проведен анализ существующих решений, описаны требования к приложению, определен стек технологий, спроектирована архитектура приложения. Кроме того, в рамках данной работы, были изучены технологии и инструменты разработки веб-приложений и на практике приобретены навыки разработки таких приложений.
В результате работы был разработан прототип веб-приложения «Музыкальный стриминговый сервис», который соответствует сформулированным требованиям. Прототип позволяет прослушивать, загружать, редактировать песни и альбомы, создавать плейлисты, добавлять аннотации к текстам песен.
Существуют дальнейшие способы улучшения системы, например:
- внедрение системы рекомендаций;
- добавление возможности прикрепления различных материалов к аннотации (картинки, видео);
- добавление статистики для обычных пользователей.
