В работе рассматривается проектирование и разработка веб-приложения для управления контентом мобильной среды для изучения интонации. Изучение интонации - важная часть изучения языка, но на сегодняшний день не существует законченных свободно распространяемых продуктов, которые бы позволяли их изучать. Разрабатываемое веб-приложение является частью проекта "Study Intonation", который ставит целью создать открытую среду для изучения интонаций. Мотивация разработки приложения - предоставить пользователям проекта “Study Intonation” возможность создавать, редактировать и распространять курсы в удобной форме. Также в мотивацию включена цель изучить используемый технологический стек и полный процесс создания одностраничного веб-приложения. Работа сконцентрирована вокруг проектирования и реализации веб-прило­жения. При проектировании выделено 5 компонентов: клиентская часть, серверная, база данных, упаковщик и файловое хранилище. В качестве технологического стека был выбран MERN + AWS S3. Разработанные компоненты размещены в Docker-контейнерах.

The paper deals with the design and development of a web application for managing the content of a mobile environment for studying intonation. Studying intonation is an important part of language learning, but today there are no finished free products that allow them to be learned. The web application being developed is part of the “Study Intonation” project, which aims to create an open environment for learning intonation. The motivation for developing an application is to provide users of the “Study Intonation” project the opportunity to create, edit and distribute courses in a convenient form. Also included in the motivation is the goal to study the used technological stack and the complete process of creating a one-page web application. The work is centered around the design and implementation of a web application. During the design, 5 components are highlighted: the client part, the server part, the database, the packer and the file storage. MERN + AWS S3 is selected as the technology stack. The developed components are located in Docker containers.

• ВВЕДЕНИЕ
• 1. Анализ
  • 1.1. Обзор предметной области
  • 1.2. Функциональные требования к архитектуре
  • 1.3. Нефункциональные требования к архитектуре
  • 1.4. Результаты
• 2. Проектирование
  • 2.1. Архитектура
    • 2.1.1. База данных
    • 2.1.2. Серверная часть
    • 2.1.3. Клиентская часть
    • 2.1.4. Файловое хранилище
    • 2.1.5. Упаковщик
  • 2.2. MERN + AWS S3
    • 2.2.1. Node.js
    • 2.2.2. Express
    • 2.2.3. MongoDB
    • 2.2.4. React
    • 2.2.5. AWS S3
  • 2.3. Docker
  • 2.4. Результаты
• 3. Разработка
  • 3.1. Среда разработки
  • 3.2. Серверная часть
  • 3.3. База данных
  • 3.4. Клиентская часть
  • 3.5. Упаковщик
  • 3.6. Файловое хранилище
  • 3.7. Докеризация
  • 3.8. Тестирование
  • 3.9. Результаты
• ЗАКЛЮЧЕНИЕ
• СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
• ПРИЛОЖЕНИЕ 1. ЛИСТИНГИ