ВКР ТУСУР: Информационная система тестирования для студентов. Front-end

ВКР ТУСУР: Информационная система тестирования для студентов. Front-end

Бесплатная консультация по вашей теме: Telegram: @Diplomit Телефон/WhatsApp/MAX: +7 (987) 915-99-32, Email: admin@diplom-it.ru

Актуальность темы

Студент ТУСУР проходит десятки тестов за семестр: входные, промежуточные, рубежные, экзамены в Moodle, в ЛМС, в Google Forms. Но каждый из них — это отдельный, плохо оформленный, неудобный интерфейс. Одни вопросы — в виде длинных текстов, другие — с картинками, третьи — с видео. Нет единого дизайна, нет отзывов после прохождения, нет возможности повторить тест, чтобы понять ошибку. Студенты ненавидят тесты — потому что они неудобны, а не потому что материал сложен.

Преподаватели тоже страдают: они тратят часы на настройку тестов в разных системах, не видят, как студенты их проходят, не знают, где именно возникают трудности. Они хотят, чтобы тест был не просто вопросом «Какой цвет у неба?», а инструментом для диагностики понимания. Но для этого нужен современный, красивый, гибкий интерфейс.

Ваша дипломная работа — это создание современного, адаптивного фронтенда для информационной системы тестирования. Не просто «страница с кнопкой», а полноценный UX-продукт: с плавной анимацией, прогресс-баром, возможностью сразу видеть правильный ответ после ответа, с поддержкой аудио и видео, с темной темой для ночного режима. Это не просто «веб-страница». Это интерфейс, который делает процесс обучения эффективнее и приятнее.

Вы создадите продукт, который будет использоваться на кафедрах ТУСУР, и сделаете это на базе знаний, которые вы получаете в курсах веб-разработки. Это не теория — это ваш шанс стать экспертом в UX-дизайне для образования.

Возникли трудности с выбором фреймворка или проектированием интерфейса? Наши эксперты по защите информации помогут! Звоните или пишите: Telegram: @Diplomit
+7 (987) 915-99-32 (WhatsApp/MAX), admin@diplom-it.ru.

Если вы еще не определились с дизайном, ознакомьтесь с полным руководством по написанию ВКР ТУСУР Информационные системы и технологии Полное руководство по написанию ВКР ТУСУР Информационные системы и технологии.

Цель и задачи

Цель исследования: Разработать пользовательский интерфейс (Front-end) информационной системы тестирования для студентов ТУСУР, обеспечивающий высокий уровень удобства, доступности и вовлеченности при прохождении тестов.

Для достижения цели необходимо решить следующие задачи:

• Проанализировать существующие системы тестирования (Moodle, Edmodo, Google Forms, Яндекс.Контест)
• Изучить требования к UX/UI в образовательных системах (WCAG, ISO 9241-210)
• Определить типы тестовых заданий: множественный выбор, установление соответствия, ввод текста, аудио-задания, видео-анализ
• Спроектировать архитектуру фронтенда: компоненты, состояние, маршрутизация
• Разработать дизайн-систему: цветовая палитра, шрифты, иконки, анимации
• Реализовать интерфейс для каждого типа задания
• Создать модуль прогресс-бара и обратной связи (после ответа)
• Реализовать режимы: светлый, темный, доступный
• Провести юзабилити-тестирование среди студентов ТУСУР

Объект и предмет исследования

Объект исследования: Процессы проведения тестирования студентов в образовательной среде ТУСУР.

Предмет исследования: Методы и технологии разработки пользовательского интерфейса (Front-end) информационной системы тестирования для студентов, ориентированного на повышение удобства, доступности и вовлеченности.

Фокус работы — на человеко-центричном дизайне. Как сделать так, чтобы студент не нажал «далее», не прочитав вопрос? Как сделать так, чтобы он не потерялся в тесте? Это не программирование — это психология. Именно здесь ваша работа становится научно значимой и социально важной.

Примерный план (Содержание) работы

Глава 1. Теоретические основы интерфейсов для тестирования

• 1.1. Современные подходы к оценке знаний: тестирование как инструмент обучения
• 1.2. Принципы дизайна пользовательского интерфейса: простота, ясность, обратная связь
• 1.3. Стандарты доступности: WCAG 2.1, правила для людей с нарушениями зрения
• 1.4. Анализ существующих платформ: плюсы и минусы
• 1.5. Психология восприятия: как люди читают экран, как работает внимание

Глава 2. Проектирование и разработка Front-end части

• 2.1. Формирование требований к интерфейсу: функциональные и нефункциональные
• 2.2. Выбор технологического стека: React.js + TypeScript + Tailwind CSS / Vue 3
• 2.3. Проектирование архитектуры: компоненты, хранилище состояния (Zustand), маршрутизация
• 2.4. Создание дизайн-системы: цвета, шрифты, иконки, анимации, токены
• 2.5. Разработка компонентов для каждого типа задания: MCQ, Matching, Text Input, Audio, Video
• 2.6. Реализация модуля прогресс-бара и обратной связи: анимация, цветовые подсказки
• 2.7. Создание модулей: темная тема, режим доступности, режим чтения
• 2.8. Интеграция с backend API (REST/GraphQL)
• 2.9. Реализация системы сохранения прогресса и автосохранения

Глава 3. Тестирование и оценка эффективности

• 3.1. Методика тестирования: юзабилити-тесты, опросы, A/B-тесты
• 3.2. Оценка удобства использования (SUS-шкала, NPS)
• 3.3. Анализ времени прохождения теста и количества ошибок
• 3.4. Оценка удовлетворенности студентов и преподавателей
• 3.5. Рекомендации по внедрению в учебный процесс ТУСУР

Возникли трудности с проектированием интерфейса или реализацией анимаций? Наши эксперты по защите информации помогут! Звоните или пишите: Telegram: @Diplomit
+7 (987) 915-99-32 (WhatsApp/MAX), admin@diplom-it.ru.

Ожидаемые результаты и практическая значимость

Результатом работы станет полнофункциональный Front-end интерфейс с открытым исходным кодом, включающий:

• Интерфейс для прохождения теста с плавной навигацией
• Компоненты для всех типов заданий: MCQ, Matching, Text, Audio, Video
• Прогресс-бар с визуализацией пройденных и оставшихся вопросов
• Система немедленной обратной связи: правильный/неправильный ответ с пояснением
• Режимы: светлый, темный, высокая контрастность
• Автосохранение прогресса и восстановление при перезагрузке
• Отчет о юзабилити-тестировании с данными по удобству и вовлеченности

Практическая значимость — огромна. Интерфейс может быть внедрен в ЛМС ТУСУР, использован в курсах по педагогике и ИТ и передан в другие вузы. Вы создадите продукт, который делает обучение лучше — и сделаете это на базе технологий, которые изучаете в ТУСУР. Это не просто диплом — это ваше портфолио, которое покажет работодателю: «Я умею создавать продукты, которые люди любят использовать».

Пример введения ВКР ТУСУР

Тестирование — неотъемлемая часть образовательного процесса в ТУСУР. Однако, несмотря на широкое использование электронных систем, пользовательский опыт прохождения тестов остается на низком уровне. Студенты сталкиваются с неудобными интерфейсами: медленными загрузками, неясными формулировками вопросов, отсутствием обратной связи, невозможностью вернуться к предыдущему вопросу. Это не только снижает мотивацию, но и искажает результаты: студенты ошибаются не потому, что не знают материал, а потому что не смогли правильно понять интерфейс. Преподаватели, в свою очередь, не могут получить полную картину: где именно возникают трудности, как долго студенты думают над вопросом, как меняется их уверенность.

Целью настоящей магистерской диссертации является разработка пользовательского интерфейса (Front-end) информационной системы тестирования для студентов ТУСУР, обеспечивающий высокий уровень удобства, доступности и вовлеченности при прохождении тестов. Объектом исследования являются процессы проведения тестирования студентов в образовательной среде ТУСУР, предметом — методы и технологии разработки пользовательского интерфейса, ориентированного на повышение удобства, доступности и вовлеченности. Для достижения цели используются методы анализа существующих систем, проектирования пользовательских интерфейсов, принципов UX/UI и методы оценки удобства использования. Научная новизна заключается в создании уникального интерфейса, который объединяет современные принципы дизайна, доступность для всех категорий пользователей и немедленную обратную связь, создавая новый стандарт для образовательных тестов в российских вузах. Практическая значимость работы состоит в предоставлении готового решения, которое может быть интегрировано в существующие системы дистанционного обучения ТУСУР, значительно улучшив опыт студентов и повысив качество оценки знаний.

Заключение ВКР ТУСУР Информационные системы и технологии

В ходе выполнения выпускной квалификационной работы был разработан и протестирован Front-end интерфейс информационной системы тестирования. Прототип показал высокую эффективность: средний SUS-балл составил 84 (выше среднего по отрасли), время прохождения теста сократилось на 22%, а количество ошибок, вызванных неудобством интерфейса, снизилось на 65%. Участники отметили: «Я впервые не испугался теста» и «Теперь я понимаю, где ошибся».

Разработанный интерфейс полностью соответствует требованиям методички ТУСУР и демонстрирует высокий уровень профессионализма в области веб-разработки и UX-дизайна. Полученные данные подтверждают, что качество интерфейса напрямую влияет на качество обучения. Работа может служить основой для дальнейших исследований, включая интеграцию с AI для адаптивного тестирования и создание мобильного приложения.

Требования к списку источников

Список литературы должен соответствовать ГОСТ 7.1-2003 и включать не менее 40 источников, из которых минимум 25% (10+) должны быть опубликованы за последние 2 года (2023–2025 гг.). Источники следует разделить на категории: нормативные документы по образованию, научные статьи по UX/UI, технические руководства по веб-технологиям, исследования по оценке знаний.

Примеры корректного оформления:

• Федеральный закон № 273-ФЗ от 29.12.2012 «Об образовании в Российской Федерации» // Собрание законодательства РФ. — 2024. — № 52. — Ст. 12345.
• Norman, D.A. The Design of Everyday Things. — Basic Books, 2023. — 384 p.
• WCAG 2.1 Guidelines. — W3C, 2024. — URL: https://www.w3.org/TR/WCAG21/ (дата обращения: 15.05.2025)
• Кузнецова, Е.В. Пользовательский интерфейс образовательных систем: современные требования // Вестник ТУСУР. — 2024. — № 3(56). — С. 112–120.
• React Documentation. — URL: https://react.dev/ (дата обращения: 15.05.2025)
• Tailwind CSS Documentation. — URL: https://tailwindcss.com/docs (дата обращения: 15.05.2025)

Обязательно включайте источники по UX/UI, WCAG, исследованиям по оценке знаний, технические руководства по React.js и Tailwind CSS. Все ссылки должны быть упомянуты в тексте работы.

Полезные материалы для написания магистерской диссертации

• Все готовые работы Информационные системы и технологии — образцы структур, кода и анализа
• Методические рекомендации по написанию ВКР ТУСУР по направлению 09.03.01
• Курс "User Experience Design" на Coursera (University of Michigan)
• Руководство по созданию интерфейсов для образовательных платформ