1. ELARTU — Інституційний репозитарій ТНТУ імені Івана Пулюя
  2. Тернопільський фаховий коледж ТНТУ
  3. Кваліфікаційні роботи фахового молодшого бакалавра ТФК
  4. 123 — Комп’ютерна інженерія (фаховий молодший бакалаврТФК)
Empreu aquest identificador per citar o enllaçar aquest ítem: http://elartu.tntu.edu.ua/handle/lib/53682
Registre complet de metadades
Camp DCValorLengua/Idioma
dc.contributor.advisorЛісовий, Володимир Миколайович-
dc.contributor.advisorLisovyi, Volodymyr-
dc.contributor.authorГоловняк, Софія Русланівна-
dc.contributor.authorHolovniak, Sofiia-
dc.date.accessioned2026-07-23T16:25:39Z-
dc.date.available2026-07-23T16:25:39Z-
dc.date.issued2026-07-
dc.identifier.urihttp://elartu.tntu.edu.ua/handle/lib/53682-
dc.description.abstractМета роботи - розробка вебсайту для магазину косметики «BeautyUp». Пояснювальна записка складається з п’яти розділів. В першому розділі виконано аналітичний огляд існуючих рішень та обґрунтовано вибір технологій повного стеку розробки. Описано призначення даної розробки, вимоги до програмного, апаратного забезпечення та ведення документації та технічне завдання. В другому розділі міститься опис архітектури сайту, методи побудови клієнтської та серверної частин з використанням вибраних мов програмування, компонентів, сервісів, бази даних, а також логіку розробки проєкту. В третьому розділі описано процедури по встановленню програмного забезпечення, розгортанню хмарної платформи та його налаштуванню. Також описано конфігурування процесів автоматичного оновлення сайту, супровід та інструкцію з експлуатації веб-додатку. В двох наступних розділах розраховано вартість розроблюваного сайту, а також описано техніку безпеки, ергономічні та гігієнічні вимоги під час виконання даного проекту.uk_UA
dc.description.abstractThe purpose of the work is to develop a website for the "BeautyUp" cosmetics store. The explanatory note consists of five chapters. The first chapter provides an analytical review of existing solutions and justifies the choice of full-stack development technologies. It describes the purpose of this development, requirements for software, hardware, documentation management, and the technical specification. The second chapter contains a description of the website architecture, methods for building the client and server sides using the selected programming languages, components, services, and database, as well as the project development logic. The third chapter describes the procedures for software installation, cloud platform deployment, and configuration. It also covers the configuration of automatic website update processes, maintenance, and the web application user manual. The next two chapters calculate the cost of the developed website and describe safety techniques, ergonomic, and hygienic requirements during the execution of this project.uk_UA
dc.description.tableofcontentsВступ 5 1 Загальний розділ 6 1.1 Аналітичний огляд існуючих рішень 11 1.2 Технічне завдання 13 1.2.1 Найменування та область застосування 13 1.2.2 Призначення розробки 14 1.2.3 Вимоги до програмного забезпечення 15 1.2.4 Вимоги до програмної документації 16 1.2.5 Техніко-економічні показники 18 1.2.6 Стадії та етапи розробки 19 1.2.7 Порядок тестування та прийому 20 2 Розробка технічного та робочого проєкту 22 2.1 Розробка структури сайту і веб-сторінок 22 2.2 Створення та верстка сторінок сайту 26 2.3 Розробка структури бази даних сайту 30 2.4 Програмування сайту 35 2.4.1 Написання клієнтської частини 35 2.4.2 Написання серверної частини 52 2.5 Тестування вебсайту 58 3 Спеціальний розділ 62 3.1 Інструкція з розміщення сайту в Інтернеті 62 3.2 Інструкція з обслуговування та наповнення сайту 64 3.3 Інструкція з популяризації та підтримки сайту 65 4 Економічний розділ 67 4.1 Визначення стадій технологічного процесу та загальної тривалості проведення НДР 67 4.2 Визначення витрат на оплату праці та відрахувань на соціальні заходи 68 4.3 Розрахунок матеріальних витрат 70 4.4 Розрахунок витрат на електроенергію 71 4.5 Визначення транспортних затрат 71 4.6 Розрахунок суми амортизаційних відрахувань 72 4.7 Обчислення накладних витрат 72 4.8 Складання кошторису витрат та визначення собівартості НДР 73 4.9 Розрахунок ціни НДР 73 4.10 Визначення економічної ефективності і терміну окупності капітальних вкладень 74 5 Охорона праці та безпека життєдіяльності 76 5.1 Управління режимами праці та відпочинку для зниження психоемоційного напруження ІТ-фахівців 76 5.2 Профілактика зорової втоми та normalізація освітлення при тривалій роботі з відеодисплеями 78 5.3 Ергономічне проєктування робочого простору розробника інтерфейсу вебсайту “BeautyUp” 80 Висновки 82 Перелік посилань 83 Додатки 86 Додаток А – Лістинг файлу src/main.jsx 86 Додаток Б – Лістинг компонента 87 Додаток В – Лістинг компоненту 90 Додаток Г – Лістинг компоненту 94 Додаток Д – Лістинг компоненту 98 Додаток Е – Лістинг компоненту 105 Додаток Є – Лістинг компоненту 108 Додаток Ж – Лістинг компоненту 110 Додаток З – Лістинг компоненту 114 Додаток И – Лістинг компоненту 118 Додаток І – Лістинг компоненту 123 Додаток Ї – Лістинг компоненту 129 Додаток Й – Лістинг файлу server.js 136 Додаток К – Лістинг файлу auth.route.js 139 Додаток Л – Лістинг файлу product.route.js 140 Додаток М – Лістинг файлів схем і моделей бази даних 141 Додаток Н – Лістинг файлу App.test.jsx 148 Додаток О – Лістинг файлу server.test.js 149uk_UA
dc.format.extent149-
dc.language.isoukuk_UA
dc.publisherВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюяuk_UA
dc.subjectвебсайтuk_UA
dc.subjectwebsiteuk_UA
dc.subjectінтернет-магазинuk_UA
dc.subjecte-commerceuk_UA
dc.subjectmern-стекuk_UA
dc.subjectmern stackuk_UA
dc.subjectreactuk_UA
dc.subjectnode.jsuk_UA
dc.subjectmongodbuk_UA
dc.subjecttailwind cssuk_UA
dc.subjectstripe apiuk_UA
dc.subjectrenderuk_UA
dc.titleРозробка вебсайту магазину косметики «BeautyUp»uk_UA
dc.title.alternativeDevelopment of the "BeautyUp" cosmetics store websiteuk_UA
dc.typeProfessional Junior Bachelor Thesisuk_UA
dc.rights.holder©Головняк Софія Русланівна, 2026uk_UA
dc.contributor.committeeMemberКозбур, Ігор Романович-
dc.contributor.committeeMemberKozbur, Ihor-
dc.coverage.placenameТернопільuk_UA
dc.relation.references1. Eddy Wilson MERN Quick Start Guide: Build web applications with MongoDB, Express, React, and Node. – Birmingham: Packt Publishing, 2018. – 281с.uk_UA
dc.relation.references2. Evan Hahn Express.js in Action: Writing and testing Data-driven Node applications. – Shelter Island: Manning Publications, 2016. – 236с.uk_UA
dc.relation.references3. В.І. Кошель, Г.П. Сав’юк, Б.С. Дзундза. Основи охорони праці. навчально-методичний посібник для студентів вищих навчальних закладів педагогічного напрямку. Івано-Франківськ: НАІР, 2020. 182 сuk_UA
dc.relation.references4. Грибан В. Г., Фоменко А. Є., Казначеєв Д. Г. Безпека життєдіяльності та охорона праці: підруч. Дніпро: Дніпроп. держ. ун-т внутр. справ, 2022. 388 с.uk_UA
dc.relation.references5. Інструментальні засоби вебтехнологій: навчальний посібник / за ред. проф. – Львів: Магнолія 2006, 2026. – 197 с.uk_UA
dc.relation.references6. Карпюк Г. І. Основи підприємництва : навч. посіб. для здобувачів професійної (професійно-технічної) освіти. Київ : Міністерство освіти і науки України, 2021. 105 с.uk_UA
dc.relation.references7. Axios : офіц. сайт. URL: https://axios.rest/uk_UA
dc.relation.references8. Cloudinary : офіц. сайт. URL: https://cloudinary.com/uk_UA
dc.relation.references9. Cloudinary. Про продукт, інтеграцію. Hellip : веб-сайт. URL: https://hellip.com/ua/product/cloudinary.htmluk_UA
dc.relation.references10. DOU.ua – Головний сайт сервісу пошуку роботи та аналітики IT-ринку України : веб-сайт. URL: https://jobs.dou.ua/uk_UA
dc.relation.references11. Express.js : офіц. сайт. URL: https://expressjs.com/en/uk_UA
dc.relation.references12. Node js : офіц. сайт. URL: https://nodejs.org/enuk_UA
dc.relation.references13. Node Package Manager : офіц. сайт. URL: https://www.npmjs.com/ (дата звернення: 23.05.2026).uk_UA
dc.relation.references14. React : офіц. сайт. URL: https://react.dev/uk_UA
dc.relation.references15. React.js: популярний фреймворк фронтенд-розробки. Wezom : веб-сайт. URL: https://wezom.com.ua/ua/blog/reactjs-populyarniy-freymvork-frontend-rozrobkiuk_UA
dc.relation.references16. Tailwind css : офіц. сайт. URL: https://tailwindcss.com/uk_UA
dc.relation.references17. Vite : офіц. сайт. URL: https://vite.dev/uk_UA
dc.relation.references18. Wix. Вікіпедія : вільна енциклопедія : веб-сайт. URL: https://uk.wikipedia.org/wiki/Wix.comuk_UA
dc.relation.references19. Емоційне вигорання на роботі: що робити, якщо не хочеться працювати. Комп'ютерна академія IT STEP : блог. URL: https://kiev.itstep.org/blog/emotionalburnout-at-work-what-to-do-if-you-dont-feel-like-workinguk_UA
dc.relation.references20. Компоненти і пропси. React Documentation : веб-сайт. URL: https://uk.legacy.reactjs.org/docs/components-and-props.htmluk_UA
dc.relation.references21. Мікроклімат виробничих приміщень. Південно-Західне міжрегіональне управління Державної служби України з питань праці : офіц. сайт. URL: https://smu.dsp.gov.ua/mikroklimat-vyrobnychykh-prymishchen/uk_UA
dc.relation.references22. Правильна структура веб сайту під SEO: приклади, види та 15+ рекомендації щодо розробки структури. Impulse Design : веб-сайт. URL: https://impulse-design.com.ua/ua/pravilnaya-struktura-veb-sajta-pod-seo.htmluk_UA
dc.relation.references23. Структура сайту: основні види та правила їх розробки. Webtune : веб-сайт. URL: https://webtune.com.ua/statti/web-rozrobka/struktura-sajtu/uk_UA
dc.relation.references24. Структура сайту: основні види, вимоги та приклади. Wedex : веб-сайт. URL: https://wedex.com.ua/blog/struktura-sajtu-osnovni-vydy-vymogy-ta-pryklady/uk_UA
dc.relation.references25. Чи варто робити сайт самому. Webatom : веб-сайт. URL: https://webatom.com.ua/chi-varto-robiti-sajt-samomu/uk_UA
dc.relation.references26. Що таке Back-end розробка. Wezom : веб-сайт. URL: https://wezom.com.ua/ua/blog/chto-takoe-back-end-razrabotkauk_UA
dc.relation.references27. Що таке SEO: основи SEO. Idea Digital Agency : веб-сайт. URL: https://ideadigital.agency/blog/shcho-take-seo-i-navishcho-potribna-poshukovaoptimizaciya/uk_UA
dc.relation.references28. Що таке Unit тести і як їх писати. Foxminded : веб-сайт. URL: https://foxminded.ua/yunit-testy/uk_UA
dc.relation.references29. Що таке бази даних? Sigma Software University : веб-сайт. URL: https://university.sigma.software/what-is-database/uk_UA
dc.relation.references30. Що таке верстка сайту. Impulse Design : веб-сайт. URL: https://impulse-design.com.ua/ua/chto-takoe-verstka-sajta.htmluk_UA
dc.relation.references31. Що таке структура сайту, як її створити та проаналізувати. Netpeak Software : веб-сайт. URL: https://netpeaksoftware.com/uk/blog/site-structure-how-to-build-and-analyze-ituk_UA
dc.relation.references32. Що таке тестування за методом “чорної скриньки”? Sigma Software University : веб-сайт. URL: https://university.sigma.software/black-box-testing/uk_UA
dc.relation.references33. Що таке фронтенд? Від ідеї до досконалості. Asabix : веб-сайт. URL: https://asabix.com.ua/what-is-frontend/uk_UA
dc.contributor.affiliationВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюя"uk_UA
dc.coverage.countryUAuk_UA
dc.identifier.citation2015Головняк С.Р. Розробка вебсайту магазину косметики «BeautyUp»: кваліфікаційна робота на здобуття освітньо-професійного ступеня фаховий молодший бакалавр за спеціальністю «123 – Комп’ютерна інженерія». Тернопіль: ВСП «ТФК ТНТУ», 2026. 149 с.uk_UA
Apareix a les col·leccions:123 — Комп’ютерна інженерія (фаховий молодший бакалаврТФК)

Arxius per aquest ítem:
Arxiu Descripció MidaFormat 
Holovniak_S.pdfкваліфікаційна робота фахового молодшого бакалавра2,55 MBAdobe PDFVeure/Obrir
Mostrar el registre simplificat de l'ítem


Els ítems de DSpace es troben protegits per copyright, amb tots els drets reservats, sempre i quan no s’indiqui el contrari.