Utilize este identificador para referenciar este registo: http://elartu.tntu.edu.ua/handle/lib/53332
Título: Розробка інтернет-магазину косметики «BeautyHeaven»
Outros títulos: Development of the cosmetics online store «BeautyHeaven»
Autor: Івахов, Сергій Олександрович
Ivakhov, Serhii
Affiliation: ВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюя"
Bibliographic reference (2015): Івахов С.О. Розробка інтернет-магазину косметики «BeautyHeaven»: кваліфікаційна робота на здобуття освітньо-професійного ступеня фаховий молодший бакалавр за спеціальністю «122 Комп’ютерні науки». Тернопіль: ВСП «ТФК ТНТУ», 2026. 113 с.
Data: Jul-2026
Date of entry: 10-Jul-2026
Editora: ВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюя"
Country (code): UA
Place of the edition/event: Тернопіль
Supervisor: Сербін, Володимир Сергійович
Serbin, Volodymyr
Committee members: Гладьо, Сергій Володимирович
Hlado, Serhii
Palavras-chave: вебдодаток
web application
інтернет-магазин
online store
електронна комерція
e-commerce
клієнт-серверна архітектура
client-server architecture
фреймворк React
React framework
Spring Boot
PostgreSQL
база даних
database
REST API
WebSockets
інтерактивний граф
interactive graph
Page range: 113
Resumo: Кваліфікаційна робота присвячена розробці повнофункціонального вебдодатку інтернет-магазину косметики «BeautyHeaven». Метою роботи є проєктування та реалізація сучасного програмного продукту на базі клієнт-серверної архітектури для забезпечення зручного інтерфейсу онлайн-покупок користувачами та ефективного інструментарію управління контентом для адміністраторів. У роботі проведено детальний аналітичний огляд існуючих рішень у сфері електронної комерції, сформовано й проаналізовано технічне завдання на розробку. Обґрунтовано вибір сучасного технологічного стеку, зокрема бібліотеки React для побудови динамічного користувацького інтерфейсу, фреймворку Spring Boot для реалізації надійної серверної логіки та реляційної системи управління базами даних PostgreSQL для збереження інформації. Описано структуру та метод організації бази даних, розроблено алгоритми функціонування системи та схеми інформаційних зв’язків. У межах зовнішнього проєктування створено зручний дизайн сайту, а також виконано комплексне тестування і налагодження програми для забезпечення її стабільності та безпеки. Практична частина роботи містить опис процесу розгортання та інсталяції програмного продукту в хмарному середовищі, детально розроблену інструкцію з експлуатації адміністративної панелі сайту для керування товарами й замовленнями, а також рекомендації щодо популяризації та технічної підтримки вебресурсу. Економічна частина роботи присвячена розрахунку повної вартості розробки програмного забезпечення та оцінці його економічної ефективності в умовах ринку. Додатково розглянуто основні питання охорони праці, виробничої санітарії та техніки безпеки під час роботи за комп'ютерною технікою. Графічна складова роботи містить діаграму прецедентів (Use Case), ER-діаграму реляційної бази даних та діаграму послідовності
This qualification thesis is dedicated to the development of a full-featured e-commerce web application for the "BeautyHeaven" cosmetics online store. The main objective of the work is to design and implement a modern software product based on a client-server architecture to provide a user-friendly online shopping interface and effective content management tools for administrators. The thesis conducts a detailed analytical review of existing solutions in the field of e-commerce, as well as formulates and analyzes the technical specifications for development. The choice of a modern technology stack is justified, particularly the React library for building a dynamic user interface, the Spring Boot framework for implementing reliable server-side logic, and the PostgreSQL relational database management system for secure data storage. The structure and method of database organization are described, and system functioning algorithms along with information connection diagrams are developed. Within the framework of external design, an intuitive website layout was created, followed by comprehensive software testing and debugging to ensure stability and security. The practical part includes a description of the deployment and installation process in a cloud environment, a detailed user guide for the website's administrative panel to manage products and orders, as well as recommendations for web resource promotion and maintenance. The economic section of the work focuses on calculating the total cost of software development and evaluating its economic efficiency in market conditions. Additionally, key issues of labor protection, industrial sanitation, and safety measures when working with computer equipment are addressed. The graphical part consists of a Use Case diagram, an ER diagram of the relational database, and a Sequence diagram.
Content: Вступ…9 1 Загальний розділ…11 1.1 Аналітичний огляд існуючих рішень…11 1.2 Технічне завдання…16 1.2.1 Найменування та область застосування…16 1.2.2 Призначення розробки…17 1.2.3 Вимоги до функціоналу web-сайту…18 1.2.4 Вимоги до програмної документації…21 1.2.5 Техніко-економічні показники …22 1.2.6 Стадії та етапи розробки …24 1.2.7 Порядок тестування та прийому…25 2 Розробка технічного та робочого проєкту …27 2.1 Розробка структури сайту і web-сторінок …27 2.2 Створення та верстка сторінок сайту …28 2.3 Розробка структури бази даних сайту …37 2.4 Програмування сайту …41 2.4.1 Написання клієнтської частини …41 2.4.2 Написання admin-частини …43 2.5 Тестування web- сайту…46 3 Спеціальний розділ …54 3.1 Інструкція з розміщення сайту в Інтернеті …54 3.2 Інструкція з обслуговування та наповнення сайту …59 3.3 Інструкція з популяризації та підтримки сайту …64 4 Економічний розділ …69 4.1 Визначення стадій технологічного процесу та загальної тривалості проведення НДР …69 4.2 Визначення витрат на оплату праці та відрахувань на соціальні заходи .. 70 4.3 Розрахунок матеріальних витрат…72 4.4 Розрахунок витрат на електроенергію…73 4.5 Розрахунок суми амортизаційних відрахувань…73 4.6 Обчислення накладних витрат…74 4.7 Складання кошторису витрат та визначення собівартості НДР…74 4.8 Розрахунок ціни НДР…75 4.9 Визначення економічної ефективності і терміну окупності капітальних вкладень…75 5 Охорона праці, техніка безпеки та екологічні вимоги …77 5.1 Організація та фінансування проведення медичних оглядів працівників …77 5.2 Дія іонізуючого випромінювання на організм людини…78 Висновки …81 Перелік посилань …82 Додаток А. Діаграма прецедентів (Use Case) …84 Додаток Б. ER-діаграма бази даних…85 Додаток В. Діаграма послідовності (Sequence) …86 Додаток Г. Лістинг файлу «ProductController» …87 Додаток Д. Лістинг файлу «OrderController» …89 Додаток Е. Лістинг файлу «OrderService» …91 Додаток Ж. Лістинг файлу «CartService» …95 Додаток И. Лістинг файлу «CartContext.jsx» …104 Додаток Й. Лістинг файлу «ProductDetailsPage.jsx» …106
URI: http://elartu.tntu.edu.ua/handle/lib/53332
Copyright owner: ©Івахов Сергій Олександрович
References (Ukraine): 1. E-commerce України: що шукали та купували українці онлайн у 2025-му. URL: https://fintechinsider.com.ua/e-commerce-ukrayiny-shho-shukaly-ta-kupuvaly-ukrayinczi-onlajn-u-2025-mu/ (дата звернення 13.03.2026)
2. What is INCI? URL: https://www.personalcarecouncil.org/resources/inci/ (дата звернення 16.03.2026)
3. Cognitive Load in eCommerce Applications - Measurement and Effects on User Satisfaction URL: https://www.researchgate.net/publication/220316624_Cognitive_Load_in_eCommerc e_Applications-Measurement_and_Effects_on_User_Satisfaction (дата звернення 16.03.2026)
4. Інтернет платформа Makeup.com.ua. URL: https://makeup.com.ua/ (дата звернення 16.03.2026)
5. Інтернет платформа Notino.ua. URL: https://www.notino.ua/ (дата звернення 16.03.2026)
6. Інтернет платформа EVA. URL: https://eva.ua/ (дата звернення 16.03.2026)
7. Can i use salicylic acid with retinol? Expert answers & advice. URL: https://www.skinceuticals.com.au/using-salicylic-acid-with-retinol.html?srsltid=AfmBOoqt2D1GMwVaQFaTiDw5r99pCO3FebhXM6bimnEPxE BjUaxrsxGj (дата звернення 20.03.2026)
8. Hogan, A., Blomqvist, E., Cochez, M., et al. (2021). Knowledge Graphs. ACM Computing Surveys.
9. Newman, S. (2021). Building Microservices: Designing Fine-Grained Systems (2nd ed.). O'Reilly Media.
10. Xu, A., & Lam, S. (2021). System Design Interview – An Insider's Guide: Volume 2. ByteByteGo.
11. WebSocket API: Events, Methods & Properties. URL: https://websocket.org/reference/websocket-api/ (дата звернення 21.03.2026)
12. Yablonski J. Laws of UX: Using Psychology to Design Better Products and Services. 2nd ed. / Jon Yablonski. - O'Reilly Media, 2024.
13. MacDonald M. Web Design with HTML, CSS, JavaScript and jQuery Set. 2nd ed. / Jon Duckett. – Wiley.
14. Tullis T. Measuring the User Experience: Collecting, Analyzing, and Presenting Usability Metrics. 3rd ed. / Tom Tullis, Bill Albert. – Morgan Kaufmann, 2022.
15. React Офіційна Документація. URL: https://react.dev/learn (дата звернення 5.04.2026)
16. Boduch A. React and React Native: Build cross-platform JavaScript applications with native power. 4th ed. / Adam Boduch, Roy Derks. 2023.
17. Tailwind CSS Documentation: Utility-First / Tailwind Labs Inc. URL: https://tailwindcss.com/docs/utility-first (дата звернення 8.04.2026)
18. Introducing Hooks / Офіціний блог React. URL: https://legacy.reactjs.org/docs/hooks-intro.html (дата звернення 14.04.2026)
19. Drake S. PostgreSQL 16 Mastery: Advanced database administration and configuration / S. Drake. – Packt Publishing, 2024.
20. Coronel C. Database Systems: Design, Implementation, & Management. 14th ed. / Carlos Coronel, Steven Morris. - Cengage Learning, 2023. - 880 p.
21. PostgreSQL Global Development Group. PostgreSQL 16 Офіційна Документація - URL: https://www.postgresql.org/docs/16/ (дата звернення 18.04.2026)
22. Vite Офіційна Документація: Next Generation Frontend Tooling - URL: https://vitejs.dev/guide/ (дата звернення 22.04.2026)
23. Walls C. Spring in Action. 6th Edition / Craig Walls. - Manning Publications
24. Spilca L. Spring Start Here: Learn what you need and learn it well / Laurentiu Spilca. – Manning Publications, 2022.
25. Spring Framework Документація: WebSockets and STOMP / VMware, Inc. - URL: https://docs.spring.io/spring-framework/reference/web/websocket.html (дата звернення 23.04.2026)
Content type: Professional Junior Bachelor Thesis
Aparece nas colecções:122 — Компютерні науки (фаховий молодший бакалаври ТФК)

Ficheiros deste registo:
Ficheiro Descrição TamanhoFormato 
Ivakhov_S.pdfКваліфікаційна робота фахового молодшого бакалавра6,94 MBAdobe PDFVer/Abrir


Todos os registos no repositório estão protegidos por leis de copyright, com todos os direitos reservados.