霂瑞霂��撘����迨��辣:
http://elartu.tntu.edu.ua/handle/lib/49621| Title: | Розробка інформаційного веб-сайту на тематику огляду спортивних подій |
| Other Titles: | Development of an Informational Website Reviewing Sports Event |
| Authors: | Федірко, Ігор Богданович Fedirko, Ihor Bogdanovych |
| Affiliation: | ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна |
| Bibliographic description (Ukraine): | Федірко І. Б. Розробка інформаційного веб-сайту на тематику огляду спортивних подій : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. С. В. Марценко. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 68 с. |
| Issue Date: | 28-六月-2025 |
| Submitted date: | 14-六月-2025 |
| Date of entry: | 7-七月-2025 |
| Publisher: | ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна |
| Country (code): | UA |
| Place of the edition/event: | Тернопіль |
| Code and name of the specialty: | 68 |
| Supervisor: | Марценко, Сергій Володимирович Martsenko, Serhii |
| UDC: | 004.42 |
| Keywords: | 122 бекенд веб-сайт розробка спортивні події фронтенд backend development express.js frontend node.js react.js sport events website |
| Abstract: | Кваліфікаційна робота присвячена дослідженню процесу створення веб
сайту для огляду спортивних подій.
У першому розділі кваліфікаційної роботи описано існуючі веб-сайти
спортивної тематики, висвітлено особливості сучасних веб-технологій,
розглянуто архітектурні підходи до розробки веб-застосунків, проаналізовано
доцільність вибору технологій для реалізації проєкту.
У другому розділі кваліфікаційної роботи досліджено архітектуру сайту,
подано структуру фронтенд- та бекенд-частин, обґрунтовано прийняті технічні
рішення.
У третьому розділі кваліфікаційної роботи описано реалізацію клієнтської
частини на основі React.js, серверної частини за допомогою Node.js і Express.js,
проаналізовано результати тестування веб-сайту, проведено оцінку
працездатності й зручності користування.
Об’єкт дослідження: процес створення інформаційного веб-ресурсу для
огляду спортивних подій.
Предмет дослідження: методи, технології та засоби розробки веб-сайтів на
основі JavaScript-стека The qualification work is devoted to the study of the process of creating a website for reviewing sports events. The first section of the qualification work describes existing sports-themed websites, highlights the features of modern web technologies, considers architectural approaches to developing web applications, and analyzes the feasibility of choosing technologies for implementing the project. The second section of the qualification work examines the architecture of the site, presents the structure of the front-end and back-end parts, and justifies the technical decisions made. The third section of the qualification work describes the implementation of the client part based on React.js, the server part using Node.js and Express.js, analyzes the results of website testing, and assesses its performance and usability. Object of research: the process of creating an information web resource for reviewing sports events. Subject of research: methods, technologies, and tools for developing websites based on the JavaScript stack |
| Description: | Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 28.06.2025р. на засіданні екзаменаційної комісії №30 у Тернопільському національному технічному університеті імені Івана Пулюя |
| Content: | ВСТУП 7 РОЗДІЛ 1 АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ ТА ВИБОРУ ТЕХНОЛОГІЙ 9 1.1. Аналіз існуючих веб-сайтів для огляду спортивних подій 9 1.2. Веб-технології для створення сучасних інформаційних платфом 12 1.3. Архітектурні підходи до розробки веб-сайтів 13 1.4. Поставновка завдання та обгрунтування вибору технологій 15 1.5. Висновок до першого розділу 17 РОЗДІЛ 2. ПРОЕКТУВАННЯ ТА АРХІТЕКТУРА ВЕБ-САЙТУ 18 2.1. Опис архітектури веб-сайту 18 2.2. Проектування фронтенд-частини веб-сайту 19 2.3. Проектування бекенд-частини веб-сайту 21 2.4. Висновок до другого розділу 23 РОЗДІЛ 3. РОЗРОБКА ТА ТЕСТУВАННЯ ВЕБ-САЙТУ 25 3.1. Реалізація фронтенд-частини веб-сайту на основі React.js 25 3.2. Реалізація бекенд-частини веб-сайту з використанням Node.js та Express.js 41 3.3. Тестування веб-сайту 50 3.5. Висновок до третього розділу 54 РОЗДІЛ 4. БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОСНОВИ ОХОРОНИ ПРАЦІ 57 4.1. Ергономічні проблеми безпеки життєдіяльності 57 4.2. Естетичне оформлення робочого місця оператора ПК 59 4.5. Висновок до четвертого розділу 61 ВИСНОВКИ 62 СПИСОК ВКОРИСТАННИХ ДЖЕРЕЛ 64 ДОДАТКИ 69 |
| URI: | http://elartu.tntu.edu.ua/handle/lib/49621 |
| Copyright owner: | © Федірко Ігор Богданович, 2025 |
| References (Ukraine): | 1. ESPN [Електронний ресурс]. – Режим доступу: https://www.espn.com/ (дата звернення: 08.05.2025). 2. BBC Sport [Електронний ресурс]. – Режим доступу: https://www.bbc.com/sport (дата звернення: 08.05.2025). 3. Sky Sports [Електронний ресурс]. – Режим доступу: https://www.skysports.com/ (дата звернення: 08.05.2025). 4. CBS Sports [Електронний ресурс]. – Режим доступу: https://www.cbssports.com/ (дата звернення: 08.05.2025). 5. Yahoo Sports [Електронний ресурс]. – Режим доступу: https://sports.yahoo.com/ (дата звернення: 08.05.2025). 6. Bleacher Report [Електронний ресурс]. – Режим доступу: https://bleacherreport.com/ (дата звернення: 08.05.2025). 7. The Athletic [Електронний ресурс]. – Режим доступу: https://theathletic.com/ (дата звернення: 08.05.2025). 8. Goal [Електронний ресурс]. – Режим доступу: https://www.goal.com/ (дата звернення: 08.05.2025). 9. Creating a React, Node, and Express App [Електронний ресурс]. – Режим доступу: https://dev.to/techcheck/creating-a-react-node-and-express-app-1ieg (дата звернення: 08.05.2025). 10. Create a React app served by Express.js & Node.js (and add TypeScript) [Електронний ресурс]. – Режим доступу: https://leejjon.medium.com/create-a-react app-served-by-express-js-node-js-and-add-typescript-33705be3ceda (дата звернення: 08.05.2025). 11. How to create a React frontend and a Node/Express backend and connect them together [Електронний ресурс]. – Режим доступу: https://www.freecodecamp.org/news/create-a-react-frontend-a-node-express backend-and-connect-them-together-c5798926057c/ (дата звернення: 08.05.2025). 12. Full-Stack Web App Using React and Express [Електронний ресурс]. – Режим доступу: https://github.com/Techtonica/curriculum/blob/main/pair (дата 65 programming/week-7/react-express-app/react-expressjs.md 08.05.2025). звернення: 13. React Express Example [Електронний ресурс]. – Режим доступу: https://github.com/nburgess/react-express-example (дата звернення: 08.05.2025). 14. React Express [Електронний ресурс]. – Режим доступу: https://www.react.express/ (дата звернення: 08.05.2025). 15. React and Express.js tutorial [Електронний ресурс]. – Режим доступу: https://docs.aserto.com/docs/quickstarts/react/overview (дата звернення: 08.05.2025). 16. How to Connect Express with React: A Comprehensive Guide [Електронний ресурс]. – Режим доступу: https://www.linkedin.com/pulse/how connect-express-react-comprehensive-guide-eslam-zaid (дата звернення: 08.05.2025). 17. Full Stack Open [Електронний ресурс]. – Режим доступу: https://fullstackopen.com/en/ (дата звернення: 08.05.2025). 18. React + Express Full Stack Example [Електронний ресурс]. – Режим доступу: https://github.com/crsandeep/simple-react-full-stack (дата звернення: 08.05.2025). 19. How to Build a MERN Stack App [Електронний ресурс]. – Режим доступу: https://medium.com/@sriram.se21/step-by-step-tutorial-building-a-mern stack-application-from-scratch-d281010715e4 (дата звернення: 08.05.2025). 20. Deploying React with Express on Render [Електронний ресурс]. – Режим доступу: https://render.com/docs/deploy-react-express-app (дата звернення 08.05.2025). звернення: 21. React Express Example [Електронний ресурс]. – Режим доступу: https://github.com/nburgess/react-express-example (дата звернення: 08.05.2025). 22. Vite React Express Boilerplate [Електронний ресурс]. – Режим доступу: https://github.com/joeynguyen/vite-react-express-boilerplate (дата звернення 08.05.2025). 23. Full-Stack Web Development Project with React and Express [Електронний ресурс]. – Режим доступу: 66 https://medium.com/@sushantkadam15/setting-up-a-full-stack-web-development project-with-react-and-express-e835c52e3c31 (дата звернення: 08.05.2025). 24. React Express Starter [Електронний ресурс]. – Режим доступу: https://github.com/philnash/react-express-starter (дата звернення: 08.05.2025). 25. Kickstarting Your Full-Stack Journey with React, Vite, and Express [Електронний ресурс]. – Режим доступу: https://www.joelspriggs.com/kickstarting your-full-stack-journey-with-react-vite-and-express/ (дата звернення: 08.05.2025). 26. React Express Boilerplate for SaaS [Електронний ресурс]. – Режим доступу: https://www.reddit.com/r/node/comments/p2uivn/i_am_building_a_nodejs_express_r eact_boilerplate/ (дата звернення: 08.05.2025). 27. React and Express.js Tutorial [Електронний ресурс]. – Режим доступу: https://docs.aserto.com/docs/quickstarts/react/overview (дата 08.05.2025). – звернення: 28. Understanding React and Express: A Comprehensive Guide [Електронний ресурс]. Режим доступу: https://www.simplilearn.com/tutorials/react tutorial/guide-to-understanding-react-and-express (дата звернення: 08.05.2025). 29. How to Use React with Express [Електронний ресурс]. – Режим доступу: https://medium.com/@eslmzadpc13/how-to-use-react-with-express-5f832dc74105 (дата звернення: 08.05.2025). 30. React Express [Електронний ресурс]. – Режим доступу: https://www.react.express/ (дата звернення: 08.05.2025). 31. Building a Full-Stack Notes Application with Node.js, Express, React, and Tailwind CSS [Електронний ресурс]. – Режим доступу: https://dev.to/moibra/building-a-full-stack-notes-application-with-nodejs-express react-and-tailwind-css-2642 (дата звернення: 08.05.2025). 32. Building Full-Stack Applications with TypeScript, Node.js, and React.js [Електронний ресурс]. – Режим доступу: https://medium.com/@vishalchouhan2012/building-full-stack-applications-with typescript-node-js-and-react-js-32105310b244 (дата звернення: 08.05.2025). 33. Building a Full Stack App with React 16 and Express 4 [Електронний ресурс]. – Режим доступу: https://www.pluralsight.com/courses/react-express-full stack-app-building (дата звернення: 08.05.2025). 34. Recipes for Express & React Full-Stack Apps in TypeScript [Електронний ресурс]. – Режим доступу: https://javascript.plainenglish.io/recipes-for-express-and react-fullstack-apps-in-type-8bcd4644bed0 (дата звернення: 08.05.2025). 35. Node.js and Express [Електронний ресурс]. – Режим доступу: https://fullstackopen.com/en/part3/node_js_and_express (дата 08.05.2025). звернення: 36. Harchenko, A., Bodnarchuk, I., & Yatcyshyn, V. (2012). The modeling and optimization of software engineering processes. Proceedings of International Conference on Modern Problem of Radio Engineering, Telecommunications and Computer Science, 326. 37. Харченко, О., Яцишин, В., & Боднарчук, І. (2013). Експертна система проектування архітектури програмного забезпечення. Комп’ютерні Технології Друкарства, (29), 10–26. 38. Lytvynenko, I. V., Maruschak, P. O., & Lupenko, S. A. (2014). Processing and modeling of ordered relief at the surface of heat-resistant steels after laser irradiation as a cyclic random process. Automatic Control and Computer Sciences, 48, 1-9. 39. Kozlovskyi, V., Balanyuk, Y., Martyniuk, H., Nazarevych, O., Scherbak, L., & Shymchuk, G. (2022). Information technology for estimating city gas consumption during the year. International Conference on Smart Information Systems and Technologies. 40. Fedonuyk, A., Yunchyk, V., Mukutuyk, I., Duda, O., & Yatsyuk, S. (2021). Application of the hierarchy analysis method for the choice of the computer mathematics system for the IT-sphere specialists preparation. 41. Безпека життєдіяльності та охорона праці : підруч. / В.В. Сокуренко, О.М. Бандурка та ін. – Харків : ХНУВС, 2021. 308 с. 42. Атаманчук П.С. Безпека життєдіяльності: навч. посіб. Київ : Центр учбової літератури, 2020. 276 с. 68 43. Організація робочого місця Оператора ПК [Електронний ресурс] – Режим доступу: https://studcon.org/organizaciya-robochogo-miscya operatorapk?page=5 (дата звернення 08.05.2025). 44. ДСТУ 8604:2015 Дизайн і ергономіка. Робоче місце для виконання робіт у положенні сидячи. Загальні ергономічні вимоги [Електронний ресурс] – Режим доступу: https://online.budstandart.com/ua/catalog/doc page.html?id_doc=71028 (дата звернення: 08.05.2025). |
| Content type: | Bachelor Thesis |
| �蝷箔����: | 122 — Компʼютерні науки (бакалаври) |
��辣銝剔�﹝獢�:
| 獢�獢� | ��膩 | 憭批�� | �撘� | |
|---|---|---|---|---|
| 2025_KRB_SN-43_Fedirko.I.B..pdf | Дипломна робота | 1,3 MB | Adobe PDF | 璉�閫�/撘�� |
�DSpace銝剜�������★��������雿��.
蝞∠�極�