Розробка програмного забезпечення адаптивного навчання напрямку «клієнтська розробка

Авраменко, Віталій Миколайович

Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал: https://er.chdtu.edu.ua/handle/ChSTU/9172

Назва:	Розробка програмного забезпечення адаптивного навчання напрямку «клієнтська розробка
Автори:	Первунінський, Станіслав Михайлович Авраменко, Віталій Миколайович
Дата публікації:	17-чер-2022
Короткий огляд (реферат):	АНОТАЦІЯ Кваліфікаційна робота бакалавра на тему: «Розробка програмного забезпечення адаптивного навчання напряму «клієнтська розробка»». Актуальність теми дослідження зумовлена необхідністю створення додатку для адаптивного навчання з напрямку Fгопtеnd, що покращує дистанційний процес навчання для студентів будь-яких категорій. Завдання кваліфікаційної роботи: обрати основні програмні компоненти, створити додаток, провести тестування. Методи дослідження: Аналіз, порівняння, систематизація даних, дослідження варіативності методів розробки та формалізація знань у готовий продукт. ANNOTATION Qualifying work of the bachelor on the topic: "Development of software for adaptive training in n the direction of "client development"". The relevance of the research topic is due to the need to create an application for r adaptive learning in the direction of frontend, which improves the distance learning process for students of all categories. Tasks of qualification work: to choose the main software components, to create an application, to conduct testing. Research methods: Analysis, comparison, systematization of data, study of variability of development methods and formalization of knowledge into the finished product.
URI (Уніфікований ідентифікатор ресурсу):	https://er.chdtu.edu.ua/handle/ChSTU/9172
Розташовується у зібраннях:	121 Інженерія програмного забезпечення (Інженерія програмного забезпечення)

Файли цього матеріалу:

Файл	Опис	Розмір	Формат
Кваліфікаційна робота бакалавра Авраменко Віталій Миколайович.pdf Restricted Access		45.33 MB	Adobe PDF	Переглянути/Відкрити Запит копії

Показати повний опис матеріалу Перегляд статистики

Усі матеріали в архіві електронних ресурсів захищено авторським правом, усі права збережено.

Extracted text




АНОТАЦІЯ 
Кваліфікаційна робота бакалавра на тему: «Розробка програмного 
забезпечення адаптивного навчання напряму «клієнтська розробка»». 
Актуальність теми дослідження зумовлена необхідністю створення додатку 
для адаптивного навчання з напрямку Fгопtепd, що покращує дистанційний 
процес навчання для студентів будь-яких категорій. Завдання кваліфікаційної 
роботи: обрати основні програмні компоненти, створити додаток, провести 
тестування. Методи дослідження: Аналіз, порівняння, систематизація даних, 
дослщження варіативності методів розробки та формалізація знань у готовий 
продукт. 
ANNOTATION 
Qualifyiпg woгk of the ЬасІ1еІог 011 tl1e topic: "Develop111e11t of softwaгe for 
adaptive tгаіпі11g іп tl1e dігесtіоп of "сІіепt developшeпt"". 
Т11е геІеvапсе of tl1e геsеагс\1 topic is due to t11e пееd to сгеаtе ап application fог 
adapti,,e Іеагпіпg іп tl1e dігесtіоп of J:;-гопtепd, wl1ic]1 i111pгoves tl1e distaпce leaming 
pгocess fог studeпts of а]] categoгies. Tasks of qualificatioп woгk: to сІюоsе tlle шаіп 
software components, to сгеаtе ап аррІісаtіоп, to coпduct testiпg. Reseaгcl1 шetllods: 
Analysis, compaгison, systeшatizatioп of data, study of ,,агіаЬіІіtу of de,1elop111eпt 
metllods апd foпnalizatioп of kпo,vledge іпtо tl1e fiпisl1ed pгoduct. 































ACE Scanner
--
ЧДТУ 221810.001 ПЗ 
яку розповідається в уроці, це дає змогу зрозуміти, по якому саме принципу вона
працює. Також, в кінці кожної теоретичної частини уроку, буде декілька посилань
на розширену документацію з інших джерел, якщо користувач має бажання більш
глибше зрозуміти принцип роботи даної технології або якщо теоретична частина, 
представлена на уроці, з я1шхось rrричин здалась йому недостатньо зрозумілою 
або інформативною. 
На вибір також дається мова, на яJ<ій буде викладено матеріал j інтерфейс 
додатку. 
Всього запропоновано дві мови, англійська та українсьJ<а. Англійська мова 
дуже тісно 313'язана 3а 11рограмува11шrм, оскільки майже все програмне 
забезпечення і вся термі1юло1·іи UИJ<JІадена ш-1г11ійсь1<0rо мовою. 
Студент буде :н111ро1101ювшю ·3мі11ити мову 11а самому початку, але якщо 
виникне 11отреба 3м11-11пи мову 1це раз, це можна буде зробити в меню 
користувача. 
Після проходження всього навчального курсу, користувачу пропонується 
пройти фінальний тест, знову ж, виJ<лючно з власної волі, за допомогою якого, 
система ще рю оцінить рівень знань користувача і дасть йому змогу наочно 
побачити прогрес в його знаннях. Людина сама повинна мати бажання вчитися, в 
іншому випадку будь-які J<урси безсилj. 





ЧДТУ 22181 О.ОО 1 ПЗ 
Udeп1y згадувався в Т11е New Уогk Times, ТІ1е С11іпа Post, Fast Сошрапу, 
ВВС, YPN та ТесІ1СгuпсІ1. 
S...�.; �t3Gh"o�._ 
Erьctnт,:Y 
� � �' 
Sк'ІІОn S.: НО.а to �":-е._,. Jf'..�c-._ 
єn,...,_-�н't'<)' 
� \. 11-.,  
About this course 
Sкt�'"І � �"'9 а euou,. СІ 
� rn 'iaur �n:i�нon 
Рисунок 2.4 - Внутрішній інтерфеfіс Ude111y 
Це один з самих передових і попу.1яр11х курсів. для вивчення веб-розроб�-и -
HTML, CSS, JavaScгipt, Node та багато іншаго. Він зос�рсджується не лише на 
інтерфейсній розробці, а й на в1-1утріш11і11 с11сте�1і та і11ш11х аспектах веб-розробки. 
Рисуно1, 2.5 - Ь,1блеі\1а онланн-курсів fтccCodeCamp 
2.3. On 11c всб-платфорш1 для шш•,�ш ш1 f1·t•eCo<leCa111p 
ГгееСоdеСшпр [8] - ue некоі\1ер11і1і11а організація, яка складається з 
інтеракт��вної веб-платформи для навчання. форуму спільноти в f нтернеті, чаті в, 
і 111 срІІ· С'Т-ІІ)'блікаuій та місцевих орrанізаuіІі. які і\1а�оть намір робити веб-розробку 
41 





ЧДТУ 221810.001 ПЗ 
РОЗДІЛ 3 
ОПИС ПРОГРАМНОЇ РЕАЛІЗАЦІЇ АДАПТИВНОГО НАВЧАННЯ ПО 
НАПРЯМУ FRONT-END 
З.І Опис середовища розробки 
Для створення дипломного проекту було використано засіб для створення 
та редагування сучасних веб-застосунків і програм VisL1al StL1dio Code, версія 
1 .53.0, веб-переглядач Mozilla Fiгefox, версія 84.0.2 та операційна система UbL1ntL1, 
версія 20.04 на базі Liпux. 
,7isua1 Studio Code 
Visual StL1dio Code - це безкоштовний редактор вихідного коду, 
розроблений для Micгosoft \\Іiпdov.,s, Li11L1x та Ma. cOS. Особливості включають 
підтримку налагодження, роз'яснення синтаксису, інтелектуальне заповнення, 
оновлення коду та вбудований Git. Користувачі можуть змінювати тему, 
комбінації клавіш, налаштування та встановлювати розширення з додатковими 
Рисунок 3.1 - Емблема \1isLial StLІCiio Code
47 
























482.ЧДТУ.22I810-01 12 01 5 
loca1Storage.setltem("achiv4", emptyltem)
localStorage.setltem("theme", "light")
localStorage.setltem("avatar", "/static/media/user. 7ffa54 73.png")
}, О) 
return ( 
<main className={clsObj.main_Block}>
<MotivationBlock animation=" wow bouncelnUp" tехt="Мрієш?"
blockType="title" /> 
<div classNan1e={clsObj.motivRow_Block}>
<MotivationBlock anlmatlon=" wow bouncelnDown" 
tехt="nрацювати" /> 
<MotivationBlock anin1ation=" wow bounce/nUp" text="в" 
animtime="2s" /> 
<MotivatioпBlock animation=" wow bouncelnDown" tехt="веб" 
/> 
</div> 
<div className={clsObj.motivRow_Block}> 
<MotivationBlock animation=" wow bouncelnDown" 
tехt="стати" /> 
<MotivationBlock animatioп=" wow bouncelnUp" text="front-
end" /> 
<MotivationBlock animation=" wow bouncelnDown" 
tехt="розробником" /> 
</div> 
<div className={clsObj.rnotivRow_Block}> 
<MotivatioпBlock animation=" wow bouncelnDown" 
tехt="вдосконал.ити" /> 
<-MotivationBlo 'k :::ir іrлаtіоп==" wow bouricelnUp" text="cвo1" />
1 \ 















482. ЧДТУ .2218 І 0-0 І 90 О І
. 
; \!rj Fi-01,i:Eг,dBox 
j, 
r----� -------------· --�,.,....·-· 
·t 
' .- -- -- - ' - - -
. ,' - �
[-- ---- .··- �--· -�- �-- ---·------�-- - -
_с.. -
Рис. Г.7 - Сторінка вибору с1юсобу 110 1 ,аї ку 11аr; 11а1111н 
Test 
'/'/1111 is 1t HTML? 
О Нуре1· Text l\1\arkup Language
О Hyper T1ansfe1 l\/la(l<up Language
п Hyper Text І\11ар LangLшge
•./ 
(j Hyper· Text Marl<LJP Layou�
COI\JFІRr·✓ CAJ\;\ :Н 
р 11 (;. І .. Х В і І( І І О І І:l' І_\ І\, І 1111>1

Репозиторій ЧДТУ