1. ELARTU — Інституційний репозитарій ТНТУ імені Івана Пулюя
  2. Роботи студентів
  3. Бакалавр
  4. 122 — Компʼютерні науки (бакалаври)
Please use this identifier to cite or link to this item: http://elartu.tntu.edu.ua/handle/lib/49575
Title: Створення веб-магазину спортивних харчових добавок із використанням HTML, CSS, MySQL та JS
Other Titles: Creation of an Online Store for Sports Food Supplements Using HTML, CSS, MySQL, and JS
Authors: Павлюх, Павло Тарасович
Pavliukh, Pavlo
Affiliation: ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна
Bibliographic description (Ukraine): Павлюх П. Т. Створення веб-магазину спортивних харчових добавок із використанням HTML, CSS, MySQL та JS : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. М. Є. Фриз. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 61 с.
Issue Date: 27-Jun-2025
Submitted date: 13-Jun-2025
Date of entry: 5-Jul-2025
Publisher: ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна
Country (code): UA
Place of the edition/event: Тернопіль
UDC: 004.42
Keywords: 122
адміністрування
база даних
бекенд
веб-сайт
фронтенд
інтерфейс
administration
api
backend
database
frontend
interface
rest
website
Page range: 61
Abstract: Кваліфікаційна робота присвячена дослідженню та практичній реалізації веб-магазину спортивних добавок. В першому розділі кваліфікаційної роботи описано актуальність теми, проведено аналіз ринку онлайн-продажів спортивного харчування та функціоналу конкурентних веб-магазинів. Висвітлено основні функціональні та нефункціональні вимоги до системи. Розглянуто обґрунтування вибору технологічного стеку для реалізації проекту. В другому розділі кваліфікаційної роботи детально розглянуто архітектуру веб-додатку, включаючи клієнт-серверну модель та схему взаємодії компонентів. Досліджено проектування бази даних MySQL, представлено ER-діаграму та опис таблиць. Подано проектування RESTful API з прикладами запитів та відповідей. В третьому розділі кваліфікаційної роботи описано практичну реалізацію клієнтської частини (HTML-структура, CSS-стилі, JavaScript-логіка) та серверної частини (налаштування Node.js/Express.js, взаємодія з MySQL, реалізація API-маршрутів). Проаналізовано застосовані заходи безпеки. Проведено тестування та налагодження розробленої системи, включаючи вирішення виявлених помилок. Об’єкт дослідження: процеси електронної комерції у сфері продажу спортивних добавок. Предмет дослідження: методи та засоби створення веб-додатків для реалізації функціоналу онлайн-магазину
The qualification work is dedicated to the research and practical implementation of a web store for sports supplements. The first chapter of the qualification work describes the relevance of the topic, analyzes the online sales market for sports nutrition and the functionality of competing web stores. It highlights the main functional and non-functional requirements for the system. The justification for choosing the technology stack for project implementation is reviewed. The second chapter of the qualification work thoroughly examines the web application architecture, including the client-server model and the component interaction scheme. The design of the MySQL database is explored, presenting the ER-diagram and table descriptions. The design of the RESTful API with examples of requests and responses is provided. The third chapter of the qualification work describes the practical implementation of the client-side (HTML structure, CSS styles, JavaScript logic) and the server-side (Node.js/Express.js setup, MySQL interaction, API route implementation). The security measures applied are analyzed. Testing and debugging of the developed system, including the resolution of identified errors, have been conducted. Research object: e-commerce processes in the field of sports supplement sales. Research subject: methods and tools for creating web applications to implement online store functionality
Description: Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 27.06.2025р. на засіданні екзаменаційної комісії №30 у Тернопільському національному технічному університеті імені Івана Пулюя
Content: ВСТУП 8 РОЗДІЛ 1. АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІТА ПОСТАНОВКА ЗАВДАННЯ 10 1.1 АНАЛІЗ РИНКУ СПОРТИВНИХ ДОБАВОК ТА ІСНУЮЧИХ РІШЕНЬ 10 1.1.1 Огляд сучасного ринку онлайн-продажів 10 1.1.2 Аналіз функціоналу конкурентних веб-магазинів 11 1.1.3 Визначення основних вимог до функціоналу веб-магазину 11 1.2 ПОСТАНОВКА ЗАВДАННЯ ТА ВИМОГИ ДО СИСТЕМИ 12 1.2.1 Функціональні вимоги 13 1.2.2 Нефункціональні вимоги 14 1.3 ВИБІР ТЕХНОЛОГІЙ ДЛЯ РЕАЛІЗАЦІЇ 15 1.4 ВИСНОВОК ДО ПЕРШОГО РОЗДІЛУ 16 РОЗДІЛ 2. ПРОЕКТНА ЧАСТИНА 17 2.1 АРХІТЕКТУРА ВЕБ-ДОДАТКУ 17 2.1.1 Опис клієнт-серверної архітектури 17 2.1.2 Схема взаємодії компонентів (frontend, backend, database) 18 2.2 ПРОЕКТУВАННЯ БАЗИ ДАНИХ 20 2.2.1 Схема сутність-зв'язок (ER-діаграма) 20 2.2.2 Опис таблиць бази даних 22 2.2.3 Обґрунтування структури таблиць та зв'язків 23 2.3 ПРОЕКТУВАННЯ API 24 2.3.1 Опис RESTful API ендпоінтів 24 2.3.2 Приклади запитів та відповідей 25 2.4 ПРОЕКТУВАННЯ КОРИСТУВАЦЬКОГО ІНТЕРФЕЙСУ (UI/UX) 29 2.4.1 Макет основних сторінок 29 2.4.2 Принципи адаптивного дизайну 33 2.5 ВИСНОВОК ДО ДРУГОГО РОЗДІЛУ 34 РОЗДІЛ 3. ПРАКТИЧНА ЧАСТИНА 36 3.1 РЕАЛІЗАЦІЯ КЛІЄНТСЬКОЇ ЧАСТИНИ (FRONTEND) 36 3.1.1 Розробка HTML-структури сторінок 36 3.1.2 Створення CSS-стилів 37 3.1.3 Розробка JavaScript-логіки (управління станом, динамічний контент, логіка адміністрування) 38 3.2 РЕАЛІЗАЦІЯ СЕРВЕРНОЇ ЧАСТИНИ (BACKEND) 41 3.2.1 Налаштування Node.js та Express.js 41 3.2.2 Взаємодія з базою даних MySQL 42 3.2.3 Реалізація API-маршрутів 43 3.2.4 Забезпечення безпеки 45 3.3 ТЕСТУВАННЯ ТА НАЛАГОДЖЕННЯ 45 3.4 ВИСНОВОК ДО ТРЕТЬОГО РОЗДІЛУ 47 РОЗДІЛ 4. БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОСНОВИ ОХОРОНИ ПРАЦІ 49 4.1 ДОЛІКАРСЬКА ДОПОМОГА ПРИ КРОВОТЕЧАХ 49 4.2 ОРГАНІЗАЦІЯ БЕЗПЕЧНИХ УМОВ ПРАЦІ КОРИСТУВАЧІВ ПК 50 4.3 ВИСНОВОК ДО ЧЕТВЕРТОГО РОЗДІЛУ 52 ВИСНОВКИ 54 ПЕРЕЛІК ДЖЕРЕЛ 56 ДОДАТКИ
URI: http://elartu.tntu.edu.ua/handle/lib/49575
Copyright owner: © Павлюх Павло Тарасович, 2025
References (Ukraine): 1. Mozilla Developer Network (MDN) Web Docs. HTML (HyperText Markup Language) [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://developer.mozilla.org/uk/docs/Web/HTML (дата звернення: 16.02.2025).
2. Mozilla Developer Network (MDN) Web Docs. CSS (Cascading Style Sheets) [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://developer.mozilla.org/uk/docs/Web/CSS (дата звернення: 16.02.2025).
3. Mozilla Developer Network (MDN) Web Docs. JavaScript [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://developer.mozilla.org/uk/docs/Web/JavaScript (дата звернення: 17.02.2025).
4. Node.js. Official Documentation [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://nodejs.org/en/docs/ (дата звернення: 20.02.2025).
5. Express.js. Official Documentation [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://expressjs.com/ (дата звернення: 24.02.2025).
6. MySQL. Official Documentation [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://dev.mysql.com/doc/ (дата звернення: 21.02.2025).
7. W3C. HTML Living Standard [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://html.spec.whatwg.org/multipage/ (дата звернення: 15.02.2025).
8. W3C. Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://www.w3.org/TR/CSS21/ (дата звернення: 16.02.2025).
9. FoxmindEd. UX дослідження: Що це і чому вони важливі? [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://foxminded.ua/ux-doslidzhennia-shcho-tse/ (дата звернення: 28.02.2025).
10. Stack Overflow. Questions & Answers for Developers [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://stackoverflow.com/ (дата звернення: 10.03.2025). (дата звернення: 10.03.2025).
11. GeeksforGeeks. A computer science portal for geeks [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://www.geeksforgeeks.org/ (дата звернення: 11.03.2025).
12. FreeCodeCamp. Learn to code — for free [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://www.freecodecamp.org/ (дата звернення: 12.03.2025).
13. Css.in.ua. Український веб-довідник [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://css.in.ua/ (дата звернення: 12.03.2025).
14. Html-css.co.ua. HTML і CSS довідник українською [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://html-css.co.ua/ (дата звернення: 05.04.2025).
15. ІТ Школа Hillel. Архітектура веб-додатків - як вибрати? [Електронний ресурс] – 2022. – Режим доступу до ресурсу: https://blog.ithillel.ua/articles/web-application-architecture (дата звернення: 23.02.2025).
16. ITGid.info. Курси Олександра Лущенка (включно з Node.js та MySQL) [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://itgid.info/ua/ (дата звернення: 22.02.2025).
17. W3Schools. Web Development Resources [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://www.w3schools.com/ (дата звернення: 10.03.2025).
18. DigitalOcean. Tutorials for Developers [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://www.digitalocean.com/community/tutorials (дата звернення: 15.03.2025).
19. Web.dev. Learn the latest web development best practices [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://web.dev/ (дата звернення: 29.02.2025).
20. SQL.org. The SQL Standard [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://sql.org/ (дата звернення: 21.02.2025).
21. GoIT. REST API: що це, як працює, переваги і приклади [Електронний ресурс] – 2024. – Режим доступу до ресурсу: https://goit.global/ua/articles/rest-api-shcho-tse-iak-pratsiuie-perevahy-i-pryklady/ (дата звернення: 18.03.2025).
22. Robot_dreams. Вступ до REST API — RESTful вебсервіси [Електронний ресурс] – 2024. – Режим доступу до ресурсу: https://robotdreams.cc/uk/blog/466-vstup-do-rest-api-restful-vebservisi (дата звернення: 18.03.2025).
23. Microsoft Support. Посібник зі зв’язків між таблицями [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://support.microsoft.com/uk-ua/topic/посібник-зі-зв-язків-між-таблицями-30446197-4fbe-457b-b992-2f6fb812b58f (дата звернення: 24.02.2025).
24. Dijix. Зв’язки між таблицями в Sql [Електронний ресурс] – 2023. – Режим доступу до ресурсу: https://dijix.com.ua/blog/uk/svyazi-mezhdu-tabliczami-v-sql/ (дата звернення: 25.02.2025).
25. Blog.postman. Що таке HTTP-методи? [Електронний ресурс] – 2023. – Режим доступу до ресурсу: https://blog.postman.com/what-are-http-methods/ (дата звернення: 10.03.2025).
26. Drukarnia. Хешування паролів [Електронний ресурс] – 2025. – Режим доступу до ресурсу: https://drukarnia.com.ua/articles/kheshuvannya-paroliv-vikoristannya-soli-ta-bcrypt-fsme- (дата звернення: 08.04.2025).
27. Coi. Тренди екомерс [Електронний ресурс] – 2024. – Режим доступу до ресурсу: https://coi.ua/blog/AdMarketing/e-commerce-trends-in-2024/ (дата звернення: 25.02.2025).
28. Pro consulting. Аналіз ринку спортивного харчування в Україні [Електронний ресурс] – 2024. – Режим доступу до ресурсу: https://pro-consulting.ua/ua/issledovanie-rynka/analiz-rynka-sportivnogo-pitaniya-v-ukraine-2024-god (дата звернення: 24.02.2025).
29. DSN Group. Дослідження ринку добавок і вітамінів в Україні [Електронний ресурс] – 2024. – Режим доступу до ресурсу: https://dsn.com.ua/doslidzhennia-rynku-dobavok-i-vitaminiv-v-ukraini/ (дата звернення: 26.02.2025).
30. Іampm. Технології для розробки сайту: що це, які найпопулярніші та як вибрати [Електронний ресурс] – 2024. – Режим доступу до ресурсу: https://iampm.club/ua/blog/tehnologiyi-dlya-rozrobki-sajtu-shho-cze-yaki-najpopulyarnishi-ta-yak-vibrati/ (дата звернення: 23.02.2025).
31. Порядок надання домедичної допомоги постраждалим при кровотечах та шоці. Наказ МОЗ України від 16.06.2014 № 398 [Електронний ресурс] – 2024. – Режим доступу до ресурсу: https://zakon.rada.gov.ua/laws/show/z0750-14 (дата звернення: 15.04.2025).
32. Види кровотеч, методи зупинки кровотечі. Alpha Cell Clinic. [Електронний ресурс] – 2022. – Режим доступу до ресурсу: https://redcross.org.ua/fat/guide-firstaid/ (дата звернення: 16.04.2025).
33. Товариство Червоного Хреста України. Перша допомога при кровотечах [Електронний ресурс] – 2024. – Режим доступу до ресурсу: https://redcross.org.ua/fahova-diyalnist/persha-dopomoga/a-krovotechi/ (дата звернення: 16.04.2025).
34. Крилюк В. О., та ін. Домедична допомога на місці події: практичний посібник. – Київ: Медицина, 2020. – 88 с. [Електронний ресурс] – 2020. – Режим доступу до ресурсу: https://dsns.gov.ua/upload/9/5/7/9/2020-5-19-112-posibnik.pdf (дата звернення: 17.04.2025).
35. FAST. Зупинка кровотеч. Накладання турнікету [Електронний ресурс] – 2023. – Режим доступу до ресурсу: https://ingeniusua.org/articles/tymchasova-zupynka-krovotechi-pravyla-nakladannya-dzhhuta (дата звернення: 18.04.2025).
36. Основи охорони праці користувачів персональних комп'ютерів : навчальний посібник для студентів ВНЗ та інженерів-практиків. Видавництво «Богдан». [Електронний ресурс] – 2024. – Режим доступу до ресурсу: https://bohdan-books.com/catalog/book/105263/ (дата звернення: 20.04.2025).
37. Гігієна праці в деталях: вимоги при роботі з екранними пристроями. Держпраці. [Електронний ресурс] – 2024. – Режим доступу до ресурсу: https://pd.dsp.gov.ua/news/hihiiena-pratsi-v-detaliakh-vymohy-pry-roboti-z-ekrannymy-prystroiamy/ (дата звернення: 21.04.2025).
38. Вимоги щодо організації роботи з екранними пристроями. Затверджено Наказом Міністерства соціальної політики України від 14.07.2021 № 422 [Електронний ресурс] – 2021. – Режим доступу до ресурсу: https://zakon.rada.gov.ua/laws/show/z1029-21 (дата звернення: 22.04.2025).
39. Вправи для очей: збереження здорових очей при роботі на комп'ютері. Бажаємо здоров'я. [Електронний ресурс] – 2023. – Режим доступу до ресурсу: https://apteka.net.ua/articles/vpravy-dlya-ochey-zberezhennya-zdorovykh-ochey-pry-roboti-na-kompyuteri (дата звернення: 23.04.2025).
40. Stochastic Noise, Signal Identification and Dynamic Systems: In honor of Professor Oleg Vasylenko’s 60th Anniversary [Електронний ресурс] – 2024. – Режим доступу до ресурсу: https://doi.org/10.1007/978-3-031-71093-3 (дата звернення: 05.06.2025).
41. Intellectual Identification of Nonlinear Systems with Stochastic Noise [Електронний ресурс] – 2024. – Режим доступу до ресурсу: https://doi.org/10.1007/978-3-031-82035-9_7 (дата звернення: 09.06.2025).
Content type: Bachelor Thesis
Appears in Collections:122 — Компʼютерні науки (бакалаври)

Files in This Item:
File Description SizeFormat 
2025_KRB_SN-42_Pavliukh_PT.pdfДипломна робота1,67 MBAdobe PDFView/Open
Show full item record


Items in DSpace are protected by copyright, with all rights reserved, unless otherwise indicated.

Admin Tools