Тип работы:
Предмет:
Язык работы:


Разработка визуального редактора песен и сборников песен c буквенно-цифровой нотацией аккордов

Работа №126881

Тип работы

Бакалаврская работа

Предмет

информационные системы

Объем работы34
Год сдачи2023
Стоимость4270 руб.
ПУБЛИКУЕТСЯ ВПЕРВЫЕ
Просмотрено
14
Не подходит работа?

Узнай цену на написание


Введение 5
1. Постановка задачи 6
2. Введение в предметную область 7
3. Обзор 8
3.1. Запись в текстовом формате 8
3.2. Формат ChordPro 9
3.3. Прочие форматы 10
4. Требования 11
4.1. Постановка проблемы 11
4.2. Портрет пользователя 11
4.3. Итоговые требования 13
5. Архитектура 14
5.1. Главный сценарий использования продукта 14
5.2. Стек технологий 16
5.3. Внутреннее представление песен 17
5.4. Диаграмма компонент 19
5.5. Интерфейс 22
6. Особенности реализации 26
6.1. Сохранение изменений во внутреннем представлении . . 26
6.2. Сохранение и загрузка сохранённых песен 27
6.3. Реализация экспорта в PDF 28
6.4. Реализация импорта из текстового формата 29
6.5. Доработки редактора песен 30
6.6. Настройка CI/CD 31
7. Апробация 33
Заключение 35 
Список литературы

Музыка всегда занимала значимое место в жизни людей. Как и природного происхождения в виде, например, птичьего пения, так и исполняемая человеком. Для исполнения музыки чаще всего используются либо человеческий голос, либо специальные музыкальные инструменты. Существует множество музыкальных произведений, но для каждого из них, как правило, характерной отличительной чертой является собственная мелодия. Для освоения музыкального произведения можно либо, услышав его исполнение, постараться освоить его по памяти, либо же воспользоваться записью, также называемой музыкальной нотацией.
Одним из наиболее знакомых современному человеку музыкальных инструментов является акустическая гитара. Среди различных способов исполнения музыкальных произведений на гитаре, существует такой способ, как игра аккомпанементом. Этот способ подразумевает, что при помощи гитары ведётся фоновая мелодия, тогда как основная мелодия исполняется иным образом - голосом или же на отдельном инструменте.
Распространённым способом музыкальной нотации для аккомпанирующей голосу гитары является запись текста песни дополненная буквенно-цифровой нотацией исполняемых аккордов.
Достаточно часто возникает запрос на создание свёрстанных сборников песен в такой нотации. Существуют и разнообразные способы и средства создания таких сборников. Все эти способы отличаются трудоёмкостью на этапе вёрстки.
Данная работа является продолжением работы, выполненной автором в рамках учебной практики 3 курса, по итогам которой был разработан визуальный редактор песен с буквенно-цифровой нотацией аккордов.
В настоящей работе было предложено развить созданный редактор в продукт ”ChordWriter” - визуальный редактор для песен и сборников песен с буквенно-цифровой нотацией аккордов.
1. Постановка задачи
Целью данной работы является развитие продукта «ChordWriter»», представляющего собой десктопный WYSIWYG редактор песен и сборников песен с буквенно-цифровой нотацией аккордов. Для достижения этой цели были поставлены следующие задачи:
1. Сформулировать требования к приложению;
2. Реализовать новую функциональность редактора согласно требованиям;
3. Произвести апробацию полученного приложения

Возникли сложности?

Нужна помощь преподавателя?

Помощь в написании работ!


Исходный код проекта доступен в открытом GitHub-репозитории [7].
В результате выполнения выпускной квалификационной работы были достигнуты следующие результаты:
1. Сформулирована решаемая продуктом проблема и составлены портреты пользователей. На основе этого сформированы требования к функциональности продукта «ChordWriter»»;
2. Разработана архитектура приложения;
3. Реализовано сохранение сборников и отдельных песен в формате PDF;
4. Реализована функциональность импорта песен с аккордами в редактор;
5. Произведена апробация со сбором обратной связи;
6. На основе собранных предложений произведены доработки продукта;
7. Произведена повторная апробация.



[1] Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron. — URL: https://www.electronjs.org(дата обращения: 2022.11.20).
[2] Formik: Build forms in React, without the tears. — URL: https://formik.org(дата обращения: 2023.26.05).
[3] Getting Started - Electron Forge.— URL: https://www.electronforge.io (дата обращения: 2023.26.05).
[4] GitHub - atlassian/react-beautiful-dnd: Beautiful and accessible drag and drop for lists with React.— URL: https://github.com/atlassian/react-beautiful-dnd (дата обращения: 2023.26.05).
[5] GitHub - react-grid-layout/react-draggable: React draggable component.— URL: https://github.com/react-grid-layout/react-draggable (дата обращения: 2023.26.05).
[6] GitHub Actions Documentation - GitHub Docs.— URL: https://docs.github.com/en/actions (дата обращения: 2023.26.05).
[7] GitHub репозиторий проекта.— URL: https://github.com/GF2595/ChordWriter (дата обращения: 2022-11-20).
[8] Home - React Suite.— URL: https://rsuitejs.com(дата обращения: 2022.11.20).
[9] Node.js.— URL: https://nodejs.org/en(дата обращения: 2023.26.05).
[10] React DnD.— URL: https://react-dnd.github.io/react-dnd/about (дата обращения: 2023.26.05).
[11] React - JavaScript-библиотека для создания пользовательских интерфейсов. — URL: https://ru.reactjs.org(дата обращения: 2022.11.20).
[12] Redux - A predictable state container for JavaScript apps. | Redux.— URL: https://redux.js.org (дата обращения: 2023.26.05).
[13] TypeScript: JavaScript With Syntax For Types.— URL: https://www.typescriptlang.org(дата обращения: 2022.11.20).
[14] ipcMain | Electron.— URL: https://www.electronjs.org/docs/latest/api/ipc-main(дата обращения: 2022-11-21).
[15] react-beautiful-dnd vs react-dnd vs react-drag- and-drop vs react-draggable vs react-dragula |
npm trends.— URL: https://npmtrends.com/
react-beautiful-dnd-vs-react-dnd-vs-react-drag-and-drop-vs-reac
[16] useContext - React. — URL: https://react.dev/reference/react/useContext (дата обращения: 2023.26.05).
[17] useReducer - React. — URL: https://react.dev/reference/react/useReducer (дата обращения: 2023.26.05).
[18] Агафошин Пётр Спиридонович. Школа игры на шестиструнной гитаре // Школа игры на шестиструнной гитаре / Ed. by Е.Д. Ларичев.
[19] Порталы - React. — URL: https://ru.reactjs.org/docs/portals.html (дата обращения: 2023.03.27).
[20] Слова, аккорды и история Гимна МатМеха. — URL: http://dm47.com/GimnHistory.html (дата обращения: 2022.11.20).
[21] Урок #5. Музыкальная теория. Буквенно цифровые обозначения аккордов (БЦО) (Синтаксис и правила чтения).— URL: http://www.akkords.ru/lessons/bco.php (дата обращения: 2022.11.20).


Работу высылаем на протяжении 30 минут после оплаты.




©2025 Cервис помощи студентам в выполнении работ