ОСОБЛИВОСТІ РОЗРОБКИ 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 було розроблено систему дистанційного навчання, відповідно до діаграми прецедентів, а саме: Сторінки викладача та Сторінка студента із відповідними функціями та можливостями.