Разработка платформы для проведения онлайн викторин с созданием собственных вопросов и системой лидербордов

1. Дипломная работа на тему: Разработка платформы для проведения онлайн викторин с созданием собственных вопросов и системой

лидербордов
Обучающегося группы 42ИП по специальности информационные системы и
программирование
Обучающийся: Игумнов Павел Максимович
Руководитель: Склярова Анжела Витальевна
2025 г.

2. АКТУАЛЬНОСТЬ И ПРОБЛЕМАТИКА ВЫПУСКНОЙ КВАЛИФИКАЦИОННОЙ РАБОТЫ

Актуальность: cовременные образовательные и корпоративные процессы стремительно
переходят в онлайн-среду, что требует применения новых инструментов контроля знаний и
оценки компетенций. Одним из ключевых направлений цифровой трансформации образования
становится использование веб-платформ для проведения онлайн викторин. Традиционные
формы опросов и экзаменов теряют эффективность из-за низкой гибкости, ограниченной
адаптивности и слабой аналитики результатов. Это особенно критично при массовом обучении
и проверке знаний в условиях удалённой или гибридной формы обучения.
Проблематика: существующие решения не позволяют гибко настраивать параметры
тестирования, адаптироваться под уровень пользователя, а также не обеспечивают
достаточную масштабируемость и защищённость данных. Кроме того, отсутствуют
интеграции с современными образовательными стандартами и API внешних систем.

3. ЦЕЛИ И ЗАДАЧИ ВЫПУСКНОЙ КВАЛИФИКАЦИОННОЙ РАБОТЫ

Цель: разработка и внедрение веб-платформы для интерактивного тестирования с
возможностью создания собственных квизов и системой лидербордов,
аутентификации пользователей и аналитики результатов в реальном времени.
Задачи:
1.
Проанализировать существующие решения в области онлайн-тестирования и
выявить их недостатки.
2.
Определить технологический стек, соответствующий требованиям к
функциональности, масштабируемости и безопасности.
3.
Разработать архитектуру платформы с использованием микросервисного подхода.
4.
Реализовать клиентскую и серверную части системы.
5.
Провести тестирование приложения, включая нагрузочное и юзабилититестирование.
6.
Оценить экономическую эффективность внедрения платформы на предприятии или
в образовательной организации.

4. НЕДОСТАТКИ СУЩЕСТВУЮЩИХ РЕШЕНИЙ

Платформа
MyQuiz
TriviaMaker
Ключевые недостатки
- Сложный интерфейс для новичков
- Ограниченная интеграция со сторонними
сервисами (кроме базовых)
- Нет встроенной аналитики результатов
- Устаревший UI/UX
AhaSlides
- Очень ограниченный функционал в
бесплатной версии
Kahoot!
- Платная подписка для доступа к
расширенным функциям

5. Стек технологий QuizMaster

• Visual Studio Code – удобная среда разработки с мощными инструментами
отладки
JavaScript/React – гибкость и производительность для динамического UI
CSS-модули / Styled Components – стилизация без конфликтов и поддержка
темизации
Vite – мгновенная сборка и горячее обновление (HMR)
Axios – надёжные HTTP-запросы к API
• Преимущества стека:
Скорость разработки
Высокая производительность
Масштабируемость без переделки архитектуры

6. АРХИТЕКТУРА ПЛОТФОРМЫ И РЕАЛИЗАЦИЯ ИНТЕРФЕЙСА

Архитектура платформы
Реализация интерфейса
1. Frontend: React, Vite, Styled Components
1. Адаптивный дизайн (ПК и мобильные
2. Backend: Firebase + Axios
устройства)
3. Диаграммы:
- Use Case
- DFD (Data Flow Diagram)
- IDEF0
- Функциональная схема
2. Поддержка темной темы
4. JWT-аутентификация, REST API
5. Навигация — React Router
3. Компоненты: AuthForm, Quiz,
Leaderboard
4. Управление состоянием — Context API

7. АРХИТЕКТУРА ПЛАТФОРМЫ

Диаграмма вариантов
использования приложения
QuizMaster
Idef0 схема приложения QuizMaster

8. АРХИТЕКТУРА ПЛАТФОРМЫ

DFD диаграммы приложения QuizMaster

9. АРХИТЕКТУРА ПЛАТФОРМЫ

Функциональная схема приложения QuizMaster:
Шапка проекта
Функциональная схема приложения
QuizMaster:Страница авторизации

10. АРХИТЕКТУРА ПЛАТФОРМЫ

Функциональная
схема
приложения
QuizMaster:
Страница регестрации
Функциональная
схема
приложения
QuizMaster:
Главная страница
Функциональная схема приложения
QuizMaster: Страница прохождения
квиза

11. АРХИТЕКТУРА ПЛАТФОРМЫ

Функциональная схема приложения QuizMaster: Страница создания квиза

12. РЕАЛИЗАЦИЯ ИНТЕРФЕЙСА ПЛАТФОРМЫ

Интерфес плотформы QuizMaster

13. РЕАЛИЗАЦИЯ ИНТЕРФЕЙСА ПЛАТФОРМЫ

Интерфес плотформы QuizMaster

14. РЕАЛИЗАЦИЯ ИНТЕРФЕЙСА ПЛАТФОРМЫ

Интерфес плотформы QuizMaster

15. Тестирование QuizMaster

Цели тестирования:
1. Проверка работоспособности ключевых
функций
2. Оценка стабильности под нагрузкой
3. Анализ обработки ошибок
Ключевые тесты:
Тип тестирования
Примеры сценариев
Результат
Функциональное
Создание квиза, прохождение,
таймер
100% успешно
Нагрузочное
100+ пользователей
одновременно
Стабильная
работа
Обработка ошибок
Потеря сети, пустые ответы
Корректные
уведомления
Кросс-браузерность
Chrome, Firefox, Safari
Идентичный
UI

16. Экономическая эффективность внедрения QuizMaster

Ключевые преимущества для бизнеса и образования
1. Низкие затраты на внедрение
• Не требует крупных начальных инвестиций
• Готовая SaaS-платформа – не нужна IT-команда для поддержки
2. Автоматизация процессов
• Снижение трудозатрат на проведение тестирований и обучение
• Мгновенная проверка результатов и аналитика
3. Безопасность и конфиденциальность
• Локальное развертывание (по требованию)
• Контроль доступа и защита данных
4. Гибкость и масштабируемость
• Возможность добавления новых функций (AI, мультимедиа)
• Адаптация под корпоративные и образовательные нужды
Экономический эффект
1. Снижение расходов на обучение и оценку персонала/студентов
2. Повышение вовлечённости – рост эффективности обучения
3. Автоматизация рутинных задач – экономия времени HR- и преподавателей
QuizMaster – готовое решение для внутреннего использования без необходимости
перепродажи.

17. ЗАКЛЮЧЕНИЕ

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