Деякі аспекти використання Node.js та MongoDB під час створення освітніх вебзастосунків

Олександр Ткаченко; Віталій Бондар

doi:10.31866/2617-796X.6.1.2023.283958

Автор(и)

Олександр Ткаченко Державний університет інфраструктури та технологій, Україна http://orcid.org/0000-0001-6911-2770
Віталій Бондар Державний університет інфраструктури та технологій, Україна http://orcid.org/0000-0001-5173-0810

DOI:

https://doi.org/10.31866/2617-796X.6.1.2023.283958

Ключові слова:

e-learning, вебзастосунок, освітній вебзастосунок, онлайн-курс, JavaScript, Node.js, Express, MongoDB

Анотація

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

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

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

Висновки. У роботі досліджено наявні погляди на сучасний підхід до розробки високопродуктивних вебсайтів з використанням основних компонентів концепції Full Stack JavaScript: Node.js, Express та MongoDB. Проаналізовано переваги та недоліки відомих платформ підтримки е-learning. Проведений аналіз обумовив вибір концепції Full Stack JavaScript для розробки сучасних вебзастосунків. Для розробки frontend використано такі технології, як HTML, CSS і JavaScript. Для розробки backend використано Node.js разом з Express. Для зберігання даних (як документів) використовувалася база даних MongoDB.

Запропонований підхід до розробки прототипу освітнього вебзастосунку продемонстрував можливість такої реалізації кожного компонента Full Stack JavaScript, коли веб-застосунок забезпечує мінімалістичні функції платформи онлайн-навчання, досягаючи необхідного рівня як освітнього контенту, так і рівня компетенцій, що потенційно можуть отримати користувачі застосунку. Концепція Full Stack JavaScript забезпечує одне з найкращих рішень для розробки сучасних вебзастосунків, зменшуючи розподіл між frontend і backend та полегшуючи гнучкість розробки. Це дає змогу створювати масштабовані та високопродуктивні освітні вебзастосунки за допомогою однієї мови.

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

Біографії авторів

Олександр Ткаченко, Державний університет інфраструктури та технологій

Кандидат фізико-математичних наук, доцент кафедри інформаційних технологій

Віталій Бондар, Державний університет інфраструктури та технологій

Магістрант, кафедра інформаційних технологій

Посилання

Abdullah, H.M. and Zeki, A.M., 2014. Frontend and Backend Web Technologies in Social Networking Sites: Facebook as an Example. In: 3rd International Conference on Advanced Computer Science Applications and Technologies. Amman, Jordan, 29-30 December 2014. Amm: IEEE, [e-journal] pp.85-89. https://doi.org/10.1109/ACSAT.2014.22

Bradshaw, S., Brazil, E. and Chodorow, K., 2020. MongoDB: The Definitive Guide. 3th ed. [e-book] USA: O’Reilly Media. Available at: <https://www.oreilly.com/library/view/mongodb-the-definitive/9781491954454/> [Accessed 12 February 2023].

Courserа, n.d. [online] Available at: <https://www.coursera.org/> [Accessed 01 March 2023].

Crute, A. and Johnson, F., 2016. Coding HTML CSS JavaScript Made Easy: Web, Apps and Desktop. London: Flame Tree Illustrated.

Dev, 2020. Web applications: what are they and how can they help you grow your business? Kissdigital, [online] 2 November. Available at: https://kissdigital.com/blog/what-are-web-applications [Accessed 02 March 2023].

Dynatrace support lifecycle for Red Hat OpenShift Full-Stack Monitoring, n.d. Dynatrace. [online] Available at: <https://www.dynatrace.com/support/help/technology-support/dynatrace-support-model-for-openshift> [Accessed 01 March 2023].

Express JS – platforma dlia stvorennia storinok [Express JS is a platform for creating pages], 2022. Hlianets tm, [blog] 14 October. Available at: <https://glyanec.net/ua/blog/express-js-platforma-dlya-stvorennya-storinok> [Accessed 24 February 2023].

Frimen, E. and Robson, E., 2022. Head First. Prohramuvannia na JavaScript [Head First. JavaScript programming]. Kharkiv: Fabula.

Herron, D., 2020. Node.js Web Development: Server-side web development made easy with Node 14 using practical examples. 5th ed. London: Packt Publishing. JSON and BSON, n.d. MongoDB. [online] Доступно: https://www.mongodb.com/json-and-bson [Accessed 14 February 2023].

Kantor, I., 2023a. Suchasnyi pidruchnyk z JavaScript. Ch 1. Mova prohramuvannia JavaScript [Modern JavaScript tutorial. Ch 1. JavaScript programming language]. JS, [online] 22 March. Available at: <https://uk.javascript.info> [Accessed 02 April 2023].

Kantor, I., 2023b. Suchasnyi pidruchnyk z JavaScript. Ch. 2. Brauzer: dokument, podii, interfeisy [Modern JavaScript tutorial. Part 2. Browser: document, events, interfaces]. JS, [online] 22 March. Available at: <https://uk.javascript.info> [Accessed 02 April 2023].

Khan Academy, n.d. [online] Available at: <https://www.khanacademy.org/> [Accessed 03 March 2023].

Meloni, J.C., 2012. Sams Teach Yourself HTML, CSS, and JavaScript All in On. [online] USA: SAMS. Available at: <https://www.doc-developpement-durable.org/file/Projets-informatiques/cours-&-manuels-informatiques/htm-html-xml-ccs/Sams%20Teach%20Yourself%20HTML,%20CSS,%20and%20JavaScript%20All%20in%20One.pdf> [Accessed 19 February 2023].

Nourie, D., 2006. Java Technologies for Web Applications. Oracle, [online] November. Available at: <http://www.oracle.com/technetwork/articles/java/webapps-1-138794.html> [Accessed 01 March 2023].

Poulter, A.J., Johnston, S.J. and Cox, S.J., 2015. Using the MEAN Stack to Implement a RESTful Service for an Internet of Things Application. In: 2015 IEEE 2nd World Forum on Internet of Things (WF-IoT). Milan, Italy, 14-16 December 2015. Milan: IEEE, [e-journal] pp.280-285. https://doi.org/10.1109/WF-IoT.2015.7389066

Powell, T.A., 2010. HTML & CSS: The Complete Reference. 5th ed. [e-book] New York: The McGraw-Hill Companies. Available at: <https://www.dcpehvpm.org/E-Content/BCA/BCA-II/Web%20Technology/the-complete-reference-html-css-fifth-edition.pdf> [Accessed 22 February 2023].

Rozrobka vebsaitiv technologies: NODE.JS [Website development technologies: NODE.JS], n.d. Brander. [online] Available at: <https://brander.ua/technologies/nodejs> [Accessed 24 February 2023].

Udemy, n.d. [online] Available at: <https://www.udemy.com/> [Accessed 03 March 2023].

Vettor, R., Warren, G., Yoshioka, H., Schonning, N., Pine, D., Cheung, P., Naidile, P-N., Liu, A., Resolved817, Coulter, D. and Veloso, M., 2023. Relational vs. NoSQL data, 2023. In: M. Wenzel and D. Pine, eds. Architecting Cloud Native .NET Applications for Azure. [e-book] Redmond: Microsoft Developer Division. Available at: <https://learn.microsoft.com/en-us/dotnet/architecture/cloud-native/relational-vs-nosql-data> [Accessed 02 March 2023].

What is MongoDB?, n.d. IBM Cloud. [online] Available at: <https://www.ibm.com/topics/mongodb> [Accessed 12 February 2023].