---

ПОЛНЫЙ ТЕКСТ ВЫСТУПЛЕНИЯ ДЛЯ ЗАЩИТЫ

СЛАЙД 1. ТИТУЛЬНЫЙ

Добрый день, уважаемые члены комиссии.

Тема моей выпускной квалификационной работы - "Проектирование и разработка веб-платформы для изучения иностранных языков".

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

То есть основной результат работы - это проектный и программный прототип: от анализа аналогов и пользовательских потребностей до интерфейса и работающего веб-приложения.

ПЕРЕКЛЮЧИТЬ СЛАЙД


СЛАЙД 2. АКТУАЛЬНОСТЬ И ПРОБЛЕМА

Актуальность темы связана с тем, что изучение иностранных языков все чаще переносится в цифровую среду. Пользователь может заниматься самостоятельно, в короткие промежутки времени, без привязки к расписанию и месту. Это удобно, но у такого формата есть своя сложность: человеку приходится самому поддерживать регулярность и понимать, что делать дальше.

В тексте работы проблема исследования сформулирована следующим образом:

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

Для моего проекта это означает, что важно не просто показать набор заданий, а спроектировать интерфейс так, чтобы пользователь видел ближайшее действие, мог пройти короткое занятие, получить обратную связь и увидеть результат своей активности.

ПЕРЕКЛЮЧИТЬ СЛАЙД


СЛАЙД 3. ОБЪЕКТ, ПРЕДМЕТ И ЦЕЛЬ

Объект и предмет исследования также сформулированы в работе следующим образом:

Объектом исследования выступают цифровые образовательные платформы для изучения иностранных языков. Предмет исследования - проектирование пользовательского интерфейса и учебного сценария языковой платформы с персонализацией по цели, уровню и темпу обучения.

Цель работы состоит в том, чтобы спроектировать и разработать прототип веб-платформы LinguaSprint для изучения иностранных языков, который строит персональный учебный маршрут и поддерживает обучение через разнообразные задания, интервальное повторение, прогресс по навыкам и достижения.

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

Именно поэтому в работе основное внимание уделено интерфейсу, сценариям взаимодействия, архитектуре приложения и реализации основных пользовательских функций.

ПЕРЕКЛЮЧИТЬ СЛАЙД


СЛАЙД 4. ЗАДАЧИ

Для достижения цели в работе были поставлены следующие задачи.

Первая задача - проанализировать теоретические подходы к цифровому обучению иностранным языкам и принципы UX/UI-проектирования образовательных веб-платформ.

Вторая задача - провести сравнительный анализ существующих сервисов и выявить их сильные стороны и ограничения.

Третья задача - выявить пользовательские потребности и барьеры самостоятельного изучения языка с помощью анкетирования, интервью и юзабилити-проверки.

Четвертая задача - сформировать требования к системе и спроектировать информационную архитектуру, onboarding и карту учебного маршрута.

Пятая задача - реализовать прототип веб-платформы с уроками, словарем, очередью повторения, прогрессом и REST API.

И шестая задача - провести первичную проверку прототипа и определить ограничения и направления развития.

Таким образом, структура работы выстроена последовательно: сначала теоретическая и аналитическая часть, затем исследование пользователей, потом проектирование интерфейса и программная реализация.

ПЕРЕКЛЮЧИТЬ СЛАЙД


СЛАЙД 5. ТЕОРЕТИЧЕСКАЯ РАМКА

Теоретическая часть работы опирается на несколько направлений.

Первое направление - цифровое языковое обучение. Оно важно, потому что платформа изначально проектируется для самостоятельной онлайн-практики, где пользователь занимается без постоянного сопровождения преподавателя.

Второе направление - UX/UI образовательных платформ. Здесь важны понятная навигация, визуальная иерархия, снижение когнитивной нагрузки и предсказуемость интерфейса.

Третье направление - человеко-ориентированное проектирование. Оно предполагает, что решения в интерфейсе должны исходить не только из набора функций, но и из реальных потребностей пользователя.

Четвертое направление - мотивационные механики. В проекте это выражено через прогресс, достижения, короткие занятия и понятный результат после выполнения задания.

И пятое направление - повторение и обратная связь. В прототипе это связано со словарем, очередью повторения и фиксацией результатов занятия.

Для меня эти направления важны прежде всего как база для проектирования интерфейса и пользовательского сценария. То есть теория в работе не заменяет методику обучения, а помогает понять, какие элементы должна учитывать образовательная веб-платформа.

ПЕРЕКЛЮЧИТЬ СЛАЙД


СЛАЙД 6. МЕТОДЫ И МАТЕРИАЛ

В работе использовались как исследовательские, так и проектные методы.

К исследовательским методам относятся анализ литературы и нормативной базы, сравнительный анализ аналогов, UX-аудит интерфейсов, анкетирование, интервью и юзабилити-проверка.

К проектным и разработческим методам относятся проектирование пользовательских сценариев, разработка информационной архитектуры, прототипирование интерфейса, компонентная разработка и реализация REST API.

Материалом для анализа стали существующие языковые сервисы: Duolingo, Busuu, Memrise, LingQ и Babbel. Также использовались данные пользовательского исследования: в опросе участвовали 24 человека. На основе этих данных были сформированы требования к интерфейсу и функциональности прототипа.

После этого проектные решения были реализованы в веб-приложении LinguaSprint.

ПЕРЕКЛЮЧИТЬ СЛАЙД


СЛАЙД 7. АНАЛИЗ АНАЛОГОВ

На этом слайде показан краткий вывод из анализа аналогов.

Duolingo хорошо решает задачу вовлечения и коротких занятий, но в нем много игровых стимулов, которые не всегда связаны с содержанием.

Busuu дает более выраженную структуру по уровням, но самостоятельная практика в нем воспринимается менее динамичной.

Memrise силен в повторении и запоминании слов, но слабее работает как цельный пользовательский сценарий.

LingQ хорошо подходит для работы со словарем и текстами, но имеет более высокий порог входа.

Babbel ориентирован на практические диалоги, но визуальная аналитика и ощущение прогресса выражены слабее.

Из этого анализа я сделал для себя проектный вывод: в LinguaSprint важно не копировать один конкретный сервис, а собрать интерфейс, который может поддерживать разные форматы практики. То есть не только карточки или выбор ответа, но и ввод, сборку фраз, мини-диалоги, словарь, повторение и экран результата.

ПЕРЕКЛЮЧИТЬ СЛАЙД


СЛАЙД 8. ПОЛЬЗОВАТЕЛЬСКОЕ ИССЛЕДОВАНИЕ

Пользовательское исследование помогло понять, какие требования важны для интерфейса.

В опросе участвовали 24 респондента. Для пользователей оказались важны короткие занятия, понятный старт упражнения, возможность видеть результат и отсутствие перегрузки на главном экране.

Эти выводы были переведены в проектные решения.

Короткое занятие отразилось в формате текущей учебной сессии. Сложность выбора следующего шага привела к идее главного экрана с ближайшим действием. Потребность в закреплении материала реализована через словарь и повторение. А желание видеть результат - через экран прогресса и статистику.

Таким образом, исследование не осталось отдельным блоком, а напрямую повлияло на структуру интерфейса.

ПЕРЕКЛЮЧИТЬ СЛАЙД


СЛАЙД 9. ПРОЕКТНАЯ МОДЕЛЬ

Проектная модель LinguaSprint строится вокруг последовательного пользовательского сценария.

Пользователь входит в систему, проходит настройку, попадает на главный экран, открывает занятие, выполняет задания, после этого может перейти к словарю, повторению или прогрессу.

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

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

ПЕРЕКЛЮЧИТЬ СЛАЙД


СЛАЙД 10. ПРОЕКТНЫЙ РЕЗУЛЬТАТ

На этом слайде показаны ключевые экраны проекта.

Первый экран - onboarding. Он нужен для выбора стартовых параметров: языка, цели, уровня, темпа и фокуса. Это помогает показать персональную настройку платформы.

Второй экран - урок. Здесь используется единый шаблон: пользователь видит название занятия, объяснение, прогресс по упражнениям, само задание и кнопку проверки. Такой подход удобен тем, что разные типы заданий можно выводить в одной интерфейсной логике.

Третий экран - прогресс. Он показывает результат пользователя и помогает понять, какие элементы уже выполнены, а что требует повторения.

Если показывать проект вживую, основной демонстрационный сценарий такой: открыть демо-профиль, показать главный экран, запустить урок, выполнить одно задание, затем перейти к прогрессу или словарю.

ПЕРЕКЛЮЧИТЬ СЛАЙД


СЛАЙД 11. ИТ-КОМПОНЕНТ И РАСШИРЯЕМОСТЬ

Прототип реализован как full-stack веб-приложение.

Клиентская часть разработана на React, TypeScript и Vite. Серверная часть реализована на Node.js, Express и TypeScript. Взаимодействие между клиентом и сервером организовано через REST API. Для прототипа используется файловое хранение данных.

Отдельно хочу отметить расширяемость упражнений. В проекте заложена логика, при которой платформа может поддерживать разные форматы практики: карточки слов, выбор ответа, ввод ответа, сборку фразы, заполнение пропусков, исправление ошибки, сопоставление, мини-диалог, аудирование, повторение, словарь и экран результата.

Это важно для конкурентоспособности проекта: LinguaSprint можно развивать не как сервис с одним типом заданий, а как платформу, где разные форматы языковой практики существуют в одном интерфейсе.

В перспективе сюда можно добавить текстовое или голосовое взаимодействие через внешние сервисы, но для этого нужно сначала расширить контент, проверить сценарии и отдельно продумать качество обратной связи.

ПЕРЕКЛЮЧИТЬ СЛАЙД


СЛАЙД 12. ВЫВОДЫ

В результате работы были выполнены поставленные задачи.

Были проанализированы теоретические подходы и существующие сервисы, проведено пользовательское исследование, сформированы требования, спроектированы пользовательские сценарии и реализован прототип LinguaSprint.

В проекте собраны основные экраны: onboarding, главный экран, урок, словарь, повторение и прогресс. Также реализована программная часть: клиентское приложение, сервер, REST API и базовая логика хранения данных.

При этом у результата есть ограничения. Это прототип, поэтому объем контента ограничен, выборка исследования небольшая, хранение данных демонстрационное. Если развивать проект дальше, потребуется полноценная база данных, расширение набора упражнений, дополнительное тестирование и, для образовательного применения, участие методистов.

Главный итог работы заключается в том, что была спроектирована и реализована работающая веб-платформа LinguaSprint, которая демонстрирует интерфейсную и техническую модель цифровой языковой практики.

Спасибо за внимание. Я готов ответить на вопросы.