Загрузка данных


Министерство образования Кузбасса
Государственное профессиональное образовательное учреждение
«Сибирский политехнический техникум»









КУРСОВОЙ ПРОЕКТ

Разработка веб-приложения для создания и продвижения уникального визуала для нишевой музыки
Пояснительная записка
КП 09.02.07.00.00.00







Выполнил:
  студент группы ПР-24
 Прокошин А.В.
Руководитель КП:
 Коробкина С.А.
Защита КП:
_____________________
(оценка)









Кемерово
2026
Министерство образования Кузбасса
Государственное профессиональное образовательное учреждение 
«Сибирский политехнический техникум»

СОГЛАСОВАНО:

Председатель цикловой
методической комиссии ИиИТ
___________К.И. Морозько
«____»_________  20   г.	УТВЕРЖДАЮ:

Заместитель директора  
по УПР 
___________Т.М. Жильцова
«____»_________  20   г.

ЗАДАНИЕ
для курсового проекта

студента Прокошина Андрея Вячеславовича
группы ПР-24
специальности 09.02.07 «Информационные системы и программирование»
Тема: Разработка веб-приложения для создания и продвижения уникального визуала для нишевой музыки
Утверждена приказом директора ГПОУ СПТ № 282-о от «27» марта 2026 г.


ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
Содержание
Введение
1 Теоретические основы разработки веб-сайта
1.1 Средства и тенденции разработки веб-приложений для нишевой музыки
1.2 Выбор программных решений для создания веб-сайта
1.3 Анализ предметной области
2. Разработка веб-приложения «Soundframe Design»
2.1 Разработка дизайн-концепции сайта 
2.2 Разработка клиентской части сайта
2.3 Разработка серверной части сайта
2.4 Проектирование базы данных
Заключение
Список информационных источников


Дата выдачи задания «   »  ____________   20    г.
Дата окончания курсового проекта  «   » _____________  20    г.

                    Руководитель курсового проекта ______________/Коробкина С.А.
                                                             «    » ____________ 20    г.



Содержание

Введение 3
1. Теоретические основы разработки веб-сайта 5
1.1. Средства и тенденции разработки веб-сайтов для игр 5
1.2. Выбор программных решений для создания веб-сайта 6
1.3. Анализ предметной области 10
2. Разработка веб-сайта по игре Don’t Starve Together» 13
2.1. Разработка дизайн-концепции сайта 13
2.2. Разработка клиентской части сайта 14
2.3. Разработка серверной части сайта 17
2.4. Проектирование базы данных 20
Заключение 24
Список информационных источников 25


Введение

В последние годы развитие цифровой культуры и стриминговых сервисов оказывает значительное влияние на формирование современной музыкальной индустрии. Особое место среди разнообразных направлений занимает нишевая музыка (электроника, инди-рок, экспериментальные жанры), которая завоевывает популярность благодаря уникальному звучанию и активному сообществу слушателей по всему миру. Однако важной проблемой остается отсутствие качественного визуального оформления, которое помогало бы музыкантам выделяться на цифровых площадках.
Целью данного курсового проекта является разработка современного и удобного веб-приложения «Soundframe Design», предназначенного для создания и продвижения уникального визуального контента для нишевой музыки. Данный ресурс будет служить платформой, где музыканты могут оставить заявку на визуальное оформление, а дизайнеры — получить проект в работу.
В процессе выполнения проекта будет реализован функционал, отвечающий потребностям целевой аудитории: отправка заявок с аудио-треками и референсами, назначение дизайнеров, публикация готовых проектов в портфолио. Важной задачей является создание интуитивно понятного интерфейса с современным дизайном.
Данный проект предоставит возможность получить практические навыки в области веб-разработки, проектирования пользовательских интерфейсов и работы с базами данных.
Объект проекта: технический аспект разработки веб-приложения: архитектура, выбор технологий, база данных и т.д.
Предмет проекта: современные тенденции разработки веб-приложений для продвижения нишевой музыки.
Цель курсового проектирования: разработать веб-приложение «Soundframe Design», которое станет центральной платформой для музыкантов и дизайнеров, предоставляя инструменты для создания уникального визуального контента.



В соответствии с целью, объектом и предметом исследования, необходимо решить следующие задачи:
–	проанализировать сайты с такой же тематикой;
–	выбрать графический редактор для реализации веб-сайта;
–	провести сравнительный анализ других сайтов;
–	разработать дизайн веб-сайта;
–	разработать базу данных;
–	разработать клиентскую часть сайта;
–	Разработать серверную часть сайта.
Курсовой проект состоит из двух глав, введения, заключения, списка используемой литературы, приложений.

1. Теоретические основы разработки веб-сайта
1.1. Средства и тенденции разработки веб-приложений для нишевой музыки

Рассмотрим современные средства разработки веб-приложения для создания и продвижения уникального визуала для нишевой музыки — «Soundframe Design».
Необходимые задачи:
–	создание основных страниц сайта (главная, портфолио, процесс работы, страница заявки, профиль пользователя);
–	создание системы отправки заявок с возможностью загрузки аудио-треков и изображений;
–	создание системы авторизации и регистрации пользователей с разделением ролей (музыкант, дизайнер, администратор);
–	создание панели администратора для управления проектами, пользователями и заявками;
–	создание личного кабинета дизайнера с возможностью загрузки готовых работ.
Требование к функциональности веб-приложения:
–	возможность авторизации и регистрации пользователей;
–	валидация форм на стороне клиента и сервера;
–	разделение прав доступа в зависимости от роли пользователя;
–	возможность загрузки аудио-файлов (MP3, WAV, FLAC, AAC, M4A, OGG) и изображений (JPEG, PNG, WEBP, GIF);
–	код должен быть валидным.
Современные тенденции в разработке веб-приложений для нишевой музыки включают акцент на интеграцию визуальных инструментов, персонализацию контента и использование технологий искусственного интеллекта для генерации изображений и анимации. Также важными аспектами являются внедрение AI-инструментов для создания обложек и визуализаторов, а также улучшение взаимодействия между музыкантами и дизайнерами через специализированные платформы.
Внедрение инновационных технологий играет ключевую роль в разработке современных веб-ресурсов. Искусственный интеллект способен генерировать уникальные изображения по текстовому описанию (Midjourney, Adobe Firefly), создавать анимированные визуализаторы, реагирующие на бит и частоту трека (Videobolt, Neural Frames), а также автоматически обрабатывать загруженные пользователем файлы. Нейронные сети способствуют автоматизации обработки изображений, созданию оригинального контента и предсказанию запросов пользователей.
Защита данных и обеспечение конфиденциальности становятся основополагающими элементами в процессе разработки и эксплуатации интернет-ресурсов, особенно в контексте обработки персональной информации и загружаемого пользователями контента. В условиях современного цифрового пространства пользователи передают платформам демо-треки, изображения и личные данные. Для музыкантов и дизайнеров крайне важно иметь уверенность в том, что их интеллектуальная собственность находится под надежной защитой и не подвергнется угрозе утечки или несанкционированного доступа.
Особое значение защита данных приобретает на платформах, где пользователи обмениваются конфиденциальной информацией — демо-треками, визуальными концепциями, неопубликованными релизами. В случае утечки данных с таких ресурсов, это может повлечь за собой серьезные последствия, включая кражу интеллектуальной собственности. Поэтому обеспечение конфиденциальности и защиты личных данных становится критически важным для поддержания доверия пользователей.
Веб-дизайн — это динамичная область, требующая постоянного обновления. С появлением новых трендов и изменением пользовательских предпочтений, важно адаптировать дизайн сайтов, чтобы они оставались современными и привлекательными. Одним из популярных направлений является использование темной темы, которая не только снижает нагрузку на зрение, но и добавляет сайту стильный и современный вид. Также актуальны минимализм, крупная типографика и акцент на визуальный контент — что особенно важно для платформ, связанных с музыкой и дизайном.
В разрабатываемом веб-приложении «Soundframe Design» учтены эти тенденции: используется темная тема оформления, применен адаптивный дизайн, а интерфейс ориентирован на удобную загрузку и просмотр визуального контента.

1.2. Выбор программных решений для создания веб-сайта
Pixso — это бесплатная онлайн-платформа для разработки дизайн-макетов интерфейсов, приложений и веб-ресурсов. Она предоставляет широкий набор инструментов, которые позволяют создавать профессиональные дизайнерские работы.Одной из ключевых особенностей Pixso является возможность совместной работы в режиме реального времени. Это позволяет нескольким участникам команды работать над проектом одновременно, что значительно упрощает процесс коммуникации и обмена идеями.Pixso также включает множество инструментов для создания различных элементов дизайна, таких как кнопки, текстовые блоки и формы. Можно создавать собственные библиотеки элементов, которые затем можно использовать повторно в разных проектах. Это экономит время и повышает согласованность дизайна.С помощью Pixso можно создавать интерактивные прототипы и тестировать взаимодействие пользователей с дизайном ещё до этапа программирования. Это позволяет вовремя находить и исправлять ошибки интерфейса.Pixso полностью бесплатен, не имеет ограничений по функционалу в бесплатной версии и поддерживает русскоязычный интерфейс, что делает его оптимальным выбором для учебных проектов (Рисунок 1.1).

Рисунок 1.1 –Графический редактор «Pixso»

Visual Studio Code — это бесплатный и широко используемый редактор кода от Microsoft, который подходит для веб-разработчиков и верстальщиков любого уровня. С одной стороны, его интуитивно понятный интерфейс делает его доступным для новичков. С другой стороны, он предлагает множество встроенных функций, которые оценят опытные разработчики. (Рисунок 1.2).

Основные возможности Visual Studio Code:
–	поддержка множества языков программирования;
–	интеллектуальное авто-дополнение;
–	встроенный терминал;
–	настройка тем и оформления;
–	синхронизация настроек;
–	маркетплейс, в котором находится более 9000 расширений для поддержки различных языков программирования, фреймворков и инструментов;
–	возможность настройки интерфейса.
Отличительная черта Visual Studio Code – маркетплейс с огромным количеством расширений для интеграции с теми или иными инструментами. К примеру, в маркетплейсе есть готовые интеграции с такими языками программирования, как Python, C, C++, C#, Go, Ruby и PHP – и это лишь малая часть. В маркетплейсе найдутся интеграции с десятками популярных фреймворков, СУБД и другим ПО для веб-разработки.

Рисунок 1.2 – Visual Studio Code

OpenServer — это комплексная программная платформа, предназначенная для веб-разработчиков и специалистов в области информационных технологий. Она позволяет создавать и управлять полноценным сервером непосредственно в операционной системе Windows. OpenServer предоставляет пользователям широкий спектр возможностей для развертывания и тестирования веб-приложений, что делает его незаменимым инструментом в арсенале любого разработчика. (Рисунок 1.3).

Рисунок 1.3 – Меню «OpenServer»

Ключевые преимущества OpenServer:
–	портативность;
–	быстрый старт и остановка;
–	несколько режимов управления доменами;
–	поддержка профилей настроек;
–	персонализация настроек для каждого домена;
–	полный контроль над процессами;
–	мультиязычный интерфейс;
–	набор популярных сторонних расширений PHP.
Из этого меню можно открыть phpMyAdmin для работы с базами данных (Рисунок 1.4–1.5).


Рисунок 1.4 – Страница входа сайта «phpMyAdmin»


Рисунок 1.5 – Главная страница сайта «phpMyAdmin»


1.3. Анализ предметной области
Информационные сайты служат в качестве платформы для сбора и предоставления данных, которые могут быть полезны пользователям. Преимущество таких сайтов заключается в возможности детально раскрывать темы, предоставляя исчерпывающую информацию.
Основная задача этих сайтов — обеспечить пользователей подробной и интересной информацией по выбранной тематике. В настоящее время информационные сайты пользуются большой популярностью, так как они позволяют пользователям легко находить и изучать материалы, которые их интересуют.
Для подробного анализа предметной области было решено рассмотреть сайты с похожей тематикой.
Первый сайт для разбора называется «Spotify» (Рисунок 1.6).

Рисунок 1.6 – Сайт «Spotify»

Данный сайт использует тёмную тему оформления: чёрный фон, светло-серый текст, зелёный акцентный цвет для активных кнопок и элементов . В верхней панели расположен поиск, с помощью которого пользователь может найти интересующую его музыку или исполнителя. Это значительно сокращает время поиска.

Второй сайт называется «Яндекс Музыка» (Рисунок 1.7).

Рисунок 1.7 – Сайт «Яндекс музыка»


2. Разработка веб-приложения «Soundframe Design»
2.1. Разработка дизайн-концепции сайта

На основе собранных сведений формируется техническая концепция сайта, которая позволяет создать общий стиль и видение проекта. В данном случае веб-приложение формируется исходя из потребностей целевой аудитории — независимых музыкантов и дизайнеров, работающих в нишевых жанрах (электроника, инди-рок, экспериментальная музыка).
Создание концепции необходимо для организации технического задания, впоследствии для его выполнения в области разработки дизайна и функционирования. На основе концепции специалисты ясно понимают свои задачи, поскольку у них есть очевидное представление о том, как выглядит сайт, какой будет функционал и так далее.
Концепция сайта состоит из ряда этапов. Основной целью является создание единого визуального представления проекта. По сути, это подробное описание будущего веб-приложения. На финальном этапе возможно сопоставлять реальные результаты с заложенными концепциями. Безусловно, они должны полностью соответствовать.
Многие современные сайты используют минимальное разнообразие цветов. Часто это не связано с тематикой сайта и нужно для удобного восприятия информации. В основном они состоят из одной светлой, тёмной и нейтральной окраски. Для музыкальных платформ особенно актуальна тёмная тема, так как она снижает нагрузку на зрение и создаёт атмосферу погружения в контент.
В рамках проектирования веб-приложения «Soundframe Design» были выбраны основные цвета: чёрный, зелёный и светло-серый (Рисунок 2.1).

Рисунок 2.1 – Цветовая схема сайта

Именно такие цвета хорошо гармонируют между собой. Чёрный цвет создаёт фон, который ассоциируется с андеграундной культурой и ночной атмосферой клуба. Зелёный цвет используется для акцентных элементов (кнопки, ссылки, активные состояния) и символизирует развитие, рост и творческую энергию. Светло-серый цвет применяется для основного текста и второстепенных элементов, обеспечивая хорошую читаемость и визуальную иерархию.

2.2. Разработка клиентской части сайта

При разработке веб-приложения «Soundframe Design» все функциональные блоки размещены на каждой странице. Сайт содержит одну основную страницу — «Главная», с неё можно перейти на страницы: «Портфолио», «Процесс», «Для кого», «Комьюнити», «Контакты», а также на страницу «Вход/Регистрация». С каждой из перечисленных страниц навигации можно перейти на нужную страницу.
При разработке главной страницы сайта элементы располагаются следующим образом: Логотип (Главная), «Портфолио», «Процесс», «Для кого», «Комьюнити», «Контакты» и «Вход/Регистрация» либо «Профиль» (если пользователь авторизован) (Рисунок 2.2).

Рисунок 2.2 – Страница «Главная»

Далее по сайту располагается страница «Портфолио» с фильтрацией по жанрам (Рисунок 2.3).

Рисунок 2.3 – Страница «Портфолио»

Следом по шапке навигации располагается страница «Процесс», описывающая этапы работы (Рисунок 2.4).

Рисунок 2.4 – Страница «Процесс»

Затем по шапке располагается страница «Для кого», где пользователь может оставить заявку на визуальное оформление (Рисунок 2.5).


Рисунок 2.5 – Страница «Для кого»

Далее по сайту располагается страница «Комьюнити» со списком дизайнеров (Рисунок 2.6).

Рисунок 2.6 – Страница «Комьюнити»

Последний элемент навигации по шапке сайта переводит пользователя на страницу входа и регистрации (login и signup) (Рисунок 2.7–2.8).

Рисунок 2.7 – Страница «Вход (Login)»

По кнопке «Зарегистрироваться» можно перейти на страницу регистрации (Рисунок 2.8).

Рисунок 2.8 – Страница «Регистрация (Signup)»

После авторизации или регистрации пользователь переходит на главную страницу, а в шапке сайта вместо кнопки «Войти» отображается кнопка «Профиль» (Рисунок 2.9).

Рисунок 2.9 – Страница «Главная» после авторизации

2.3. Разработка серверной части сайта

Перед непосредственным проектированием архитектуры серверной части приложения была проанализирована предметная область и сформулированы функциональные требования к системе, а именно: регистрация и авторизация пользователей с разделением ролей (музыкант, дизайнер, администратор), отправка заявок на визуальное оформление с загрузкой аудио-файлов и изображений, управление проектами и очередью заявок.
Перед началом работы была создана физическая структура файлов.
Основные директории проекта включают:
–	config — файлы подключения к базе данных (db.php), авторизации (auth.php) и системных сообщений (messages.php);
–	actions — обработчики форм: авторизация, регистрация, отправка заявок, сохранение проектов, удаление записей и другие;
–	includes — переиспользуемые компоненты: шапка (header.php) и подвал (footer.php) сайта;
–	assets/styles — CSS-файлы стилей для всех страниц;
–	assets/scripts — JavaScript-файлы для модальных окон и динамических элементов;
–	assets/uploads — каталог для хранения загруженных пользователем изображений и аудио-файлов.

После создания структуры файлов пишем код для подключения к базе данных (Рисунок 2.11).


Рисунок 2.11 – Код подключения к БД

После создания подключения к базе данных пишем код для регистрации и авторизации (Рисунки: 2.12–2.13)

Рисунок 2.12 – Код авторизации пользователя


Рисунок 2.13 – Код регистрации пользователя
2.4. Проектирование базы данных

После анализа веб-ресурсов, аналогичных предметной области курсового проекта стало понятно, какая база данных нужна для сайта.
Для веб-сайта было создано 8 таблиц: users, genres, projects, submissions_musician, submission_files, projects_queue, designer_applications, notifications..
Таблица users хранит данные о пользователях с разделением по ролям (музыкант, дизайнер, администратор) (Рисунок 2.14–2.15).

Рисунок 2.14 – Таблица users (Пользователи)

Рисунок 2.15 – Данные таблицы users

Таблица genres хранит список музыкальных жанров (Рисунок 2.16–2.17).

Рисунок 2.16 – Таблица genres (Жанры)

Рисунок 2.17 – Данные таблицы genres

Таблица projects хранит данные о проектах, опубликованных в портфолио (Рисунок 2.18–2.19).


Рисунок 2.18 – Таблица projects (Проекты)


Рисунок 2.19 – Данные таблицы projects

Таблица submissions_musician хранит заявки, отправленные музыкантами (Рисунок 2.20–2.21).

Рисунок 2.20 – Таблица submissions_musician (Заявки музыкантов)


Рисунок 2.21 – Данные таблицы submissions_musician

Таблица submission_files хранит дополнительные файлы, прикреплённые к заявкам (Рисунок 2.22–2.23).

Рисунок 2.22 – Таблица submission_files (Файлы заявок)

Рисунок 2.23 – Данные таблицы submission_files

Таблица projects_queue хранит проекты, переданные в работу дизайнерам (очередь) (Рисунок 2.24–2.25).

Рисунок 2.24 – Таблица projects_queue (Очередь проектов)

Рисунок 2.25 – Данные таблицы projects_queue

Таблица designer_applications хранит заявки от дизайнеров на вступление в комьюнити (Рисунок 2.26–2.27).

Рисунок 2.26 – Таблица designer_applications (Заявки дизайнеров)

Рисунок 2.27 – Данные таблицы designer_applications

Таблица notifications хранит уведомления для пользователей (Рисунок 2.28–2.29).

Рисунок 2.28 – Таблица notifications (Уведомления)

Рисунок 2.29 – Данные таблицы notifications

Окончательная версия структуры базы данных со связями между таблицами представлена на рисунке 2.30.


Рисунок 2.22 – Структура базы данных
Заключение

В рамках данного проекта были детально изучены ключевые аспекты, связанные с созданием современного веб-сайта, посвященного игре «Don’t Starve Together». Основной задачей проекта являлась разработка функционального и информативного веб-ресурса, который бы эффективно и удобно предоставлял пользователям информацию об игре, её персонажах, новостях и других важных аспектах.
На начальном этапе был проведен тщательный анализ предметной области, что позволило определить специфику и ключевые требования потенциальных пользователей. Полученные данные легли в основу разработки дизайна и структуры сайта. Веб-дизайн был создан с учетом последних тенденций в области веб-разработки, что обеспечило не только приятное визуальное восприятие, но и удобную навигацию по сайту.
Особое внимание было уделено выбору средств разработки, которые обеспечивали бы оптимальное сочетание функциональности, безопасности и возможностей для дальнейшего масштабирования проекта. Клиентская часть сайта была разработана с использованием современных технологий, что позволило создать динамичный и отзывчивый интерфейс. Серверная часть, в свою очередь, была спроектирована с учетом высоких стандартов производительности и безопасности, чтобы гарантировать стабильную работу ресурса и защиту данных пользователей.
Таким образом, в результате выполнения проекта был создан современный, функциональный и безопасный веб-сайт, который полностью соответствует потребностям целевой аудитории и предоставляет пользователям исчерпывающую информацию об игре «Don’t Starve Together».
Завершающим этапом было развертывание сайта на хостинге с целью обеспечения доступности и оперативного функционирования для всех пользователей. Этот шаг включал в себя тщательное тестирование функционала сайта перед его запуском.
В результате выполнения проекта был создан современный и функциональный веб-сайт, полностью соответствующий целям и задачам. Реализация проекта поможет пользователям легко получить информацию.
Сайт имеет в общей сложности шесть страниц и выполнен с использования трех основных цветов. Выбор цветовой гаммы обусловлен анализом сайтов данного типа. Шрифт и изображения на сайте соответствуют предметной области и вписываются в дизайн веб-сайта.
Список информационных источников

1.	Баркович, А. А. Веб-проектирование : учебное пособие / А.А. Баркович, Т.А. Филимонова. — Москва : ИНФРА-М, 2025. — 231 с. — (Высшее образование). — DOI 10.12737/2116156. - ISBN 978-5-16-019399-1. - Текст : электронный. - URL: https://znanium.ru/catalog/product/2116156 (дата обращения: 15.04.2025). – Режим доступа: по подписке.
2.	Гагарина, Л. Г. Основы проектирования и разработки информационных систем : учебное пособие / Л.Г. Гагарина, Ю.С. Шевнина. — Москва : ИНФРА-М, 2025. — 211 с. — (Среднее профессиональное образование). - ISBN 978-5-16-020463-5. - Текст: электронный. - URL: https://znanium.ru/catalog/product/2175042 (дата обращения: 15.04.2025). – Режим доступа: по подписке.
3.	Гагарина, Л. Г. Разработка и эксплуатация автоматизированных информационных систем: Учебное пособие / Гагарина Л.Г. - Москва: ИД ФОРУМ, НИЦ ИНФРА-М, 2018. - 384 с. (Профессиональное образование) ISBN 978-5-8199-0316-2. - Текст: электронный. - URL: https://new.znanium.com/catalog/product/612577 (дата обращения: 15.04.2025). – Режим доступа: по подписке.
4.	Документация Perspective API: [сайт]. URL: https://developers.perspectiveapi.com/
5.	Документация Timeweb: [сайт]. URL: https://timeweb.com/ru/docs/
6.	Инструкции для CSS и HTML: [сайт]. URL: https://www.w3schools.com/
7.	Инструкции по CSS: [сайт]. URL: https://css-tricks.com/
8.	Инструкции по HTML, CSS и Django: [сайт]. URL: https://tproger.ru/
9.	Клонингер, К. Свежие стили Web-дизайна: как сделать из вашего сайта «конфетку»: практическое руководство / К. Клонингер; пер. с англ. М. В. Ермолиной. - 2-е изд. – Москва: ДМК Пресс, 2022. - 251 с. - (Web-дизайн). - ISBN 978-5-89818-246-5.: [сайт]. URL: https://znanium.com/catalog/product/2012551
10.	Немцова, Т. И. Компьютерная графика и web-дизайн: учебное пособие / Т.И. Немцова, Т.В. Казанкова, А.В. Шнякин; под ред. Л.Г. Гагариной. — Москва: ФОРУМ: ИНФРА-М, 2023. — 400 с. + Доп. материалы [Электронный ресурс]. — (Среднее профессиональное образование). - ISBN 978-5-8199-0790-0.: [сайт]. URL: https://znanium.ru/catalog/product/1905248
11.	Официальный сайт ChatGPT – Текст: электронный. – URL: https://chatgpt.com/
12.	Официальный сайт Django: [сайт]. URL: https://www.djangoproject.com/
13.	Официальный сайт Википедия: [сайт]. URL: https://en.wikipedia.org/wiki/
14.	Руководства Timeweb Cloud: [сайт]. URL: https://timeweb.cloud/tutorials/
15.	Сообщество Discourse Mozilla: [сайт]. URL: https://discourse.mozilla.org/
16.	Форум Habr: [сайт]. URL: https://qna.habr.com/
17.	Форум-фандом Don’t Starve Вики: [сайт]. URL: https://dont-starve.fandom.com/ru/wiki/Don%27t_Starve_Together