Особливості розробки web-застосунків для системи дистанційного навчання з допомогою бібліотеки React

Abstract

В роботі розглядаються особливості розробки системи дистанційного навчання для студентів закладів вищої освіти з використанням мови програмування TypeScript та бібліотеки React. В статті показано, що однією із найбільш ефективних технологій навчання в сучасних умовах виступають інтерактивні технології навчання та різноманітні системи дистанційного навчання. Проаналізовано найбільш відомі існуючі системи дистанційного навчання, а саме: Moodle Blackboard Google Classroom Canvas. Виокремлено їхні функціональні можливості та можливості для роботи викладачів і студентів. Виокремлено недоліки та переваги кожної із систем. Для оволодіння студентами спеціальності «Комп’ютерні науки» необхідними навичками і компетентностями для майбутньої професійної діяльності виокрем-лено педагогічні умови їх навчання із використанням системи дистанційного навчання, а саме: необхідність поєднання традиційного стилю викладання дисциплін із інформаційними та інноваційними технологіями навчання, що забезпе-чить системність та функціональність отриманих знань, умінь і навичок; введення лабораторних форм практич-них занять та інформаційних технологій на основі прикладних програм. Показано, що розробка системи дистанцій-ного навчання є одним із практико-орієнтованих завдань. За результатами аналізу систем аналогічного призначення, проведеного в нашому дослідженні, було обрано для розробки елементів системи дистанційного навчання: сервіс для розробки інтерфейсів та прототипування Figma; мову програмування TypeScript; Css-препроцесор Sass; бібліотеки: React, Redux, Redux-Saga, Zod; система контролю версіями Git.Проєкт реалізований на мові програмування TypeScript з використанням бібліотеки React. Побудовано UML діа-граму прецедентів розробленої системи дистанційного навчання, що містить прецеденти для екторів: авторизований користувач неавторизований користувач, користувач, викладач та адміністратор. Прецеденти наступні: авториза-ція, перегляд власних курсів, перегляд журналу з оцінками, перегляд власних файлів, перегляд налаштування профілю, перегляд переліку курсів, які викладає, перегляд курсу, перегляд тем, перегляд матеріалів, перегляд налаштування курсу, перегляд користувачів.Проаналізовано переваги та особливості використання бібліотеки React для створення системи дистанційного навчання. Із допомогою використання бібліотеки React було розроблено систему дистанційного навчання, відповідно до діаграми прецедентів, а саме: Сторінки викладача та Сторінка студента із відповідними функціями та можли-востями