Details

В качестве объекта исследования выступает процесс встраивания интерактивных элементов в образовательный видеоконтент. Цель работы заключается в создании прототипа интерактивного видеоплеера и открытого портативного формата хранения уроков, обеспечивающего переносимость учебных материалов между независимыми платформами. Методология включает сравнительный анализ существующих образовательных платформ и видеоплееров, проектирование клиент-серверной архитектуры с открытым форматом контейнера, поэтапную разработку клиентского и серверного модулей, а также проведение функционального тестирования и серии замеров производительности. Для разработки использованы: React, TypeScript, Video.js, Node.js, Express, Prisma, PostgreSQL, FFmpeg, JSZip и OpenAI API. Результаты работы включают прототип интерактивного видеоплеера, открытый портативный формат .iav для хранения уроков, набор интерактивных элементов (текстовые подсказки, мини-квизы, зоны наведения, автоматически генерируемый конспект и итоговый тест), интеграцию с сервисами автоматического распознавания речи и резюмирования текста для генерации субтитров и навигационного конспекта, а также инфраструктуру доставки урока к пользователю через пять независимых каналов: штатный просмотр, локальное воспроизведение, встраивание iframe, Web Component и SCORM-пакет. Область применения результатов ВКР охватывает проекты дистанционного обучения, корпоративные системы повышения квалификации и встраивание интерактивного образовательного контента в сторонние системы управления обучением. По итогам работы подтверждены работоспособность платформы во всех каналах доставки, переносимость открытого формата и устойчивость воспроизведения при разных сетевых условиях. Полученные результаты показывают практическую значимость работы и возможность интеграции предложенного решения в реальные образовательные процессы для повышения качества и интерактивности дистанционного обучения.

The object of the research is the process of embedding interactive elements into educational video content. The aim of this work is to create a prototype interactive video player and an open portable format for storing lessons that ensures the portability of learning materials between independent platforms. The methodology includes a comparative analysis of existing educational platforms and video players, the design of a client-server architecture with an open container format, the step-by-step development of client and server modules, as well as functional testing and a series of performance measurements. The following information technologies were used for development: React, TypeScript, Video.js, Node.js, Express, Prisma, PostgreSQL, FFmpeg, JSZip and OpenAI API. The results of the work are a prototype interactive video player, an open portable .iav format for storing lessons, a set of interactive elements (text tooltips, mini-quizzes, hover areas, automatically generated outline and final test), integration with speech recognition and text summarisation services for generating subtitles and a navigation outline, as well as an infrastructure for delivering a lesson to the user through five independent channels: native viewing, local playback, iframe embedding, Web Component and SCORM package. The application area of the results includes distance learning projects, corporate professional development systems and embedding interactive educational content into third-party learning management systems. Based on the results of the work, the operability of the platform across all delivery channels, the portability of the open format and the resilience of playback under different network conditions have been confirmed. The obtained results demonstrate the practical significance of the work and the possibility of integrating the proposed solution into real educational processes to increase the quality and interactivity of distance learning.

• Проектирование и разработка интерактивного видеоплеера для учебных дистанционных курсов
  • Введение
  • 1. Обзор предметной области и анализ существующих решений
  • 2. Проектирование архитектуры интерактивной образовательной платформы
  • 3. Практическая реализация системы
  • 4. Тестирование платформы
  • Заключение
  • Список использованных источников
  • Приложение 1 Схема базы данных (Prisma Schema)
  • Приложение 2 Исходный код ключевых модулей