Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал: http://elartu.tntu.edu.ua/handle/lib/45701
Назва: Розробка інтернет-магазину Dolittle.
Інші назви: Development of the Dolittle Online Store
Автори: Гайда, Софія-Наталія Олегівна
Haida, Sofiia-Nataliia Olehivna
Приналежність: ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна
Бібліографічний опис: Гайда С.-Н. О. Розробка інтернет-магазину Dolittle : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп'ютерні науки / наук. кер. Л. М. Щербак. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2024. 82 с.
Дата публікації: 25-чер-2024
Дата подання: 6-чер-2024
Дата внесення: 1-лип-2024
Країна (код): UA
Місце видання, проведення: ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна
Науковий керівник: Щербак, Леонід Миколайович
Члени комітету: Голотенко, Олександр Сергійович
УДК: 004.04
Теми: інтернет-магазин
online store
React
CMS Strapi
товари для тварин
products for animals
електронна комерція
e-commerce
UI/UX дизайн
UI/UX design
Lighthouse
Короткий огляд (реферат): У першому розділі виконано аналіз предметної області, сформуловано вимоги до розробки інтернет-магазину, побудовано та досліджено діаграму варіантів використання. Також обрано середовище розробки та проаналізовано переваги використаного стеку технологій. Другий розділ присвячено проєктуванню архітектури інтернет-магазину. Тут описано функціональні моделі, змодельовано схеми інтернет-магазину, відображено структуру бази даних, досліджено основні бібліотеки та файлову структуру проєкту. Також обґрунтовано вибір кольорової схеми та шаблонів для інтерфейсу користувача. У третьому розділі детально описано процес реалізації інтернет-магазину Dolittle. Зокрема, розроблено серверну частину на базі CMS Strapi та клієнтську частину на базі фреймворка React. Здійснено наповнення даними бази даних, описано процес розгортання проєкту на сервері, а також проведено валідацію розмітки інтерфейсу користувача та тестування функціоналу в цілому. У розділі «Безпека життєдіяльності, основи охорони праці» розглянуто алгоритм надання першої допомоги при ураженні електричним струмом та рекомендації щодо допомоги постраждалому. Також описуються методи нематеріальної мотивації. Розділ підкреслює важливість здоров'я працівників, пропонуючи рішення для зниження стресу та підвищення мотивації. In the first section, an analysis of the subject area was conducted, requirements for the development of the online store were formulated, and a use case diagram was constructed and examined. Additionally, the development environment was selected, and the advantages of the utilized technology stack were analyzed. The second section is dedicated to the design of the online store's architecture. It describes the functional models, models the online store's schemas, displays the database structure, and examines the main libraries and the project's file structure. The choice of the color scheme and templates for the user interface is also justified. The third section provides a detailed description of the implementation process of the Dolittle online store. Specifically, the server-side was developed using the CMS Strapi, and the client-side was developed using the React framework. The database was populated with data, the project deployment process on the server was described, and the validation of the user interface markup and functional testing were carried out. The «Life Safety, Basics of Occupational Safety» section examines the algorithm for providing first aid in case of electric shock and offers recommendations for assisting the victim. It also describes methods of non-material motivation. The section emphasizes the importance of employees' health, proposing solutions for stress reduction and increased motivation.
Зміст: ВСТУП 10 РОЗДІЛ 1 АНАЛІЗ ВИМОГ ТА ПОСТАНОВКА ЗАДАЧІ РОЗРОБКИ ІНТЕРНЕТ-МАГАЗИНУ DOLITTLE 12 1.1 Аналіз предметної області 12 1.2 Формування вимог до проєкту інтернет-магазину 14 1.3 Варіанти використання для інтернет-магазину 15 1.4 Вибір середовища розробки 18 1.5 Оґрунтування вибраного стеку технологій 20 1.6 Висновок до першого розділу 21 РОЗДІЛ 2 ПРОЄКТУВАННЯ ІНТЕРНЕТ-МАГАЗИНУ DOLITTLE 22 2.1 Архітектура інтернет-магазину 22 2.2 Аналіз функціональної моделі 25 2.3 Моделювання схем для інтернет-магазину 26 2.4 Структура бази даних 32 2.5 Бібліотеки для розробки клієнтської та серверної частин проєкту 34 2.6 Файлова структура проєкту 37 2.7 Обґрунтування кольорової схеми інтерфейсу користувача 38 2.8 Висновок до другого розділу 40 РОЗДІЛ 3 РЕАЛІЗАЦІЯ ІНТЕРНЕТ-МАГАЗИНУ DOLITTLE 41 3.1 Розробка серверної частини на базі CMS Strapi 41 3.2 Розробка клієнтської частини на базі фреймворка React 44 3.3 Наповнення інформацією про товари бази даних інтернет-магазину 52 3.4 Розгортання програмної інфраструктури інтернет-магазину 54 3.5 Валідація розмітки інтерфейсу користувача та тестування інтернет-магазину 55 3.6 Висновок до третього розділу 58 РОЗДІЛ 4 БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОСНОВИ ОХОРОНИ ПРАЦІ 59 4.1 Долікарська допомога при ураженні електричним струмом 59 4.2 Психофізіологічне розвантаження для працівників. 61 4.3 Висновок до четвертого розділу 64 ВИСНОВКИ 65 ПЕРЕЛІК ДЖЕРЕЛ 67 ДОДАТКИ
URI (Уніфікований ідентифікатор ресурсу): http://elartu.tntu.edu.ua/handle/lib/45701
Власник авторського права: © Гайда Софія-Наталія Олегівна, 2024
Перелік літератури: 1. QArea – eCommerce Website Development: Process, Tips, and More. [Електронний ресурс] – Режим доступу до ресурсу: https://qarea.com/blog/the-ultimate-guide-to-ecommerce-web-development
2. WebDev&SEO – Переваги інтернет-магазину над звичайною торговою точкою. [Електронний ресурс] – Режим доступу до ресурсу: https://webdevandseo.com/online-store-benefits/
3. Purchase Commerce – 10 Essential Ecommerce Website Requirements and Best-in-class Features. [Електронний ресурс] – Режим доступу до ресурсу: https://purchasecommerce.com/blog/10-essential-ecommerce-requirement-best-in-class-feature
4. IlionDigital – Правильна структура інтернет-магазину. [Електронний ресурс] – Режим доступу до ресурсу: https://ilion.digital/ua/pravilna-struktura-internet-magazinu/
5. LucidChard – UML Use Case Diagram Tutorial. [Електронний ресурс] – Режим доступу до ресурсу: https://www.lucidchart.com/pages/uml-use-case-diagram
6. Visual Studio Code – Documentation. [Електронний ресурс] – Режим доступу до ресурсу: https://code.visualstudio.com/docs
7. React – Початок роботи. [Електронний ресурс] – Режим доступу до ресурсу: https://uk.legacy.reactjs.org/docs/getting-started.html
8. DigitalOcean – SQLite vs MySQL vs PostgreSQL: A Comparison Of Relational Database Management Systems. [Електронний ресурс] – Режим доступу до ресурсу: https://www.digitalocean.com/community/tutorials/sqlite-vs-mysql-vs-postgresql-a-comparison-of-relational-database-management-systems
9. Strapi – Welcome to the Strapi Developer Docs!. [Електронний ресурс] – Режим доступу до ресурсу: https://docs.strapi.io/dev-docs/intro
10. Е. Фрімен. Патерни проєктування / Е. Фрімен, Е. Робсон, Б. Бейтс, К. Сьерра: пер. А. Якубовська. – Харків: Фабула, 2020. – 672 с.
11. AWS – What is PostgreSQL? [Електронний ресурс] – Режим доступу до ресурсу: https://docs.strapi.io/dev-docs/intro
12. IBM – The three tiers in detail. [Електронний ресурс] – Режим доступу до ресурсу: https://www.ibm.com/topics/three-tier-architecture
13. Готович, В. А., & Ралік, І. Р. (2022). Програмне забезпечення на основі клієнт-серверної архітектури для обліку реалізації товарів в торгівлі. Матеріали ⅩⅠ Міжнародної науково-практичної конференції молодих учених та студентів „Актуальні задачі сучасних технологій “, c. 126
14. EdrawMax – Everything about Functional Block Diagrams. [Електронний ресурс] – Режим доступу до ресурсу: https://edrawmax.wondershare.com/diagram-tips/function-block-diagram.html
15. VisualParadigm – All You Need to Know about State Diagrams. [Електронний ресурс] – Режим доступу до ресурсу: https://www.visual-paradigm.com/guide/uml-unified-modeling-language/about-state-diagrams/
16. GeeksforGeeks – Sequence Diagrams | Unified Modeling Language (UML). [Електронний ресурс] – Режим доступу до ресурсу: https://www.geeksforgeeks.org/unified-modeling-language-uml-sequence-diagrams/
17. IBM – The UML 2 class diagram. [Електронний ресурс] – Режим доступу до ресурсу: https://developer.ibm.com/articles/the-class-diagram/
18. Lucidchart – What is an Entity Relationship Diagram (ERD)? [Електронний ресурс] – Режим доступу до ресурсу: https://www.lucidchart.com/pages/er-diagrams
19. GeeksforGeeks – Axios in React: A Guide for Beginners. [Електронний ресурс] – Режим доступу до ресурсу: https://www.geeksforgeeks.org/axios-in-react-a-guide-for-beginners/
20. Strapi – Users & Permissions plugin. [Електронний ресурс] – Режим доступу до ресурсу: https://docs.strapi.io/dev-docs/plugins/users-permissions
21. Studio1Design – How Important is Color in Website Design? What do colors mean? [Електронний ресурс] – Режим доступу: https://studio1design.com/how-important-is-color-in-website-design/
22. Internetdevels – Build an emotional web design to give your website much more. What is emotional web design? [Електронний ресурс] – Режим доступу: https://internetdevels.com/blog/emotional-web-design
23. Publitas – The Benefits of Using Online Product Catalogs. [Електронний ресурс] – Режим доступу: https://www.publitas.com/blog/the-benefits-of-using-online-product-catalogs-and-whos-getting-it-right/
24. Restack – Strapi develop vs start comparison. [Електронний ресурс] – Режим доступу: https://www.restack.io/docs/strapi-knowledge-strapi-develop-vs-start
25. DigitalOcean – How To Use Axios with React. [Електронний ресурс] – Режим доступу: https://www.restack.io/docs/strapi-knowledge-strapi-develop-vs-start
26. Tutorialspoint – How to use the handleChange() function in react? [Електронний ресурс] – Режим доступу: https://www.tutorialspoint.com/how-to-use-the-handlechange-function-in-react-component
27. InfinityFree – Free Website Hosting. [Електронний ресурс] – Режим доступу: https://www.infinityfree.com/
28. Render – Cloud Application Hosting for Developers. [Електронний ресурс] – Режим доступу: https://render.com/
29. Cloudinary – Image and Video API Platform. Visualize Engaging Experiences. [Електронний ресурс] – Режим доступу: https://cloudinary.com/
30. Шевченко, Н. А., Валігула, М. В., Маєвський, Т. О., & Шимчук, Г. В. (2020). Огляд моделей хмарних послуг. Матеріали міжнародної наукової конференції „Іван Пулюй: життя в ім’я науки та України “(до 175-ліття від дня народження), 109-110.
31. W3C – Перевірка каскадних таблиць стилів (CSS) та документів (X)HTML з таблицями стилів. [Електронний ресурс] – Режим доступу: https://jigsaw.w3.org/css-validator/
32. Chrome for Developers. Lighthouse Overview. [Електронний ресурс] – Режим доступу: https://developer.chrome.com/docs/lighthouse/overview
33. Готович, В. А., & Мачужак, А. В. (2022). Застосування методології CI/CD для автоматизації процесів тестування та розгортання програмного забезпечення. Матеріали ⅩⅠ Міжнародної науково-практичної конференції молодих учених та студентів „Актуальні задачі сучасних технологій “, c. 131-132.
34. Бережи себе – Серцево-легенева реанімація: навички, які можуть врятувати людину. [Електронний ресурс] – Режим доступу: https://berezhy-sebe.com/navychky-sertsevo-lehenevoi-reanimatsii/
35. Gosta - Правила релаксації: 5 технік швидкої та дієвої релаксації. [Електронний ресурс] – Режим доступу: https://gosta.media/psyholohiya/pravyla-relaksatsii-5-tekhnik-shvydkoi-ta-diievoi-relaksatsii/
36. Охорона праці та пожежна безпека – Психофізіологічне перевантаження на роботі – як чинник виникнення травматизму. [Електронний ресурс] – Режим доступу: https://oppb.com.ua/news/psyhofiziologichne-perevantazhennya-na-roboti-yak-chynnyk-vynyknennya-travmatyzmu
37. Gov.ua – Перша допомога при ураженні електричним струмом. [Електронний ресурс] – Режим доступу: https://bozhedarivska-selrada.gov.ua/news/1576497483/
38. Курдибаха О. М. Вплив аутогенного тренування на психічні процеси. [Електронний ресурс] – Режим доступу до ресурсу: https://rehab.kyiv.ua/vpliv-autogennogo-trenuvannya-na-psihichni-protsesi/
39. Школа бізнесу. Нова Пошта – Нематеріальна мотивація: перелік лієвих способів підвищити залученість персоналу. [Електронний ресурс] – Режим доступу: https://online.novaposhta.education/blog/nematerialna-motivatsiya-perelik-diyevih-sposobiv-pidvischiti-zaluchenist-personalu
Тип вмісту: Bachelor Thesis
Розташовується у зібраннях:122 — Компʼютерні науки (бакалаври)

Файли цього матеріалу:
Файл Опис РозмірФормат 
2024_KRB_SN-41_Haida_S-N_O.pdf1,25 MBAdobe PDFПереглянути/відкрити


Усі матеріали в архіві електронних ресурсів захищені авторським правом, всі права збережені.

Інструменти адміністратора