Представленный материал является образцом учебного исследования, примером структуры и содержания учебного исследования по заявленной теме. Размещён исключительно в информационных и ознакомительных целях.
Workspay.ru оказывает информационные услуги по сбору, обработке и структурированию материалов в соответствии с требованиями заказчика.
Размещение материала не означает публикацию произведения впервые и не предполагает передачу исключительных авторских прав третьим лицам.
Материал не предназначен для дословной сдачи в образовательные организации и требует самостоятельной переработки с соблюдением законодательства Российской Федерации об авторском праве и принципов академической добросовестности.
Авторские права на исходные материалы принадлежат их законным правообладателям. В случае возникновения вопросов, связанных с размещённым материалом, просим направить обращение через форму обратной связи.
ℹ️Настоящий учебно-методический информационный материал размещён в ознакомительных и исследовательских целях и представляет собой пример учебного исследования. Не является готовым научным трудом и требует самостоятельной переработки.
Аннотация
ПЕРЕЧЕНЬ УСЛОВНЫХ ОБОЗНАЧЕНИЙ И ТЕРМИНОВ 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
📖 Аннотация
Работа посвящена разработке прототипа веб-приложения музыкального стримингового сервиса с расширенным функционалом. Актуальность исследования обусловлена наблюдаемым в индустрии разрывом между простотой доступа к обширным музыкальным библиотекам и возможностями для вдумчивого анализа контента, что создает потребность в интеграции инструментов для интерпретации текстов песен непосредственно в платформу для прослушивания. Методология включала сравнительный анализ существующих сервисов, проектирование архитектуры на основе клиент-серверной модели и выбор стека технологий, включающего React, Nest.js и MongoDB. В результате был реализован функциональный прототип, позволяющий пользователям не только осуществлять базовые операции с музыкальным контентом, но и создавать аннотации к текстам песен, что формирует основу для сообщества, ориентированного на осознанное восприятие музыки. Практическая значимость результатов заключается в возможности их использования разработчиками цифровых сервисов и стартапами в сфере медиаразвлечений для создания конкурентных продуктов с уникальной социально-ориентированной функциональностью. Проведенный анализ литературных и интернет-источников подтвердил существование рыночного запроса на подобные гибридные решения. Разработанный прототип демонстрирует техническую реализуемость концепции и служит основой для дальнейшего развития системы.
📖 Введение
В современном мире сложно найти человека, который не слушает музыку. Раньше, чтобы послушать музыку, которая Вам нравится, а не слушать то, что играет по радио, приходилось покупать музыку на различных физических носителях. Сначала был винил, потом кассеты, им на смену пришли компакт-диски, которые до сих пор остаются лидерами по продажам за все время. С развитием технологий цифровые копии начали сменять физические носители. Пиком развития стали стриминговые сервисы, которые начали активно развиваться в начале 2010-х. В настоящее время они являются важной частью музыкальной индустрии. Они позволяют пользователям слушать музыку онлайн без необходимости скачивать файлы на свои устройства. Поэтому теперь, чтобы послушать музыку, необходимо всего лишь иметь устройство с доступом в интернет.
Может показаться, что с упрощением доступа к музыке, люди стали относиться к ней не так вдумчиво, так как с появлением стриминговых сервисов, огромная библиотека музыкальных композиций находится всегда под рукой и нет необходимости тщательно выбирать, какой альбом купить следующим. Однако, существование таких сервисов, как genius[1], подтверждает интерес пользователей к более осознанному подходу к прослушиванию музыки. На подобных сайтах пользователи обмениваются своими интерпретациями текстов песен. Если бы подобный функционал был добавлен непосредственно в музыкальный стриминговый сервис, это упростило бы этот процесс и привлекло бы больше пользователей, поскольку в этом случае нет необходимости посещать отдельный ресурс.
Целью работы является разработка прототипа веб-приложения музыкального стримингового сервиса, позволяющее пользователям не только слушать музыку, но и делиться своими мыслями на счёт текстов песен, своими догадками о смысле тех или иных строчек. Для достижения данной цели поставлены следующие задачи:
1. Провести анализ конкурентов.
2. Описать функциональные и нефункциональные требования.
3. Спроектировать архитектуру веб-приложения.
4. Провести анализ технических средств и определить стек технологий.
5. Разработать прототип веб-приложения.
✅ Заключение
В ходе выполнения выпускной квалификационной работы был проведен анализ существующих решений, описаны требования к приложению, определен стек технологий, спроектирована архитектура приложения. Кроме того, в рамках данной работы, были изучены технологии и инструменты разработки веб-приложений и на практике приобретены навыки разработки таких приложений.
В результате работы был разработан прототип веб-приложения «Музыкальный стриминговый сервис», который соответствует сформулированным требованиям. Прототип позволяет прослушивать, загружать, редактировать песни и альбомы, создавать плейлисты, добавлять аннотации к текстам песен.
Существуют дальнейшие способы улучшения системы, например:
- внедрение системы рекомендаций;
- добавление возможности прикрепления различных материалов к аннотации (картинки, видео);
- добавление статистики для обычных пользователей.