Реалізація карткового методу у вебзастосунку вивчення іноземних мов

Abstract

UA : Робота викладена на 60 сторінках друкованого тексту, містить 22 рисунки, 2 таблиці, 18 джерел. Об’єкт дослідження – процес вивчення іноземних мов за допомогою інформаційних технологій. Мета роботи: розробка повнофункціонального вебзастосунку для ефективного вивчення іноземних слів на основі карткового методу та алгоритму інтервальних повторень (SRS) з використанням сучасних вебтехнологій. Предмет дослідження – програмні засоби та алгоритми реалізації методу інтервальних повторень у вебзастосунках. Методи дослідження – аналіз існуючих рішень у сфері EdTech, методи об’єктно-орієнтованого програмування, методи проєктування реляційних баз даних, алгоритмічне моделювання систем інтервальних повторень. У роботі спроєктовано та реалізовано вебзастосунок клієнт-серверної архітектури. Серверну частину реалізовано на базі платформи Node.js з використанням СКБД PostgreSQL для надійного збереження даних користувачів. Клієнтську частину розроблено за допомогою бібліотеки React, що забезпечує високу швидкість роботи та сучасний UI/UX дизайн (Glassmorphism). Реалізовано алгоритм інтервальних повторень, адаптований для запам’ятовування лексики, а також інтегровано функцію озвучування тексту (Web Speech API). Застосунок успішно розгорнуто у хмарних середовищах Render та Vercel.EN : The work is presented on 60 pages of printed text, 22 figures, 2 tables, 18 references. The object of the study is the process of learning foreign languages using information technologies. The aim of the study is the development of a fully functional web application for the effective learning of foreign vocabulary based on the flashcard method and spaced repetition algorithm (SRS) using modern web technologies. The methods of research include the analysis of existing EdTech solutions, object-oriented programming methods, relational database design methods, and algorithmic modeling of spaced repetition systems. The paper designs and implements a client-server architecture web application. The server-side is implemented using the Node.js platform with a PostgreSQL DBMS to securely store user data. The client-side is developed using the React library, which ensures high performance and modern UI/UX design (Glassmorphism). A spaced repetition algorithm (SM-2) adapted for vocabulary memorization has been successfully implemented, along with the integration of a text-to-speech feature (Web Speech API) and a bulk data import module. The application has been successfully deployed in Render and Vercel cloud environments with a configured CI/CD pipeline.