Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал:
http://elartu.tntu.edu.ua/handle/lib/49574
Назва: | Розробка вебсайту інтернет-магазину фруктів «FreshFruit» з використанням HTML, CSS, PHP та JavaScript |
Інші назви: | Development of the «FreshFruit» Online Fruit Store Website Using HTML, CSS, PHP, and JavaScript |
Автори: | Олійник, Ірина Іванівна Oliinyk, Iryna Ivanivna |
Приналежність: | ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна |
Бібліографічний опис: | Олійник І. І. Розробка веб-сайту інтернет-магазину фруктів «Fresh Fruit» з використанням HTML, CSS, PHP та Java Script : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. Л. П. Дмитроца. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 85 с. |
Дата публікації: | 27-чер-2025 |
Дата подання: | 13-чер-2025 |
Дата внесення: | 5-лип-2025 |
Видавництво: | ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна |
Країна (код): | UA |
Місце видання, проведення: | Тернопіль |
Науковий керівник: | Дмитроца, Леся Павлівна Dmytrotsa, Lesia |
УДК: | 004.4 |
Теми: | 122 автоматизація веброзробка дизайн клієнт сервер тестування фрукти інтернет-магазин automation client design fruits online store server testing web development |
Діапазон сторінок: | 85 |
Короткий огляд (реферат): | Кваліфікаційна робота присвячена, розробці функціонального вебсайту інтернет-магазину фруктів «FreshFruit» з використанням HTML, CSS, PHP та JavaScript. Метою дослідження є створення зручного, привабливого та технологічно ефективного ресурсу для автоматизації продажів та врахування потреб як покупців, так і власників бізнесу.
У першому розділі кваліфікаційної роботи проаналізовано актуальність створення вебресерсу для продажу фруктами онлайн. Досліджено стан ринку інтернет-магазинів в Україні та світі, їх переваги і недоліки. Визначено особливості цільової аудиторії та конкурентного середовища. Сформульовано технічні вимоги до сайту і перелік повноцінного функціоналу для ефективної роботи інтернет-магазину «FreshFruit».
У другому розділі викладено технічне планування вебресурсу. Обгрунтовано вибір технологій, описано вимоги до хостингу та обрано найкращий варіант, визначено структуру клієнтської та серверної частини, продумано аспекти UI/UX-дизайну. Особливу увагу приділено проектуванні бази даних для збереження всієї інформації сайту.
У третьому розділі описано реалізацію всіх модулів сайту та проведено тестування ключових аспектів функціональності інтернет-магазину This qualification work is dedicated to the development of a functional website for the FreshFruit online fruit store using HTML, CSS, PHP, and JavaScript. The aim of the research is to create a convenient, attractive, and technologically advanced resource to automate sales and address the needs of both customers and business owners. The first chapter analyzes the relevance of creating a web resource for selling fruits online. It investigates the state of the online store market in Ukraine and worldwide, highlighting their advantages and disadvantages. The specifics of the target audience and competitive environment are defined. Technical requirements for the site and a list of full-fledged functionalities necessary for the effective operation of the FreshFruit online store are formulated. The second chapter presents the technical planning of the web resource. The choice of technologies is justified; hosting requirements and the selected database management system are described. The structure of the client and server sides is determined, and UI/UX design aspects are considered. Special attention is given to the design of the database for storing all site information. The third chapter describes the implementation of all site modules and the testing of key aspects of the online store’s functionality |
Опис: | Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 27.06.2025р. на засіданні екзаменаційної комісії №30 у Тернопільському національному технічному університеті імені Івана Пулюя |
Зміст: | РОЗДІЛ 1. АНАЛІЗ ЦІЛЬОВОЇ АУДИТОРІЇ ТА ВИЗНАЧЕННЯ ВИМОГ ДО РОЗРОБКИ ІНТЕРНЕТ-МАГАЗИНУ «FRESHFRUIT» 10 1.1 Дослідження сучасних тенденцій розвитку інтернет-магазинів 10 1.2 Переваги та недоліки інтернет-магазинів з позиції покупця і продавця 11 1.3 Особливості реалізації онлайн-продажу свіжих фруктів 13 1.3.1 Аналіз потенційних користувачів онлайн-сервісу «FreshFruit» 14 1.3.2 Вивчення основних конкурентів та учасників ринку 15 1.4 Постановка задачі, та визначення функціональних вимог до інтернет-магазину 19 РОЗДІЛ 2. ПРОЕКТУВАННЯ ТА ТЕХНІЧНЕ ПЛАНУВАННЯ ІНТЕРНЕТ-МАГАЗИНУ «FRESHFRUIT» 22 2.1 Загальний підхід до побудови вебресурсу 22 2.1.1 Вибір ефективної архітектури для інтернет-рішення 22 2.1.2 Розподілення ролей між клієнтською та серверною частинами 24 2.2 Добір інструментів реалізації інтернет-магазину FreshFruit 27 2.2.1 Вибір мов розмітки, стилів (HTML, CSS) і фреймворку (Bootstrap) для побудови інтерфейсу 28 2.2.2 Використання JavaScript для побудови динамічних елементів 29 2.2.3 Застосування PHP для серверної логіки 30 2.2.4 Обгрунтування вибору бази даних для збереження інформації 31 2.2.5 Технічні критерії вибору хостингової платформи 32 2.3 Використання UI/UX для сайту FreshFruit 33 2.4. Проектування бази даних 36 РОЗДІЛ 3. СТВОРЕННЯ ТА ФУНКЦІОНАЛЬНА РЕАЛІЗАЦІЯ ІНТЕРНЕТ-МАГАЗИНУ «FRESHFRUIT» 43 3.1 Реалізація модуля реєстрації користувачів і входу до системи 43 3.2 Формування структури стартової (головної) сторінки 46 3.3 Реалізація розділу з акційними пропозиціями, каталогом товарів та фільтрацією 50 3.4 Впровадження блоків інформації про переваги сервісу та контактної інформації сайту 56 3.5 Додавання функціоналу зібрання відгуків і оформлення підписки 58 3.6 Програмування логіки кошика та оформлення замовлення 60 3.7 Проведення тестових перевірок працездатності та зручності ресурсу 63 РОЗДІЛ 4. БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОСНОВИ ОХОРОНИ ПРАЦІ 68 4.1 Вимоги ергономіки до організації робочого місця оператора ПК 68 4.2 Психологічні чинники небезпеки при розробці сайту 70 4.3 Загальні вимоги безпеки з охорони праці для веб-розробника 72 ВИСНОВКИ 74 ПЕРЕЛІК ДЖЕРЕЛ 76 ДОДАТКИ |
URI (Уніфікований ідентифікатор ресурсу): | http://elartu.tntu.edu.ua/handle/lib/49574 |
Власник авторського права: | © Олійник Ірина Іванівна, 2025 |
Перелік літератури: | 1. Гузенко С., Міщенко С. Тренди українського e-commerce на 2025 рік. Elitweb. [Електронний ресурс]. – 2025. – Режим доступу до ресурсу: https://elit-web.ua/ua/blog/trendy-ukrainskogo-e-commerce-na-2025-god. (дата звернення: 08.05.2025). 2. Струтинська, І., Козбур, Г., Дмитроца, Л., Сороківська, О., Мельник, Л., та Грицеляк, Р. (вересень 2021 р.). Щодо концепції цифровізації малих та середніх підприємств в Україні: проблеми та рішення. У 2021 році на 11-й Міжнародній конференції з передових комп'ютерних інформаційних технологій (ACIT) (с. 276-279). IEEE. 3. Струтинська, І. В., Дмитроца, Л. П., Сороківська, О. А., & Козбур, Г. В. (2024). Особливості цифрового розвитку малого і середнього бізнесу України, країн Європи та G7. In Трансформація бізнесу для сталого майбутнього: дослідження, цифровізація та інновації: монографія (pp. 411-427). : ФОП Паляниця В. А. 4. Створення інтернет-магазину в Україні. Аналізуємо ринок. Lemarbet. [Електронний ресурс] – Режим доступу до ресурсу: https://lemarbet.com/ua/analitika/sozdanie-internet-magazina-v-ukraine-analiziruem-rynok/.(дата звернення: 10.05.2025). 5. Азізонова М. Інтернет-магазини vs офлайн: де купувати краще. Finance.ua. [Електронний ресурс] – Режим доступу до ресурсу: https://finance.ua/ua/goodtoknow/internet-mahazyny-vs-oflain-de-kupuvaty-krashche. (дата звернення: 11.05.2025). 6. Переваги та ризики купівлі в інтернеті. Vest.in. [Електронний ресурс] – Режим доступу до ресурсу: https://vest.in.ua/ua/interesnaya-informacuya/preimushchestva-i-riski-pokupki-v-internete. (дата звернення: 10.06.2025). 7. SEO-просування інтернет-магазину. Sendpulse. [Електронний ресурс]. – 2024. – Режим доступу до ресурсу: https://sendpulse.ua/blog/seo-promotion-of-online-store. (дата звернення: 11.05.2025). 8. @Альона. Як визначити цільову аудиторію. Idea Вigital. 10.05.2025. [Електронний ресурс] – Режим доступу до ресурсу: https://ideadigital.agency/blog/yak-viznachiti-tsilovu-auditoriyu/.(дата звернення: 13.05.2025). 9. Чому створення інтернет-магазину це один з кращих методів розширення бізнесу. LB.ua. [Електронний ресурс]. – 2023. – Режим доступу до ресурсу:https://lb.ua/tech/2023/10/23/579979_chomu_stvorennya_internetmagazinu_tse.html. (дата звернення: 13.05.2025). 10. Як правильно оформляти замовлення в інтернет-магазині?. Store Torgsoft. [Електронний ресурс] – Режим доступу до ресурсу: https://store.torgsoft.ua/blog/onlajnzamovlennia/?srsltid=AfmBOoohoV1Hlk2ADILfOi2qNcBOoxG3BDxZ_ak0cqy7eDasyhZdJRvl. (дата звернення: 20.05.2025). 11. Клієнт-серверна архітектура. СЕРВЕРНІ WEB-ТЕХНОЛОГІЇ : навчальний посібник / О. С. Бунке. Київ : КПІ ім. Ігоря Сікорського, 2023. С. 1–17. 12. Архітектура клієнт-сервер. Intelligent system design. [Електронний ресурс] – Режим доступу до ресурсу: https://www.intelsd.com/?tc=175&sc=197&lvl=2. (дата звернення: 20.05.2025). 13. Марголін О. Що таке UML-діаграми?. Evergreen.[Електронний ресурс]. – 2021. – Режим доступу до ресурсу: https://evergreens.com.ua/ua/articles/uml-diagrams.html. (дата звернення: 21.05.2025). 14. Олійник І. Технології Веб-розробки клієнт-серверного рішення для інтернет-комерції. VІII Міжнародна студентська науково - технічна конференція "Природничі та гуманітарні науки. Актуальні питання", Тернопіль, Тернопільський національний технічний уніерситет ім. І.Пулюя (м. Тернопіль. Україна, 24-25 квіт. 2025 р.), 2025. С.184-185. 15. Wolf J. HTML and CSS: The Comprehensive Guide. 2023. 814 с. ISBN 978‐1493224227. 16. HTML Довідник тегів. W3schoolsua. [Електронний ресурс] – Режим доступу до ресурсу: https://w3schoolsua.github.io/tags/index.html#gsc.tab=0. (дата звернення: 21.05.2025). 17. CSS властивостям. CSS.IN.UA. [Електронний ресурс] – Режим доступу до ресурсу: https://css.in.ua/css/properties. (дата звернення: 21.05.2025). 18. Вступ до JavaScript. Javascript.info. [Електронний ресурс] – Режим доступу до ресурсу: https://uk.javascript.info/intro. (дата звернення: 01.06.2025). 19. Федорова Н. О. Об’єктна модель документа. Всеосвіта. [Електронний ресурс] – Режим доступу до ресурсу: https://vseosvita.ua/lesson/obiektna-model-dokumenta-554110.html. (дата звернення: 01.06.2025). 20. PHP Підключення до MySQL. W3schoolsua. [Електронний ресурс] – Режим доступу до ресурсу: https://w3schoolsua.github.io/php/php_mysql_connect.html. (дата звернення: 02.06.2025). 21. Шпота, Т. О., & Палка, О. В. (2024). Огляд технологій аналізу даних. Збірник тез доповідей ⅩⅢ Міжнародної науково-практичної конференції молодих учених та студентів „Актуальні задачі сучасних технологій “, 507-507. 22. PHP + MySQL. ZNU. [Електронний ресурс] – Режим доступу до ресурсу: https://sites.znu.edu.ua/webprog/lect/1222.ukr.html. (дата звернення: 03.06.2025). 23. Суслов Р. Система управління базами даних MySQL. Lemon School. [Електронний ресурс] – Режим доступу до ресурсу: https://lemon.school/blog/systema-upravlinnya-bazamy-danyh-mysql. (дата звернення: 03.06.2025). 24. Що таке хостинг. HOSTIQ. [Електронний ресурс] – Режим доступу до ресурсу: https://hostiq.ua/ukr/info/what-is-hosting/ (дата звернення: 03.06.2025). 25. У чому особливості створення односторінкових сайтів?. Firtka. [Електронний ресурс]. – 2021. – Режим доступу до ресурсу: https://firtka.if.ua/blog/view/u-chomu-osoblivosti-stvorennia-odnostorinkovikh-saitiv. (дата звернення: 04.06.2025). 26. Як правильний вибір кольорової палітри може підвищити ефективність вашого сайту. CODE4U. [Електронний ресурс]. – 2024. – Режим доступу до ресурсу: https://code4u.com.ua/news/how-choosing-the-right-color-palette-can-improve-the-effectiveness-of-your-site/.(дата звернення: 04.06.2025). 27. Скиба, О. П., Назаревич, О. Б., & Шимчук, Г. В. (2019). Комп’ютерна графіка: методичний посібник та завдання до виконання графічних та самостійних робіт для студентів усіх форм навчання спеціальностей 122" Комп’ютерні науки" та 123" Комп’ютерна інженерія" з курсу" Комп’ютерна графіка". 28. Як працює психологія кольору в маркетингу: практичний посібник для бізнесу. SendPulse. [Електронний ресурс]. – 2024. – Режим доступу до ресурсу: https://sendpulse.ua/blog/color-psychology. (дата звернення: 04.06.2025). 29. Mykhailov V. Кольори в UX дизайні: підбір і взаємодія. DOU. [Електронний ресурс]. – 2023. – Режим доступу до ресурсу: https://dou.ua/forums/topic/43046/.(дата звернення: 04.06.2025). 30. Базовий погляд на типографіку у веб-дизайні. DIZZ. [Електронний ресурс] – Режим доступу до ресурсу: https://dizz.in.ua/uk/bazovij-poglyad-na-tipografiku-u-veb-dizajni/.(дата звернення: 06.06.2025). 31. Визначення в базі даних зв’язків між таблицями. StudFile. [Електронний ресурс]. – 2018. – Режим доступу до ресурсу: https://studfile.net/preview/5720747/page:51/.(дата звернення: 06.06.2025). 32. Хешування. VPN unlimited. [Електронний ресурс] – Режим доступу до ресурсу:https://www.vpnunlimited.com/ua/help/cybersecurity/hashing?srsltid=AfmBOop9OrwhB_xnSMD1p7LdhuvpysT1oOdEsc3u7N0OuWFpFa2Yb0t3. (дата звернення: 06.06.2025). 33. Моралес Д. Діаграма зв’язків сутностей: приклади, символи та вказівки для створення. MindOnMap. [Електронний ресурс]. – 2022. – Режим доступу до ресурсу: https://www.mindonmap.com/uk/blog/relationship-diagram/#part1. (дата звернення: 07.06.2025). 34. Гузенко С., Міщенко С. Як розробити стратегію бренду. elitweb. [Електронний ресурс]. – 2025. – Режим доступу до ресурсу: https://elit-web.ua/ua/blog/kak-razrabotat-strategiju-brenda (дата звернення: 07.06.2025). 35. Які сторінки мають бути на сайті інтернет-магазину. FISHDIGITAL. [Електронний ресурс]. – 2023. – Режим доступу до ресурсу: https://www.fishdigital.agency/blog-yaki-storinki-mayut-buti-na-sayti-internet-magazinu (дата звернення: 08.06.2025). 36. Акції для збільшення продажів: Які акції можна провести в магазині. HANDMADE HUB. [Електронний ресурс] – Режим доступу до ресурсу: https://handmade-hub.ua/aktsii-ohliad-osnovnykh-vydiv/ (дата звернення: 08.06.2025). 37. Тестування програмного забезпечення: типи, види та застосуванняи. FoxmindEd. [Електронний ресурс]. – 2023. – Режим доступу до ресурсу: https://foxminded.ua/testuvannia-prohramnoho-zabezpechennia/.(дата звернення: 09.06.2025). 38. Організація робочого місця оператора комп’ютерного набору. StudFile. [Електронний ресурс]. – 2025. – Режим доступу до ресурсу: https://studfile.net/preview/11787126/page:3/ (дата звернення: 10.06.2025). 39. Гандзюк М.П., Желібо Є.П., Халімовський М.О. Основи охорони праці: Підручник. 5-е вид. / За ред. М.П. Гандзюка. – К.: Каравела, 2018. – 384 с. |
Тип вмісту: | Bachelor Thesis |
Розташовується у зібраннях: | 122 — Компʼютерні науки (бакалаври) |
Файли цього матеріалу:
Файл | Опис | Розмір | Формат | |
---|---|---|---|---|
2025_KRB_SN-42_Oliinyk_II.pdf | Дипломна робота | 3,55 MB | Adobe PDF | Переглянути/відкрити |
Усі матеріали в архіві електронних ресурсів захищені авторським правом, всі права збережені.
Інструменти адміністратора