Сайт-агрегатор навчальних курсів

Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

Національний технічний університет «Харківський політехнічний інститут»

Сайт агрегатор навчальних курсів

Заволодько Ганна Едвардівна,

кандидат технічних наук, доцент

Королех Єлизавета Олександрівна, магістр

Анотація

Світовою тенденцією останнього десятиріччя є тенденція розвитку інформаційного суспільства. Запровадження інформаційно-комунікаційних технологій у різні сфери суспільного життя є неминуча реальність. У нових соціальних, технологічних та економічних умовах світового інформаційного суспільства доступність якісного освітнього контенту стає важливою для кожної людини. Законодавство України виділяє два види неформальної освіти: позашкільна освіта та післядипломна освіта, але реально існує багато інших форм неформальної освіти, які мають на меті трансформувати процеси у сучасній освіті, та спрямовані на формування компетентностей особи. Це двокомпонентна модель, в якій є теоретичні знання і є компонента соціалізації здобувача освіти. Забезпечення здобуття неформальної освіти спрямовано на формування саме другої компоненти, яка сприятиме успішній реалізації особистості в суспільстві. У статті описано веб-додаток, який ми назвали ProstoEDU та призначений для полегшення здобуття неформальної освіти онлайн. Це агрегатор, який збирає дані з національних сайтів неформальної освіти та надає доступ до цього контенту найширшій цільовій аудиторії. Основою розробки є побудова структури бази даних, що дозволяє збільшити потужність агрегатора. Система керування реляційною базою даних MySQL відповідає нашим вимогам навіть при максимальному навантаженні. Функціональність сайту розширена завдяки використанню сервлета з компонентами штучного інтелекту, який шукає та додає актуальну інформацію. Ми відібрали, протестували та схвалили такі технології розробки, як HTML5, CSS3, JS (стандарт ECMAScript 5.1), 8.0.28, Python3 (Django 1.11 LTS). Категоризація цільової аудиторії за профілями та ролями спрямована на налаштування результатів пошуку з урахуванням потенційно релевантної інформації про користувачів, таким чином спрощуючи та прискорюючи взаємодію користувача з вмістом сайтів розробників продуктів. Дизайн інтерфейсу допомагає користувачам виконувати свої завдання максимально узгоджено.

Ключові слова: неформальна освіта, індивідуальні навички, вебагрегатор.

Zavolodko Hanna Edvardivna Candidate of technical sciences, associate professor, NTU “KhPI”, Kharkiv

Korolekh Yelyzaveta Oleksandrivna Master, NTU “KhPI”, Kharkiv

TRAINING COURSE AGGREGATOR SITE

Abstract

Within the new social, technological and economic framework of the world's information society, accessibility of quality educational content is becoming essential for every individual. Therefore, overcoming the digital divide in Ukrainian society is vital, especially in wartime, when for a considerable number of people educational opportunities are restricted to non-formal online options. The article describes a web application, which we called ProstoEDU, designed to facilitate the acquisition of non-formal education online. This is an aggregator that collects data from national non-formal educational sites and provides access to this content to the widest target audience. The core of the development is the construction of a database structure that allows increasing the aggregator's capacity. A relational database management system, MySQL, meets our requirements even at maximum workload. The site functionality is enhanced by employing a servlet with artificial intelligence components, which searches and adds relevant information. We selected, tested and approved such development technologies as HTML 5, CSS3, JS (ECMAScript 5.1 standard), 8.0.28, Python3 (Django 1.11 LTS). The categorization of the target audience into profiles and roles aims at a customization of search results by taking into account potentially relevant information about the users, thus simplifying and speeding up the user's interaction with the content of product developers' sites. The interface design helps users perform their tasks in the most consistent way possible.

Keywords: non-formal education, individual skills, web aggregator.

Вступ

Постановка проблеми. Сталий соціальний розвиток передбачає економічне зростання, направлене на покращення добробуту кожного громадянина. Ця мета є недосяжною без широкого впровадження інформаційно-комунікаційних технологій у всі сфери суспільного життя, що пояснює те, чому останнє десятиліття спостерігається глобальна тенденція розвитку інформаційного суспільства.

У сучасній Україні особливого значення набуло формування та/або вдосконалення різноманітних індивідуальних навичок і компетенцій поза системою формальної освіти. У цьому документі ми представляємо сайт, який спрощує налаштування процесу вибору навчального курсу для широкого спектру вимог до навчання та поширюється на пошук курсів із найновішою тематикою. На сайті реалізований пошук за ключовими словами на веб-ресурсі.

Оскільки практичність агрегатора прямо пропорційна кількості та якості даних, які він охоплює, ми використовуємо сервлет з елементами штучного інтелекту для пошуку та додавання інформації на сайт.

Вивчивши національні цільові групи та доступні платформи навчальних курсів, ми дійшли висновку, що для нашої системи управління базами даних краще використовувати MySQL, оскільки вона відповідатиме всім вимогам проекту, навіть при максимальному навантаженні. Ми вибрали набір технологій (HTML, CASS, JS) для представлення зовнішнього вигляду вебресурсу і розглядали Ruby або Python для внутрішніх технологій, оскільки вони є більш сучасними та мають велику кількість фреймворків для вирішення подібних проблем Вибрані технології розробки: HTML 5, CSS3, JS (стандарт ECMAScript 5.1), MySQL 8.0.28, Python3 (Django 1.11 LTS).

Сайт-агрегатор розміщено на хмарній платформі AWS, яка використовує технології S3 та EC2 для легкої та швидкої взаємодії з сервером.

Веб-ресурс має доменне ім'я prostoedu.info, що чітко позиціонує сайт як інформаційний, основною функцією якого є надання актуальної інформації про освітні можливості. Використання сертифіката SSL захищає особисті дані користувачів.

Аналіз останніх досліджень і публікацій. Аналіз потреб громадян цифрового суспільства в набутті новітніх компетенцій, публікацій та існуючих платфом неформальної освіти [1-10] став основою виділення профілів користувачів ресурусу prostoEDU.

Мета статті - розробка сайту-агрегатора, який спростить процес пошуку курсу не тільки для підвищення компетентностей користувачів за професійними навичками, але й дозволить знайти базові курси за новими напрямками в освіті. Діяльність сайту направлена на отримання інформації про якісну неформальну освіту у прозорому вигляді.

Виклад основного матеріалу

При створенні веб-додатку використовувався алгоритм пошуку курсу та алгоритм фільтрації курсу. Для розробки першого алгоритму ми застосували стандартні методи мови програмування Python3. Алгоритм фільтрації курсу реалізовано за допомогою механізму змішаного фасетного пошуку та ієрархічної системи класифікації.

Ми зупинили свій вибір на системі управління базами даних MySQL 8.0.28, яка відповідає всім вимогам цього проекту, навіть при максимальних обсягах трафіку.

Основні профілі. На сайті ProstoEDU є чотири основні профілі користувачів: гість, авторизований користувач, партнер і аналітик. Кожен з них ми розглянемо докладніше.

Гість зацікавлений у перегляді запропонованих курсів. Для користувачів цієї категорії доступні такі можливості: реєстрація/авторизація, пошук курсу за тематикою та параметрами презентації. Вони також можуть вибрати курси певної платформи на сайті.

Авторизований користувач хоче бути в курсі розвитку освітніх можливостей і шукає курси, які можуть оновити їх у вибраних галузях знань. Основна відмінність між гостями та авторизованими користувачами полягає в тому, що окрім доступу до інформації, зібраної на сайті, останні можуть залишати свої відгуки, читати коментарі інших користувачів щодо курсів, які вони відвідували, а також отримувати індивідуальний вибір пропозицій на основі попереднього освітнього або професійного досвіду.

Партнер надає найновішу інформацію про курси, які зараз доступні на платформі партнера. Профіль створює взаємовигідні відносини між сайтом- агрегатором, базою даних яка регулярно оновлюється, і сайтами продуктів, база користувачів яких зростає.

Аналітик завантажує актуальну інформацію щодо нових курсів на основних освітніх платформах, таким чином збагачуючи базу даних сайту- агрегатора ProstoEDU. Функції аналітика, в подальшоу планується автоматизувати за допомогою ВЕБ-краулера.

Агрегатор надає кожному із зазначених вище типів профілів користувачів спеціально підібрану інформацію. Варто зазначити, що застосовувана технологія накладає певні обмеження на дії користувачів: вони не зможуть відобразити HTML, доки веб-сервер не згенерує його, не виконає необхідні операції та не авторизує подальші дії.

На рис. 1 показана діаграма варіантів використання, яка ілюструє функції кожного профілю. У нашому випадку ми маємо п'ять профілів: неавторизований (гість), авторизований користувач, партнер, аналітик і елемент штучного інтелекту - сервлет пошуку даних. У кожного актора є свої прецеденти. Наприклад, авторизований користувач має кілька варіантів: вибрати галузь знань, вибрати курс і редагувати особисту інформацію про себе [6,7].

Рис. 1. Діаграма варіантів використання

Ролі користувачів агрегатора. Щоб максимізувати нашу цільову аудиторію, ми розділили профіль авторизованого користувача на кілька ролей. По-перше, було видно, що школярі та студенти утворюють дві групи користувачів зі специфічними інтересами. Що стосується «дорослого» користувача, то наш досвід роботи з освітніми сайтами показує, що представники певних професій частіше за інших беруть участь у проектах безперервної освіти, в тому числі й у сфері неформальної освіти. Тому ми виділили такі ролі: вчитель, ІТ-спеціаліст, підприємець, лікар, державний службовець. Оскільки ці групи відрізняються уподобаннями щодо змісту освіти, ми також представили роль громадянина, який, як правило, цікавиться великою різноманітністю популярних і загальнодоступних навчальних курсів.

МОДЕЛЬ БУДОВИ Ргоз^ЕБи. Компоненти коду. Моёе1-уш^,№- еопїгоііег (МУС) -- це шаблон проектування, застосований на веб-сайті prostoEDU. Він організовує код, представляючи його у вигляді компонентів, де кожен відповідає за вирішення окремого завдання. Є три компоненти, що відповідають за три функції програми: її дані, зовнішній вигляд і керування відповідно. Розглянемо кожну з цих складових докладніше.

Модель -- це компонент, який відповідає за дані, що зберігаються та обробляються на сервері.

Представлення -- це компонент, який дозволяє взаємодіяти з користувачем.

Контролер -- це блок, який відповідає за зв'язок між моделлю та представленням. [8]

На рис. 2 показано схематичне зображення МУС агрегатора ProstoEDU.

Рис. 2. MVC сайту-агрегатора ProstoEDU

Рис. 3. Робота сайта агрегатора

З наведеного вище малюнка ми бачимо, що ProstoEDU має три компоненти, де модель представлена сайтом продукту, контролер сайтом-агрегатором, а перегляд конкретним курсом. Користувач отримує доступ до сайту-агрегатора, який обробляє вхідні запити та отримує дані з сайту продукту. Після цього відображається шаблон HTML і інформація надається користувачеві.

Сайт агрегатор в дії. Розглянемо, як користувачі з різними ролями використовують сайт-агрегатор ProstoEDU (рис.3). Важливо, що, як ми бачимо, агрегатор надає кожному користувачеві інформацію згідно ролі. Однак практичний досвід спонукав нас додати ще одного суб'єкта пошуку, який придатний для всіх ролей: громадянина, який бажає покращити цифрові компетенції КОРИСТУВАЧ - ВЕБ-СЕРВЕР - СЕРВЕР БАЗИ ДАНИХ.

Веб-сервер і сервер бази даних є компоненти, які мають власні конфігурації. Користувач розміщує запит на сторінці агрегатора який надсилається на веб-сервер. Якщо останній доступний, він надсилає запит на сервер бази даних, який отримує дані та інформує клієнта. Далі інформація збирається на стороні сервера і дані перевіряються на відповідність; HTML генерується та передається на сторону користувача в програмі браузера. Останній, у свою чергу, оновлює дані та рендерить HTML. Якщо веб-сервер недоступний, процес переривається. Таким чином, використовувана технологія накладає певні обмеження на дії користувачів: вони не зможуть відтворити HTML, доки веб-сервер не згенерує його, не виконає одну операцію та не авторизує подальші дії.

Інтерфейс ProstoEDU. Інтерфейс на сайті агрегатора складається з двох частин: інтерфейсу користувача та інтерфейсу аналітика (адміністратора), головною відмінністю між якими є можливість аналітика додавати та редагувати інформацію, тоді як користувачеві дозволено лише знаходити та виокистовуючи логіку агрегатора їм користуватися.

Рис.4. Структура інтерфейсу сайту ProstoEDU

Після переходу за посиланням https://prostoedu.info користувач бачить наступну сторінку (рис. 5). Аналіз доступних на даний момент платформ, які надають інформацію про навчальні курси [1, 2; 11], показує, що мінімалістичний дизайн із усіма відтінками синього в поєднанні з білим є кращим графічним елементом.

Рис.5. Інтерфейс домашньої сторінки сайту ProstoEDU

сайт агрегатор курс

При вході на вебсервіс згори користувач бачить меню, пошуковий рядок, зміну мови, вхід в особистий кабінет.

Меню представлено у вигляді горизонтального блоку з елементами з посиланнями на конкретні сторінки сайту. Подібна структура дозволяє без зайвих зусиль пересуватися по сайту, а також облегшує процес використання сайту для всіх категорій користувачів, незважаючи на їх минулий досвід.

Пошуковий рядок також додано в шапку сайту. Такий вибір було зроблено для того, щоб користувач міг з будь-якої точки сайту знайти курс, що цікавить.

На головній сторінці користувачеві пропонується вибрати роль: школяр, студент, ІТ-фахівець, лікар, вчитель, підприємець, державний службовець чи громадянин. Ця початкова категоризація значно покращує пошук.

Вибір мови реалізації залежить від хостингу ресурсу та його завантаженості. Користувач може змінювати мову сайту та фільтрувати пошук за мовою навчання, яка відповідає його потребам. Оскільки наш веб-сайт орієнтований на громадян України різного віку та рівня освіти, мовою інструкцій на екрані можна вибрати українську або англійську.

У користувача є вибір: увійти в уже існуючий особистий кабінет або зареєструватися на сайті. Для полегшення процесу реєстрації також можна скористатися сторонніми службами, такими як Google або Facebook. Інтерфейс входу в особистий кабінет наведено на рис. 6

Рис. 6. вхід до особистого кабінету на сайті ProstoEDU

Рис. 7. основні елементи “картки” курсу

Зараз на веб-сайті доступні навчальні курси за такими предметними напрямами (1): юридична грамотність, цифрова грамотність, фінансова грамотність, математика, фізика, хімія, географія, історія, біологія, економіка, соціологія, психологія, мови, логіка, лідерство, емоційна грамотність, креативність, бізнес та ІТ.

Щоб отримати більш детальну інформацію про курс, користувач натискає на картку та потрапляє на сторінку курсу на сайті ProstoEDU.

Рис.8. Сторінка курсу на сайті ProstoEDU

Тут користувач може знайти такі деталі курсу, як форма його презентації, мова викладання, виданий сертифікат, загальна кількість навчальних годин і короткий опис змісту курсу. Є кнопка для переходу користувача на сайт продукту.

Висновки

ProstoEDU -- це сайт-агрегатор, який робить процес пошуку бажаного та відповідного курсу навчання ефективнішим та менш трудомістким. Дизайн сайту враховує потреби різних груп користувачів і дає змогу прозоро отримувати інформацію про неформальну освіту та дозволяє порівнювати курси з різних платформ навчання.

Література

1. Загальні висновки: тенденції та перспективи розвитку / - К.: Освітня аналітика України, 2020. - № 3 (10). - с. 108-127.

2. Osvita.ua [Електронний ресурс]: [Інтернет-портал]. - Електронні дані. - Режим доступа: https://osvita.ua/school/method/2340/ (дата звернення 06.05.2022).

3. Освіторія [Електронний ресурс]: [Інтернет-портал]. - Електронні дані. - Режим доступа: https://osvitoria.media/experience/yak-reformuvaty-ukrayinsku-osvitu-rekomendatsiyi- svitovogo-banku/ (дата звернення 06.05.2022).

4. Castro, M.D.B., Tumibay, G.M. A literature review: efficacy of online learning courses for higher education institution using meta-analysis. Educ Inf Technol 26, 1367-1385 (2021). https://doi.org/10.1007/s10639-019-10027-z

5. Заволодько Г.Е. Інтерактивні засоби в онлайн-освіті. / Заволодько Г.Е., Касілов О.В. // Цифрова платформа: інформаційні технології в соціокультурній сфері, 3(1) 2020, 11-21. https://doi.org/10.31866/2617-796x.3.1.2020.206094

6. Заволодько Ганна Агрегатор онлайн-курсів в навчальному процесі / Заволодько Ганна, Королех Єлизавета // Project approach in the didactic process of universities - international dimension. - 2021. - № Ш(У). - с. 271 - 283

7. Заволодько Г. Е. Модернізація вищої технічної освіти з використанням інноваційних методів викладання / Г. Е. Заволодько, В. В. Семенець, І. В. Свид. // Методика викладання європейської інтеграції. Матеріали всеукраїнського науково-методичного семінару. 15 грудня 2020 р., Глухів. - Глухів: Глухівський національний педагогічний університет ім. Олександра Довженка, 2020. - С. 43-47.

8. Edx [Електронний ресурс] - Режим доступу до ресурсу: https://www.edx.org/ (дата звернення: 26.02.2022).

9. Coursera[Електронний ресурс] - Режим доступу до ресурсу: https://www.coursera.org (дата звернення: 16.05.2022).

10. Prometheus [Електронний ресурс] - Режим доступу до ресурсу:

https://prometheus.org.ua (дата звернення: 16.05.2022).

11. Василенко М.Д., Новіков В.П., Рачук В.О., Слатвінська В.М. Кібербезпека в проявах ризиків у період пандемії: стан та генеза. Вісник Черкаського державного технологічного університету. 2020. Вип. 3. С. 30-39. DOI: 10.24025/2306

4412.3.2020.214774 URL: http://vtn.chdtu.edu.ua/article/view/214774/218625

References

1. Dombrovska, S. О., Liesnikova, M. V., Svatiuk, O. R., Sytnyk, Y. S., Myronov, Yu. B., Shkirenko, O. V. et al. (2020). Zahalni vysnovky: tendentsii ta perspektyvy rozvytku[General conclusions: trends and prospects for development]. Osvitnia analityka Ukrainy - Educational analytics of Ukraine, 3 (10), 108-127 [in Ukrainian].

2. Osvita.ua [Osvita.ua]. osvita.ua/school/method/2340. Retrieved from osvita.ua/school/ method/2340/ [in Ukrainian].

3. Osvita.ua [Osvita.ua]. osvita.ua. Retrieved from osvita.ua/school/method/2340/ [in Ukrainian].

4. Castro, M. D. B., & Tumibay, G. M. (2021). A literature review: efficacy of online learning courses for higher education institution using meta-analysis. Education and Information Technologies, 26(2), 1367-1385.

5. Zavolodko G.E. & Kasilov O.V. (2020). Interaktyvni zasoby v onlain-osviti[Interactive tools in online education]. Tsyfrova platforma: informatsiini tekhnolohii v sotsiokulturnii sferi - Digital platform: information technologies in the socio-cultural sphere, 3(1), 11-21. [in Ukrainian].

6. Zavolodko Hanna & Korolekh Yelyzaveta (2021) Ahrehator onlain-kursiv v navchalnomu protsesi [Aggregator of online courses in the educational process]. Project approach in the didactic process of universities - international dimension, III(V), 271 - 283[in Ukrainian].

7. Zavolodko G.E., Semenets V. V., Svyd I. V.(2020) Modernizatsiia vyshchoi tekhnichnoi osvity z vykorystanniam innovatsiinykh metodiv vykladannia [Modernization of higher technical education with the use of innovative teaching methods]. Materialy vseukrainskoho naukovo-metodychnoho seminaru - Materials of the all-Ukrainian scientific and methodical seminar. (pp. 43-47). Hlukhiv: Hlukhivskyi natsionalnyi pedahohichnyi universytet im. Oleksandra Dovzhenka [in Ukrainian].

8. Edx [Edx]. edx.org. Retrieved from https://www.edx.org/ [in English].

9. Coursera [Coursera]. coursera.org. Retrieved from https://www.coursera.org [in English].

10. Prometheus [Prometheus]. prometheus.org.ua. Retrieved from https://prometheus.org.ua [in Ukrainian].

11. Vasilenko M.D., Novikov V.P., Rachuk V.O., Slatvins'ka V.M. Kiberbezpeka v projavah rizikiv u period pandemil: stan ta geneza. Visnik Cherkas'kogo derzhavnogo tehnologichnogo universitetu. 2020. Vip. 3. S. 30-39. DOI: 10.24025/2306-4412.3.2020.214774 URL: http://vtn.chdtu.edu.ua/article/view/214774/218625 [in Ukrainian].

Размещено на Allbest.ru