Palun kasuta seda identifikaatorit viitamiseks ja linkimiseks: http://elartu.tntu.edu.ua/handle/lib/53340
Pealkiri: Розробка вебзастосунку для обліку товарів магазину «SwagStore»
Teised pealkirjad: Development of a web application for accounting of goods in the SwagStore store
Autor: Малий, Максим Олегович
Malyi, Maksym
Affiliation: ВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюя"
Bibliographic reference (2015): Розробка вебзастосунку для обліку товарів магазину «SwagStore»: кваліфікаційна робота на здобуття освітньо-професійного ступеня фаховий молодший бакалавр за спеціальністю «122 Комп’ютерні науки». Тернопіль: ВСП «ТФК ТНТУ», 2026. 103 с.
Ilmumisaasta: juu-2026
Date of entry: 10-juu-2026
Kirjastaja: ВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюя"
Country (code): UA
Place of the edition/event: Тернопіль
Supervisor: Капаціла, Ігор Богданович
Kapatsila, Ihor
Committee members: Фриз, Михайло Євгенович
Fryz, Mykhailo
алексевич, наталя
Märksõnad: вебзастосунок
web application
облік товарів
product accounting
магазин
store
SwagStore
Page range: 103
Kokkuvõte: Тема дипломного проєкту:«Розробка вебзастосунку для інтернет-магазину Одягу та обліку товарів “SwagStore”». Метою дипломного проєкту є розробка вебзастосунку, який поєднує функції інтернет-магазину одягу та системи обліку товарів. Розроблений програмний продукт призначений для перегляду асортименту клієнтами, оформлення замовлень, керування товарами, контролю складських залишків та обробки звернень користувачів. Пояснювальна записка складається з п’яти розділів. У загальному розділі розглянуто актуальність теми, виконано аналіз існуючих рішень і сформовано технічне завдання. У розділі розробки технічного та робочого проєкту описано структуру вебзастосунку, клієнтську і серверну частини, базу даних, адміністративну панель, каталог товарів, кошик, оформлення замовлень і складський облік.Для реалізації системи використано Next.js, React, TypeScript, Node.js, Express, MongoDB та Mongoose. У спеціальному розділі наведено вимоги до розміщення вебзастосунку, інструкцію адміністратора та питання подальшої підтримки системи. В економічному розділі виконано розрахунок витрат на розробку, собівартості та економічної ефективності проєкту. У розділі охорони праці розглянуто питання безпечної роботи за комп’ютером і заходи щодо зменшення шуму на робочому місці. Розроблений вебзастосунок «SwagStore» забезпечує перегляд каталогу товарів, фільтрацію за основними параметрами, вибір розміру, додавання товарів у кошик,оформлення замовлення,перегляд історії замовлень, а також керування товарами, категоріями, залишками, клієнтами та замовленнями через адміністративну частину. До складу дипломного проєкту також входить графічна частина зі схемами та техніко-економічними показниками.
The topic of the diploma project is “Development of a Web Application for an Online Clothing Store and Product Accounting System ‘SwagStore’”. The purpose of the diploma project is to develop a web application that combines the functions of an online clothing store and a product accounting system. The developed software product is intended for viewing products by customers, placing orders, managing goods, controlling warehouse stock, and processing user requests. The explanatory note consists of five sections. The general section describes the relevance of the topic, analyzes existing solutions, and formulates the technical specification. The technical and working project development section describes the structure of the web application, the client and server parts, the database, the administrative panel, the product catalog, the shopping cart, order processing, and warehouse accounting. The system was implemented using Next.js, React, TypeScript, Node.js, Express, MongoDB, and Mongoose. The special section presents the requirements for deploying the web application, administrator instructions, and further system support. The economic section contains the calculation of development costs, cost price, and economic efficiency. The occupational safety section considers safe computer work and measures to reduce noise in the workplace. The developed “SwagStore” web application provides product catalog browsing, filtering by main parameters, size selection, adding products to the cart, placing orders, viewing order history, and managing goods, categories, stock, customers, and orders through the administrative part. The diploma project also includes a graphical part with diagrams and technical and economic indicators.
Content: АНОТАЦІЯ...7 ВСТУП...9 1 ЗАГАЛЬНИЙРОЗДІЛ...10 1.1 Аналітичний огляд існуючих рішень...10 1.2 Технічне завдання....11 2 РОЗРОБКАТЕХНІЧНОГОТАРОБОЧОГОПРОЄКТУ....17 2.1 Розробка структури веб застосунку...17 2.2 Створення та верстка сторінок веб застосунку...19 2.3 Розробка структури бази даних...20 2.4 Програмування веб застосунку...22 2.5 Тестування веб застосунку...33 3 СПЕЦІАЛЬНИЙРОЗДІЛ....46 3.1 Розміщення веб застосунку та вимоги до середовища...46 3.2 Інструкція адміністратора для роботи з веб застосунком...48 3.3 Підтримка, оновлення та подальший розвиток системи....55 4 ЕКОНОМІЧНИЙ РОЗДІЛ...57 4.1 Визначення стадій технологічного процесу та загальної тривалості проведення робіт...57 4.2 Визначення витрат на оплату праці та відрахувань на соціальні заходи..59 4.3 Розрахунок витрат на електроенергію....60 4.4Розрахунок суми амортизаційних відрахувань...61 4.5 Обчислення накладних витрат...61 4.6 Складання кошторису витрат та визначення собівартості розробки...62 4.7 Розрахунок ціни розробки...62 4.8 Визначення економічної ефективності і терміну окупності...64 5 ОХОРОНАПРАЦІ,ТЕХНІКА БЕЗПЕКИ ТА ЕКОЛОГІЧНІ ВИМОГИ...65 5.1 Відповідальність за порушення законодавства про охорону праці...65 5.2Комплекс заходів по зменшенню шуму в джерелі його виникнення...67 ВИСНОВКИ...70 ПЕРЕЛІКПОСИЛАНЬ...72 ДОДАТКИ...74
URI: http://elartu.tntu.edu.ua/handle/lib/53340
Copyright owner: ©Малий Максим Олегович
References (Ukraine): 1. Методичні вказівки до виконання дипломного проєкту для здобувачів освіти спеціальності 122 «Комп’ютерні науки». Тернопіль : ВСП «ТФК ТНТУ ім. І. Пулюя», 2025.
2. Next.js Documentation. Офіційна документація фреймворку Next.js для розробки вебзастосунків на основі React. URL: nextjs.org (дата звернення: 10.06.2026).
3. React Documentation. Офіційна документація бібліотеки React для створення користувацьких інтерфейсів. URL: react.dev (дата звернення: 10.06.2026).
4. TypeScript Documentation. Офіційна документація мови TypeScript, яка використовується для типізованої розробки JavaScript-застосунків. URL: typescriptlang.org (дата звернення: 10.06.2026).
5. Tailwind CSS Documentation. Офіційна документація CSS-фреймворку Tailwind CSS для створення адаптивного інтерфейсу. URL: tailwindcss.com (дата звернення: 10.06.2026).
6. PostCSS Documentation. Документація інструменту PostCSS для обробки CSS-файлів у вебзастосунках. URL: postcss.org (дата звернення: 10.06.2026).
7. Node.js Documentation. Офіційна документація середовища виконання Node.js, яке використовується для створення серверної частини вебзастосунку. URL: nodejs.org (дата звернення: 10.06.2026).
8. Express.js Documentation. Офіційна документація фреймворку Express.js для створення API та серверної логіки вебзастосунків. URL: expressjs.com (дата звернення: 10.06.2026).
9. MongoDB Documentation. Офіційна документація системи керування базами даних MongoDB. URL: mongodb.com (дата звернення: 10.06.2026).
10. MongoDB Atlas Documentation. Документація хмарного сервісу MongoDB Atlas для розміщення та адміністрування баз даних. URL: mongodb.com (дата звернення: 10.06.2026).
11. Mongoose Documentation. Офіційна документація бібліотеки Mongoose для роботи з MongoDB у середовищі Node.js. URL: mongoosejs.com (дата звернення: 10.06.2026).
12. JSON Web Token Introduction. Опис принципів використання JSON Web Token для авторизації користувачів у вебзастосунках. URL: jwt.io (дата звернення: 10.06.2026).
13. bcrypt.js. Документація бібліотеки bcryptjs, яка використовується для хешування паролів користувачів. URL: npmjs.com (дата звернення: 10.06.2026).
14. npm Documentation. Документація менеджера пакетів npm, який використовується для встановлення залежностей проєкту. URL: npmjs.com (дата звернення: 10.06.2026).
15. Git Documentation. Документація системи контроля версій Git, яка використовується для роботи з кодом проєкту. URL: git-scm.com (дата звернення: 10.06.2026).
16. MDN Web Docs. Довідкові матеріали щодо використання HTML, CSS, JavaScript та HTTP у веброзробці. URL: mozilla.org (дата звернення: 10.06.2026).
17. REST API Tutorial. Основні принципи побудови REST API для взаємодії клієнтської та серверної частин вебзастосунку. URL: restfulapi.net (дата звернення: 10.06.2026).
18. Web.dev. Матеріали щодо створення сучасних, адаптивних і продуктивних вебзастосунків. URL: web.dev (дата звернення: 10.06.2026).
Content type: Professional Junior Bachelor Thesis
Asub kollektsiooni(de)s:122 — Компютерні науки (фаховий молодший бакалаври ТФК)

Failid selles objektis:
Fail Kirjeldus SuurusFormaat 
Malyi_M.pdfКваліфікаційна робота фахового молодшого бакалавра3,91 MBAdobe PDFVaata/Ava


Kõik teosed on Dspaces autoriõiguste kaitse all.