Серверна частина WEB-ресурсу з продажу японського чаю

Марунич, Ігор Миколайович

Please use this identifier to cite or link to this item: https://er.chdtu.edu.ua/handle/ChSTU/5464

Title:	Серверна частина WEB-ресурсу з продажу японського чаю
Authors:	Рудницький, Сергій Володимирович Марунич, Ігор Миколайович
Keywords:	web-ресурси;сервер;стек;інформаційні технології;PHP
Issue Date:	14-Jun-2023
Abstract:	У сучасному цифровому світі інтернет-технології займають центральне місце в розвитку бізнесу та комунікацій. Зростаюча популярність онлайн-торгівлі та зручність електронних платформ для споживачів перетворюють веб-ресурси в необхідну складову сучасного бізнесу. Особливо важливими є онлайн магазини, які надають споживачам можливість придбати продукти та послуги в будь-який зручний для них час, не покидаючи зону комфорту власного домашнього середовища. Виникнення та поширення онлайн магазинів значно змінило спосіб, яким люди здійснюють покупки. Замість того, щоб витрачати час на пошук товарів у фізичних магазинах, споживачі можуть швидко та зручно ознайомитись з асортиментом продуктів та здійснити покупку всього лише за кілька кліків миші. Це дає їм можливість зекономити час і зусилля, а також забезпечує широкий вибір товарів та доступні ціни. Об'єктом дослідження є інтернет-платформа, що надає користувачам можливість здійснювати замовлення та придбання японського чаю. Предметом дослідження є серверна частина web-ресурсу і всі її аспекти, які включають архітектуру системи, вибір і налаштування технологій та інструментів, розробку бекенд-функцій, інтеграцію з базою даних, а також аспекти, пов'язані з ефективним функціонуванням серверної частини web-ресурсу з продажу японського чаю. Метою кваліфікаційної роботи бакалавра є розробка серверної частини вебресурсу з продажу японського чаю.
URI:	https://er.chdtu.edu.ua/handle/ChSTU/5464
Appears in Collections:	126 Інформаційні системи та технології (Web-технології, web-дизайн)

Files in This Item:

File	Description	Size	Format
РЕП_БАК_Марунич_WebC-2111.pdf Restricted Access	Серверна частина WEB-ресурсу з продажу японського чаю	2.27 MB	Adobe PDF	View/Open Request a copy

Show full item record

Extracted text

МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
ФАКУЛЬТЕТ ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ І СИСТЕМ
КАФЕДРА ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ ПРОЕКТУВАННЯ

ПОЯСНЮВАЛЬНА ЗАПИСКА
до кваліфікаційної роботи бакалавра
на тему: «Серверна частина WEB-ресурсу з продажу японського чаю»
Виконав: здобувач першого
(бакалаврського) рівня вищої освіти
4 курсу, групи WebС-2111
Спеціальності 126 Інформаційні
системи та технології
ОП «Web-технології, Web-дизайн»
Марунич Ігор Миколайович
Керівник: к.т.н. доцент кафедри ІПТ
Рудницький Сергій Володимирович
Рецензент: к.т.н., доцент кафедри
техніки та засобів цивільного захисту
Черкаський інститут пожежної безпеки
імені Героїв Чорнобиля Національного
університету цивільного захисту
України Мельник Руслан Павлович

Черкаси 2023
`

ЗМІСТ

ВСТУП ............................................................................................................................. 5
1 АНАЛІТИЧНА ЧАСТИНА ...................................................................................... 7
1.1 Цілі, принципи, переваги застосування web-ресурсів .................................. 7
1.2 Вимоги до web-ресурсуів ..................................................................................... 9
1.3 Огляд існуючих аналогів і їх порівняння ..................................................... 10
1.4 Висновок до частини 1 ...................................................................................... 14
2. ПРОЕКТУВАННЯ WEB-РЕСУРСУ ................................................................... 16
2.1 Постановка задачі .............................................................................................. 16
2.2 Можливості web-ресурсу .................................................................................. 16
2.3 Стек технологій .................................................................................................. 20
2.4 Проектування бази даних ................................................................................. 27
2.5 Висновок до частини 2 ...................................................................................... 30
3. РЕАЛІЗАЦІЯ WEB-РЕСУРСУ ............................................................................. 32
3.1 Реалізація бази даних ........................................................................................ 32
3.2 Реалізація бекенду користувацької частини ................................................ 35
3.3 Реалізація бекенду адмінської частини ......................................................... 41
3.4 Висновок до частини 3 ...................................................................................... 43
ВИСНОВКИ ................................................................................................................. 45
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ ................................................................ 46
ПРОГРАМНІ ЗАСОБИ .............................................................................................. 48
ДОДАТОК А 482 ЧДТУ 232230 – 01 «Серверна частина WEB-ресурсу з
продажу японського чаю». Специфікація .............................................................. 49
ДОДАТОК Б 482 ЧДТУ 232230 – 01 12 01 Текст програми ............................... 51

ЧДТУ 232230.003 ПЗ
Зм. Лист № докумемента Підпис Дата

Розроб. Марунич І.М. Літ. Лист Листів
Перев. Рудницький С.В Серверна частина WEB-ресурсу з продажу Н 2 46
Реценз.. Мельник Р.П. японського чаю

ФІТІС,
Н .контр . Рудницький С.В
Пояснювальна записка
Затв. ПрокопенкоТ.О. ЧДТУ 2 кПафедра ІТП Лист
, WEBC-2111
32230.003 З
3
Зм Арк. № докум. Пiдпис. Дата

нт
`

СПИСОК СКОРОЧЕНЬ ТА УМОВНИХ ПОЗНАЧЕНЬ

PHP – Скриптова мова програмування на стороні вебсерверу.
URL – Унікальна адреса ресурсу.
MySQL – Система керування реляційними базами даних.
SQL - Мова запросів до бази данних.
PhpMyAdmin – Веб-інтерфейс для адміністрування баз даних MySQL.
ПЗ – Програмне забезпечення.
БД – База даних
HTML – Мова розмітки документів.
Лист
ЧДТУ 232230.003 ПЗ
4
Зм Арк. № докум. Пiдпис. Дата
нт
`

ВСТУП

У сучасному цифровому світі інтернет-технології займають центральне
місце в розвитку бізнесу та комунікацій. Зростаюча популярність онлайн-торгівлі
та зручність електронних платформ для споживачів перетворюють веб-ресурси в
необхідну складову сучасного бізнесу. Особливо важливими є онлайн магазини, які
надають споживачам можливість придбати продукти та послуги в будь-який
зручний для них час, не покидаючи зону комфорту власного домашнього
середовища.
Виникнення та поширення онлайн магазинів значно змінило спосіб, яким
люди здійснюють покупки. Замість того, щоб витрачати час на пошук товарів у
фізичних магазинах, споживачі можуть швидко та зручно ознайомитись з
асортиментом продуктів та здійснити покупку всього лише за кілька кліків миші.
Це дає їм можливість зекономити час і зусилля, а також забезпечує широкий вибір
товарів та доступні ціни.
Об'єктом дослідження є інтернет-платформа, що надає користувачам
можливість здійснювати замовлення та придбання японського чаю.
Предметом дослідження є серверна частина web-ресурсу і всі її аспекти, які
включають архітектуру системи, вибір і налаштування технологій та інструментів,
розробку бекенд-функцій, інтеграцію з базою даних, а також аспекти, пов'язані з
ефективним функціонуванням серверної частини web-ресурсу з продажу
японського чаю.
Метою кваліфікаційної роботи бакалавра є розробка серверної частини веб-
ресурсу з продажу японського чаю.
Для досягнення поставленої мети, необхідно вирішити наступні завдання:
 Розглянути цілі, принципи, переваги застосування веб-ресурсів.
 Провести огляд існуючих аналогів та порівняти їх.
 Провести постановку задач для веб-ресурсу.
 Визначити можливості веб-ресурсу.
Лист
ЧДТУ 232230.003 ПЗ
5
Зм Арк. № докум. Пiдпис. Дата
нт
`

 Вибрати стек технологій.
 Провести проектування бази даних.
 Реалізувати базу даних.
 Реалізувати бекенд користувацької частини.
 Реалізувати бекенд адмінської частини.
Лист
ЧДТУ 232230.003 ПЗ
6
Зм Арк. № докум. Пiдпис. Дата
нт
`

1 АНАЛІТИЧНА ЧАСТИНА

1.1 Цілі, принципи, переваги застосування web-ресурсів
Цілі web-ресурсів
Застосування веб-ресурсів має ряд цілей, що сприяють успіху бізнесу та
поліпшенню взаємодії з користувачами.
Перша ціль полягає у залученні нових клієнтів. Веб-ресурси надають
можливість привернути увагу нових користувачів, що дозволяє розширити базу
клієнтів і збільшити обсяги продажів. Вони створюють зручний і доступний канал
для представлення продуктів або послуг, що приваблює потенційних клієнтів.
Друга ціль полягає в поліпшенні взаємодії з клієнтами. Веб-ресурси
дозволяють створити платформу для ефективної комунікації з клієнтами. Вони
забезпечують можливість отримання швидкого зворотного зв'язку, розміщення
відгуків, запитань та коментарів, що сприяє поліпшенню якості обслуговування та
задоволенню потреб клієнтів.
Третя ціль полягає в підвищенні свідомості про бренд. Веб-ресурси
дозволяють підприємствам ефективно презентувати свій бренд та його цінності.
Вони створюють можливість розповісти про історію компанії, її місію та
унікальність, що допомагає залучати нових клієнтів та підтримувати лояльність
існуючих.
Четверта ціль полягає в автоматизації процесів. Веб-ресурси дозволяють
автоматизувати рутинні операції, такі як обробка замовлень, оплата, відстеження
доставки тощо. Це поліпшує ефективність роботи, зменшує ризик помилок та
прискорює обслуговування клієнтів.
П'ята ціль полягає в розширенні географії бізнесу. Застосування веб-
ресурсів дозволяє підприємствам перетнути межі фізичного простору та працювати
на глобальному ринку. Це дає можливість залучати клієнтів з усього світу та
розширювати свою аудиторію, збільшуючи потенційний обсяг продажів.

Лист
ЧДТУ 232230.003 ПЗ
7
Зм Арк. № докум. Пiдпис. Дата
нт
`

Принципи web-ресурсів
Застосування веб-ресурсів ґрунтується на кількох важливих принципах, що
визначають їх ефективність та успішність в діловому середовищі.
Початковий принцип - це зручність та доступність. Веб-ресурси повинні
бути легкими у використанні та надати зручний інтерфейс користувачам. Це
означає, що навігація по сайту повинна бути логічною та зрозумілою, інформація
повинна бути легко доступною та зрозумілою для всіх категорій користувачів.
Інший важливий принцип - це привабливий дизайн та візуальна
привабливість. Веб-ресурси повинні мати привабливий зовнішній вигляд,
використовувати відповідну колірну гаму, графічні елементи та фотографії, що
сприяють позитивному враженню від сайту. Привабливий дизайн сприяє
покращенню взаємодії користувача з сайтом та змушує його залишатися на сайті
на довше.
Також, принцип безпеки є необхідним для застосування веб-ресурсів. Веб-
ресурси повинні забезпечувати безпеку і конфіденційність персональних даних
користувачів. Це включає використання шифрування, захист від хакерських атак,
регулярні оновлення програмного забезпечення та використання надійних
механізмів аутентифікації.
Ще один принцип - це швидкодія та ефективність. Веб-ресурси повинні
працювати швидко та ефективно, надаючи користувачам необхідну інформацію та
функціонал у найкоротший термін. Швидкодія є ключовою для задоволення потреб
користувачів і забезпечення позитивного враження від веб-ресурсу.
Останній принцип - це гнучкість та розширюваність. Веб-ресурси повинні
мати гнучкість для адаптації до змін у вимогах та потребах бізнесу. Вони повинні
бути легко розширюваними, щоб враховувати нові функціональні можливості та
вимоги користувачів. Гнучкість дозволяє веб-ресурсам бути актуальними та
конкурентоздатними у швидкозмінному цифровому середовищі.
Переваги застосування web-ресурсів
Застосування веб-ресурсів має значний ряд переваг, які сприяють успіху
підприємств і організацій у цифровому світі.
Лист
ЧДТУ 232230.003 ПЗ
8
Зм Арк. № докум. Пiдпис. Дата
нт
`

Забезпечують глобальну присутність. Вони дозволяють підприємствам бути
доступними для користувачів з усього світу. Це відкриває безліч можливостей для
залучення нових клієнтів, розширення аудиторії та розширення ринків збуту.
Забезпечують зручність для користувачів. Клієнти можуть здійснювати
покупки, отримувати інформацію чи взаємодіяти з підприємством в будь-який
зручний для них час, без необхідності відвідувати фізичні магазини або офіси.
Дозволяють підприємствам ефективно просувати свої товари або послуги.
Вони надають можливість використовувати цифрові маркетингові стратегії, такі як
пошукова оптимізація, контекстна реклама, соціальні медіа тощо, для залучення
уваги клієнтів та збільшення продажів.
Дозволяють зменшити витрати підприємства. Вони можуть замінити
традиційні канали продажу або комунікації, що дозволяє підприємствам економити
на оренді приміщень, зарплаті персоналу та інших витратах.
Надають можливість збирати та аналізувати дані про користувачів та їх
поведінку. Це дозволяє підприємствам краще розуміти свою аудиторію,
вдосконалювати свої продукти та послуги, персоналізувати комунікацію з
клієнтами та досягати кращих результатів.
Враховуючи всі ці переваги, веб-ресурси стають необхідним інструментом
для підприємств у сучасному світі. Вони допомагають залучати нових клієнтів,
поліпшувати комунікацію, економити ресурси та досягати більшого успіху в
конкурентному середовищі.

1.2 Вимоги до web-ресурсуів
Веб-ресурси мають виконувати певні вимоги для того, щоб бути успішними
та задовольняти потреби користувачів.
Для цього він повинен мати визначену та реалізовану функціональність, яка
відповідає його призначенню та завданням. Наприклад, якщо це онлайн-магазин,
він повинен мати можливість додавання товарів до кошика, оформлення
замовлення та оплати, а також відстеження стану доставки.
Сайт повинен бути надійним та стабільним у роботі. Він повинен мати
Лист
ЧДТУ 232230.003 ПЗ
9
Зм Арк. № докум. Пiдпис. Дата
нт
`

високу доступність, мінімізувати можливість виникнення помилок або відмов та
швидко відновлюватися у разі виникнення проблем.
Має бути забезпечений високий рівень безпеки, особливо коли мова йде про
обробку конфіденційної інформації користувачів, такої як особисті дані та
банківські реквізити. Він повинен мати захищені механізми автентифікації,
шифрування даних та захист від зломів та кібератак.
Система повинна працювати ефективно та швидко, надаючи користувачам
мінімальний час очікування та забезпечуючи швидку відповідь на їх запити. Це
стосується як завантаження сторінок, так і обробки запитів до бази даних та інших
функцій ресурсу.
Також веб-ресурс повинен бути сумісним з різними браузерами та
пристроями. Він повинен належним чином відображатися та працювати на
комп'ютерах, планшетах, смартфонах та інших пристроях, забезпечуючи зручну
навігацію та користувацький досвід на кожному з них.
Ці вимоги допомагають створити веб-ресурс, який є функціональним,
надійним, безпечним, ефективним та зручним для користувачів, забезпечуючи їм
приємний та задоволений досвід взаємодії з ним.

1.3 Огляд існуючих аналогів і їх порівняння
Інтернет-магазин чаю New Tea
NewTea.ua[9] вражає своєю естетикою та дизайном. Інтерфейс сайту
приваблює оком та має чистий, сучасний вигляд. Використання яскравих
зображень японського чаю та привабливих візуальних елементів створює затишну
атмосферу, сприяючи цікавості користувачів. Головну сторінку інтернет-магазину
чаю New Tea наведено на рисунку 1.1.
Лист
ЧДТУ 232230.003 ПЗ
10
Зм Арк. № докум. Пiдпис. Дата
нт
`

Рисунок 1.1 – Головна сторінка сайту New Tea

Оглядаючи розділи та структуру сайту, відзначено зручну навігацію та
логічне розташування контенту. Головне меню містить категорії чаю, акції, новини
та інші корисні посилання. Також, наявність пошуку та фільтрів дозволяє швидко
знаходити бажані продукти.
Сторінки товарів містять інформацію про кожен продукт, включаючи опис,
характеристики, зображення та ціни. Ця детальна інформація допомагає
користувачам зробити обізнаний вибір та зрозуміти, що вони купують.
Один із важливих аспектів, що варто відзначити, - це наявність розділу зі
зворотним зв'язком та відгуками клієнтів. Це дозволяє покупцям залишати свої
відгуки та оцінки товарів, що сприяє довірі до магазину та надає іншим
користувачам додаткову інформацію для прийняття рішення.
На сайті також доступна інформація про доставку, оплату та зворотній
зв'язок з командою магазину. Це створює враження професійного підходу до
обслуговування клієнтів та робить процес покупок зручним та надійним.
У загальному, веб-ресурс NewTea.ua викликає позитивне враження своєю
естетикою, зручним інтерфейсом та детальною інформацією про продукти. Сайт
пропонує широкий вибір японського чаю та надає зручні можливості для покупок
та комунікації з командою магазину.
Інтернет-магазин чаю JapaneseGreenTeaShops
JapaneseGreenTeaShops.com[10] привертає увагу своїм простим і
Лист
ЧДТУ 232230.003 ПЗ
11
Зм Арк. № докум. Пiдпис. Дата
нт
`

лаконічним
дизайном. Веб-сайт має чистий та зрозумілий інтерфейс, який допомагає
користувачам швидко зорієнтуватися на сайті та знайти потрібну інформацію.
Головну сторінку інтернет-магазину чаю JapaneseGreenTeaShops наведено на
рисунку 1.2.

Рисунок 1.2 – Головна сторінка сайту JapaneseGreenTeaShops

Оглядаючи розділи та структуру сайту, відзначено його зручну навігацію.
Головне меню містить категорії чаю, акції та інші важливі посилання. Крім того,
на кожній сторінці є пошук, що дозволяє знайти конкретні види чаю або продукти
швидко і ефективно.
Сторінки товарів містять детальну інформацію про кожен продукт,
включаючи опис, характеристики, зображення та ціни. Користувачам надається
можливість додати обраний чай до кошика та зробити покупку в кілька кліків.
На сайті також доступні відгуки та рейтинги клієнтів, які додають більшу
достовірність та довіру до продуктів. Крім того, інформація про способи оплати,
доставку та зворотній зв'язок з командою магазину легко доступна та зрозуміла.
У загальному, веб-ресурс JapaneseGreenTeaShops.com надає зручну та
просту платформу для придбання японського чаю. Сайт має зрозумілий дизайн,
великий вибір продуктів та важливу інформацію, необхідну для користувачів.

Лист
ЧДТУ 232230.003 ПЗ
12
Зм Арк. № докум. Пiдпис. Дата
нт
`

Інтернет-магазин чаю Kusmi Tea
Kusmi Tea[11] привертає увагу своїм стильним та елегантним дизайном веб-
сайту. Він використовує приємні кольори, візуальні елементи та зображення, що
створюють привабливу атмосферу та передають високу якість продукції. Головну
сторінку інтернет-магазину чаю JapaneseGreenTeaShops наведено на рисунку 1.3.

Рисунок 1.3 – Головна сторінка сайту Kusmi Tea

Оглядаючи структуру сайту, відзначено зручну навігацію та інтуїтивно
зрозуміле розташування основних розділів. Категорії чаю, акції та новини легко
доступні з головного меню, а додаткова інформація про бренд та процес
виробництва може бути знайдена в розділі "Про Kusmi Tea".
Сторінки товарів містять вичерпну інформацію про кожен продукт,
включаючи опис смаку, склад, спосіб приготування та рекомендації. Крім того,
доступні відгуки клієнтів, що додають більшу достовірність та довіру до продуктів.
Особливу увагу слід звернути на можливості персоналізації замовлення.
Клієнти можуть вибрати кількість, упакування та додаткові аксесуари для чаю, що
додає індивідуальності та вибірковості.
Однією з переваг Kusmi Tea є широкий спектр варіантів доставки,
включаючи міжнародну доставку, що дозволяє клієнтам з усього світу
насолоджуватися якісним чаєм.
У загальному, веб-ресурс Kusmi Tea пропонує елегантну та зручну
платформу для придбання чаю високої якості. Веб-сайт має привабливий дизайн,
Лист
ЧДТУ 232230.003 ПЗ
13
Зм Арк. № докум. Пiдпис. Дата
нт
`

широкий вибір продуктів, важливу інформацію та зручні опції персоналізації
замовлення.
Порівняння аналогів.
Порівняння сайтів-аналогів за низкою критеріїв наведена у таблиці 1.1
Таблиця 1.1 Порівняння аналогів.
Розроблюваний
Функціональність Newtea.ua Japanesegreenteashops.com Kusmitea.com
веб-ресурс
Категорії чаю Присутні Присутні Присутні Присутні
Кнопка в гору Відсутня Присутня Відсутня Присутня
Відстеження
Так Ні Так Так
замовлень
Міжнародна
Відсутня Присутня Присутня Відсутня
доставка
Підписка на
Так Так Ні Ні
новини
Картка,
Картка,
Картка, готівка,
Опції оплати Картка, PayPal, готівка PayPal,
готівка накладений
готівка
платіж
Лист бажаного Так Так Ні Так

1.4 Висновок до частини 1
В цій частині розглянуто цілі, принципи, переваги застосування web-
ресурсів, вимоги до них та огляд існуючих аналогів, з'ясовано важливі аспекти,
пов'язані з розробкою та використанням веб-ресурсів.
Цілі застосування веб-ресурсів полягають у створенні зручного та
ефективного середовища для взаємодії з користувачами, сприянні комунікації та
розвитку бізнесу. Принципи їх застосування передбачають забезпечення
функціональності, надійності, безпеки та ефективності веб-ресурсу.
Переваги використання web-ресурсів включають глобальний доступ,
легкість оновлення та модифікації, масштабованість та зручну навігацію для
користувачів. Вони дозволяють підвищити продуктивність та
Лист
ЧДТУ 232230.003 ПЗ
14
Зм Арк. № докум. Пiдпис. Дата
нт
`

конкурентоспроможність бізнесу, а також забезпечують зручність та задоволення
користувачів.
Вимоги до web-ресурсів включають функціональність, надійність, безпеку,
ефективність та сумісність з різними пристроями та браузерами. Відповідність цим
вимогам є ключовим фактором для забезпечення успіху та задоволення потреб
користувачів.
Під час огляду існуючих аналогів виявлені різні веб-ресурси, їх переваги та
недоліки. Порівняння цих аналогів допомогло виокремити сильні та слабкі
сторони.

Лист
ЧДТУ 232230.003 ПЗ
15
Зм Арк. № докум. Пiдпис. Дата
нт
`

2. ПРОЕКТУВАННЯ WEB-РЕСУРСУ

2.1 Постановка задачі
Для реалізації серверної частини WEB-ресурсу необхідно вибрати
відповідні технології, мови програмування та інші інструменти, які будуть
використовуватись. Під час цього процесу важливо враховувати вимоги до веб-
русурсу.
Для ефективного управління та збереження інформації про продукти,
клієнтів, замовлення та інші дані, необхідно розробити та реалізувати базу даних.
Це включає створення оптимальної структури таблиць та налагодження зв'язків
між ними.
Необхідно розробити серверні компоненти, які будуть відповідати за логіку
обробки запитів клієнтів, авторизацію, опрацювання замовлень, керування
продуктами та інші функції, необхідні для роботи веб-ресурсу.

2.2 Можливості web-ресурсу
Серверна частина веб-ресурсу з продажу японського чаю надає різноманітні
можливості для користувачів, щоб забезпечити їм зручність та персоналізований
досвід покупок.
Реєстрація та авторизація користувачів
Користувачі мають можливість створити обліковий запис, ввівши свої
особисті дані, або увійти в систему з використанням свого існуючого облікового
запису.
Збереження особистої інформації
Після реєстрації користувачі можуть зберегти свою особисту інформацію,
таку як адреса доставки, контактні дані тощо, щоб спростити процес оформлення
замовлення у майбутньому.
Лист
ЧДТУ 232230.003 ПЗ
16
Зм Арк. № докум. Пiдпис. Дата
нт
`

Перегляд історії замовлень
Користувачі можуть переглядати свою історію замовлень, що дозволяє
зручно відстежувати та контролювати свої покупки.
Відстеження статусу замовлень
Після оформлення замовлення користувачі можуть відстежувати його
статус, дізнаватись про етапи обробки та доставки, що забезпечує прозорість та
впевненість в процесі.
Зміна паролю та особистих даних
Користувачі мають можливість змінити свій пароль та оновити особисті дані, такі
як адреса, номер телефону тощо, для покращення безпеки та актуальності
інформації.
Система пошуку
Користувачі можуть скористатися системою пошуку, щоб швидко знайти
потрібний товар за назвою.
Додавання товарів у лист бажань
Користувачі можуть додавати певні товари до свого списку бажань, що
дозволяє зберігати цікаві позиції та легко знайти їх у майбутньому.
Додавання товарів у кошик
Користувачі можуть додавати товари до свого кошика покупок, що дозволяє
зберігати обрані позиції перед оформленням замовлення.
Оформлення замовлення
Користувачі мають можливість оформити замовлення, вказавши необхідну
кількість товарів, адресу доставки та інші деталі.
Вибір методу оплати
Серверна частина веб-ресурсу з продажу японського чаю надає різні методи
оплати, щоб задовольнити вподобання різних користувачів.
Перегляд категорій товарів
Користувачі можуть переглядати різні категорії товарів, що спрощує
навігацію по сайту та пошук необхідних позицій.
Лист
ЧДТУ 232230.003 ПЗ
17
Зм Арк. № докум. Пiдпис. Дата
нт
`

Перегляд підкатегорій товарів
В межах кожної категорії користувачі можуть знайти підкатегорії товарів, що
дозволяє зорієнтуватись у великому асортименті продукції.
Перегляд інформації про товар
Користувачі можуть докладно ознайомитись з кожним товаром, переглянути
його фото, опис, характеристики та ціну.
Перегляд відгуків про товар
Користувачі можуть читати відгуки і коментарі інших покупців щодо
товарів, що допомагає зробити об'єктивний вибір під час покупки.
Можливість залишити власний відгук про товар
Користувачі мають можливість залишити свою власну оцінку та відгук про
придбаний товар, що допомагає іншим покупцям у прийнятті рішення.
Зазначені можливості серверної частини веб-ресурсу з продажу японського
чаю спрямовані на забезпечення зручності, безпеки та задоволення потреб
користувачів у процесі онлайн-покупок. Вони сприяють персоналізації досвіду
користувачів, покращують ефективність та зручність процесу покупок через веб-
ресурс.
Адміністратори серверної частини веб-ресурсу з продажу японського чаю
мають доступ до розширених можливостей для керування та обробки різних
аспектів веб-ресурсу.
Авторизація адміністратора
Адміністратори мають спеціальний доступ до системи, що дозволяє їм
авторизуватися в системі за допомогою унікальних облікових даних.
Зміна пароля адміністратора
Адміністратори мають можливість змінити свій пароль для забезпечення
безпеки доступу до системи.
Обробка замовлень
Адміністратори можуть переглядати та обробляти замовлення, які надійшли
від користувачів. Вони можуть підтверджувати замовлення, встановлювати статуси,
відстежувати доставку та забезпечувати задоволення клієнтів.
Лист
ЧДТУ 232230.003 ПЗ
18
Зм Арк. № докум. Пiдпис. Дата
нт
`

Перегляд замовлень
Адміністратори можуть переглядати список всіх замовлень, зроблених на
веб-ресурсі. Це дозволяє зручно відстежувати та контролювати процес замовлень.
Створення та редагування категорій товарів
Адміністратори можуть створювати нові категорії товарів та редагувати
існуючі. Це дозволяє організувати товари в зручній і логічній структурі для
користувачів.
Створення та редагування підкатегорій товарів
Адміністратори можуть створювати підкатегорії товарів в межах кожної
категорії. Вони також можуть редагувати та видаляти існуючі підкатегорії.
Додавання нових товарів в магазин
Адміністратори можуть додавати нові товари до веб-ресурсу. Вони можуть
заповнювати деталі товару, встановлювати ціну, опис, зображення та іншу
інформацію.
Редагування та видалення товарів
Адміністратори мають можливість редагувати деталі товарів, включаючи
ціну, опис, зображення та іншу інформацію. Вони також можуть видаляти товари з
каталогу.
Перегляд списка користувачів
Адміністратори можуть переглядати список зареєстрованих користувачів
веб-ресурсу. Це дозволяє відстежувати активність користувачів та забезпечити
безпеку системи.
Перегляд журналу входу користувачів
Адміністратори можуть переглядати журнал входу користувачів, що містить
інформацію про дату та час входу, IP-адреси та інші деталі. Це дозволяє
контролювати доступ до системи та виявляти потенційні проблеми безпеки.
Можливості для адміністраторів серверної частини веб-ресурсу з продажу
японського чаю забезпечують їм повний контроль над ресурсом та його
функціоналом, що дозволяє зручно та ефективно керувати всіма аспектами веб-
ресурсу.
Лист
ЧДТУ 232230.003 ПЗ
19
Зм Арк. № докум. Пiдпис. Дата
нт
`

2.3 Стек технологій
Стек – це набір програмних компонентів, інструментів і технологій, які
використовуються для розробки та виконання додатків. Він являє собою своєрідну
“екосистему”, в якій кожен компонент виконує певну функцію і взаємодіє з іншими
компонентами для досягнення кінцевої мети – створення працюючого
застосунку.[12]
Стек технологій надає широкий набір інструментів і рішень, які дозволяють
розробникам створювати різноманітні функції та функціональність веб-ресурсу.
Він дозволяє використовувати різні мови програмування, бази даних, фреймворки
та бібліотеки, що розширює можливості розробки.
З використанням стеку технологій можна значно зменшити час і зусилля,
необхідні для розробки веб-ресурсу. Він надає готові рішення, шаблони та
компоненти, які прискорюють процес розробки та дозволяють зосередитися на
специфічних потребах проекту.
Стек технологій зазвичай пропонує сумісні інструменти та технології, що
дозволяють легко інтегрувати різні компоненти і сервіси у веб-ресурс. Це спрощує
розширення функціональності, взаємодію з іншими системами та інтеграцію
зовнішніх сервісів.
Застосування стеку технологій, які мають хорошу репутацію і підтримку
спільноти, допомагає забезпечити надійність та безпеку веб-ресурсу. Використання
відповідних інструментів для управління базами даних, захисту від атак та
моніторингу дозволяє зменшити ризики і забезпечити безперебійну роботу.
Стек технологій може бути налаштований для масштабування веб-ресурсу
в разі збільшення обсягу даних, трафіку або кількості користувачів. Це важливо для
забезпечення оптимальної продуктивності та швидкості роботи, коли веб-ресурс
набуває популярності та зростає його завантаження.
Використання стеку технологій у розробці cерверної частини веб-ресурсу з
продажу японського чаю дозволяє забезпечити широкий функціонал, ефективну
роботу, безпеку та зручність для користувачів, що допомагає підвищити веб-
ресурсу.
Лист
ЧДТУ 232230.003 ПЗ
20
Зм Арк. № докум. Пiдпис. Дата
нт
`

PhpStorm
JetBrains PhpStorm - це спеціалізований інструмент веб-розробки,
орієнтований на веб-додатки та інші види програм, які можна створити за
допомогою мови PHP і за допомогою HTML, JavaScript і CSS. Рішення PhpStorm
розгортає та синхронізує проекти через FTP. Середовище PhpStorm пропонує
функції автоматичного завершення мовних конструкцій PHP в коді, перевірки
коду, різних алгоритмів рефакторингу та швидкої навігації по коду.[13]
Основні можливості PhpStorm включають:
 Редактор коду: PhpStorm надає потужний редактор коду з підсвічуванням
синтаксису, автодоповненням, перетягуванням коду, рефакторингом та
багатьма іншими функціями, що полегшують написання коду.
 Підтримка PHP: PhpStorm має вбудовану підтримку мови PHP,
включаючи синтаксичний аналіз, відступи, автодоповнення функцій та
змінних, перевірку помилок та відлагодження коду.
 Управління проектом: PhpStorm дозволяє легко керувати PHP-проектами,
включаючи створення та налаштування проекту, організацію файлів та
папок, інтеграцію з системами контролю версій та інші функції для
управління проектом.
 Відлагодження: PhpStorm має вбудовану функцію відлагодження, що
дозволяє встановлювати точки зупинки, крокувати кодом, переглядати
значення змінних та виконувати інші операції для відлагодження PHP-
програм.
 Інтеграція з базами даних: PhpStorm підтримує підключення до різних баз
даних, таких як MySQL, PostgreSQL, SQLite та інших. Воно надає
можливість виконувати запити до бази даних, переглядати та редагувати
дані, створювати таблиці та інші операції.
 Підтримка інструментів розробки: PhpStorm інтегрується з різними
інструментами розробки, такими як Composer для управління
залежностями, PHPUnit для тестування коду, Xdebug для відлагодження,
Git для контролю версій та інші.
Лист
ЧДТУ 232230.003 ПЗ
21
Зм Арк. № докум. Пiдпис. Дата
нт
`

 Розширені можливості: PhpStorm дозволяє розширити свої можливості за
допомогою плагінів. Ви можете встановлювати різні плагіни для
покращення роботи з конкретними фреймворками, інструментами аналізу
коду, шаблонами та іншими функціями.
PhpStorm є потужним інструментом для розробки PHP-проектів, який надає
широкий набір можливостей для зручної та ефективної роботи розробників.
XAMPP
XAMPP - це абсолютно безкоштовний та простий у встановленні
дистрибутив Apache який містить MariaDB, PHP та Perl. Інсталяційний пакет був
розроблений таким чином, щоб бути неймовірно простим у встановленні та
використанні.[14]
Основні можливості XAMPP включають:
 Apache сервер: XAMPP поставляється з веб-сервером Apache, який
використовується для обробки запитів HTTP і відповіді на них. Ви можете
налаштовувати конфігурацію сервера та хостити свої веб-сайти на
локальному комп'ютері.
 MySQL база даних: XAMPP включає в себе MySQL, що дозволяє
створювати та управляти базами даних. Ви можете створювати таблиці,
виконувати запити, імпортувати та експортувати дані, робити резервні
копії баз даних та багато іншого.
 PHP та Perl: XAMPP містить пакети PHP і Perl, що дозволяють вам писати
скрипти та розробляти динамічні веб-сторінки. Ви можете
використовувати PHP або Perl для розробки веб-додатків та взаємодії з
базами даних.
 phpMyAdmin: XAMPP включає phpMyAdmin - веб-інтерфейс для
управління базами даних MySQL. З його допомогою ви можете зручно
працювати з базами даних, виконувати запити, керувати структурою та
даними.
Лист
ЧДТУ 232230.003 ПЗ
22
Зм Арк. № докум. Пiдпис. Дата
нт
`

 Додаткові інструменти: XAMPP також поставляється з деякими іншими
корисними інструментами, такими як FileZilla FTP-сервер, Mercury Mail
Server, Tomcat та інші.
PHP
PHP – скриптова мова програмування, застосовується для розробки додатків
та сайтів. На даний час він підтримується майже всіма хостинг-компаніями і є
одним із лідерів серед мов програмування, які застосовуються для написання
динамічних веб-сторінок.[15]
Основні особливості та можливості PHP включають:
 Веб-розробка: PHP забезпечує широкі можливості для створення веб-
додатків. Вона інтегрується з HTML та CSS, дозволяючи вставляти PHP-
код безпосередньо в веб-сторінки. Ви можете генерувати динамічний
контент, обробляти форми, зберігати дані в базі даних та багато іншого.
 Робота з базами даних: PHP підтримує багато різних систем управління
базами даних, таких як MySQL, PostgreSQL, Oracle і багато інших. Ви
можете здійснювати з'єднання з базою даних, виконувати запити,
отримувати та зберігати дані.
 Обробка форм: PHP має вбудовану підтримку для обробки даних,
введених користувачами через форми на веб-сторінках. Ви можете
перевіряти, валідувати та обробляти ці дані перед збереженням чи
використанням.
 Взаємодія з сервером: PHP може комунікувати з веб-сервером за
допомогою протоколу HTTP. Ви можете отримувати дані, встановлювати
заголовки, керувати сесіями, встановлювати кукі та багато іншого.
 Розширення та функціональність: PHP має велику кількість розширень та
бібліотек, що дозволяють розширити його функціональність. Ви можете
використовувати готові рішення для роботи з графікою, розробки
фреймворків, роботи зі сторонніми API та багато іншого.
Лист
ЧДТУ 232230.003 ПЗ
23
Зм Арк. № докум. Пiдпис. Дата
нт
`

PHP є популярною мовою програмування для розробки веб-додатків
завдяки своїй простоті в освоєнні, широкій підтримці та великому співтовариству
розробників.
MySQL
MySQL – це система управління реляційними базами. Її вихідний код
(СУРБД) відкрито. Використовується модель «клієнт-сервер». Комплекс програм
або ціла служба, яка використовується для роботи з базами на основі реляційної
моделі, називається СУРБД.[16] Модель «клієнт-сервер» зображено на рисунку 2.1.

Рисунок 2.1 – Модель «клієнт-сервер»

Основні особливості та можливості MySQL включають:
 Створення баз даних: MySQL дозволяє створювати реляційні бази даних
зі складними структурами, таблицями, полями та індексами. Ви можете
визначати типи даних, обмеження цілісності та встановлювати зв'язки між
таблицями.
 Запити до баз даних: MySQL надає мову запитів SQL для отримання,
вставки, оновлення та видалення даних з бази даних. Ви можете
виконувати складні запити, з'єднувати таблиці, фільтрувати та сортувати
дані за різними критеріями.
 Оптимізація продуктивності: MySQL має механізми для оптимізації
продуктивності запитів, такі як індексація, кешування, розділення таблиць
та розподілення даних. Ви можете налаштовувати індекси, оптимізувати
запити та налаштовувати параметри СУБД для досягнення кращої
продуктивності.
Лист
ЧДТУ 232230.003 ПЗ
24
Зм Арк. № докум. Пiдпис. Дата
нт
`

 Безпека даних: MySQL надає можливості для захисту даних, включаючи
автентифікацію користувачів, ролі та дозволи доступу до баз даних та
таблиць. Ви можете контролювати, хто має доступ до даних і які операції
можуть виконуватися.
 Масштабованість: MySQL підтримує горизонтальне та вертикальне
масштабування, що дозволяє розширити обсяг даних та продуктивність
СУБД. Ви можете розгортати кластери баз даних, реплікувати дані та
налаштовувати резервне копіювання для забезпечення надійності та
доступності даних.
SQL
Structured Query Language - мова структурованих запитів, яка була
розроблена для роботи з БД, а саме, щоб отримувати/добавляти/змінювати дані,
мати можливість опрацьовувати великі масиви інформації та швидко отримувати
структуровану та згруповану інформацію. Є багато варіантів мови SQL, але у них
всіх основні команди майже однакові.[17]
SQL надає розширений набір команд і виразів, які дозволяють виконувати
різні операції з базою даних:
 Створення таблиць і баз даних: SQL дозволяє створювати таблиці з
визначенням їх структури, полів, типів даних та обмежень цілісності. Ви
можете також створювати бази даних та інші об'єкти, такі як кільця і
представлення.
 Вставка, оновлення та видалення даних: SQL дозволяє виконувати
операції вставки нових записів, оновлення існуючих записів та видалення
даних з таблиць бази даних. Ви можете вказувати умови, за якими
відбувається модифікація даних.
 Запити до баз даних: SQL надає потужні засоби для отримання даних з
бази даних за допомогою різних типів запитів. Ви можете виконувати
вибірки даних за умовами, з'єднувати таблиці, сортувати та групувати
дані, використовувати агрегатні функції та багато іншого.
Лист
ЧДТУ 232230.003 ПЗ
25
Зм Арк. № докум. Пiдпис. Дата
нт
`

 Управління правами доступу: SQL дозволяє встановлювати права доступу
до бази даних та її об'єктів. Ви можете контролювати, хто має доступ до
даних і які дії вони можуть виконувати.
 Створення та управління процедурами та функціями: SQL підтримує
створення процедур та функцій, що дозволяє зберігати набір інструкцій та
логіку операцій з базою даних. Це спрощує та поліпшує роботу з базою
даних.
PhpMyAdmin
PhpMyAdmin - це безкоштовний програмний інструмент, написаний на PHP,
який призначений для адміністрування сервера баз даних MySQL або MariaDB. Ви
можете використовувати phpMyAdmin для виконання більшості завдань
адміністрування, включаючи створення бази даних, запуск запитів і додавання
облікових записів користувачів.[18]
Основні можливості phpMyAdmin включають:
 Створення та видалення баз даних: phpMyAdmin надає можливість
створювати нові бази даних та видаляти існуючі.
 Управління таблицями: Ви можете створювати нові таблиці, редагувати їх
структуру (додавати, видаляти або змінювати стовпці), переглядати дані в
таблицях та виконувати різні операції, такі як сортування, фільтрація та
пошук.
 Виконання SQL-запитів: phpMyAdmin дозволяє виконувати власні SQL-
запити до бази даних, що надає велику гнучкість для роботи з даними.
 Управління користувачами та привілеями: Ви можете створювати нових
користувачів, надавати їм права доступу до баз даних та таблиць,
змінювати паролі користувачів та керувати їх привілеями.
 Імпорт та експорт даних: phpMyAdmin підтримує імпорт та експорт даних
у різних форматах, таких як SQL-скрипти, CSV-файли, XML-файли та
інші. Це дозволяє легко переміщувати дані між різними базами даних.
Лист
ЧДТУ 232230.003 ПЗ
26
Зм Арк. № докум. Пiдпис. Дата
нт
`

 Візуальне планування запитів: phpMyAdmin має вбудований інструмент
для візуального планування запитів, який допомагає оптимізувати та
аналізувати складні SQL-запити.
 Підтримка для розширень: phpMyAdmin підтримує різні розширення та
плагіни, які розширюють його функціональність та можливості.
PhpMyAdmin є популярним інструментом серед розробників та
адміністраторів баз даних MySQL, оскільки він надає зручний та потужний спосіб
управління базами даних через веб-інтерфейс.

2.4 Проектування бази даних
Проектування бази даних є важливою складовою розробки серверної
частини. Ефективне і добре спроектоване базове хранилище даних є фундаментом,
на якому будується функціональність і успішність системи. База даних забезпечує
збереження і керування різноманітною інформацією, включаючи дані
користувачів, замовлення, товари та інші важливі дані, що необхідні для
ефективної роботи веб-ресурсу.
При проектуванні бази даних треба враховувати вимоги веб-ресурсу,
забезпечуючи необхідну функціональність для користувачів і адміністраторів.
Правильне проектування бази даних забезпечить надійність, швидкодію та
простоту обробки інформації на веб-ресурсі.
1. Таблиця "Адміни":
 id: унікальний ідентифікатор адміна. Ключове поле
 ім'я: ім'я адміна
 пароль: захешований пароль адміна
 дата створення: дата створення акаунту адміна
 дата оновлення: дата останнього оновлення інформації про адміна
2. Таблиця "Категорії":
 id: унікальний ідентифікатор категорії. Ключове поле
 ім'я: назва категорії
Лист
ЧДТУ 232230.003 ПЗ
27
Зм Арк. № докум. Пiдпис. Дата
нт
`

 опис: опис категорії
 дата створення: дата створення категорії
 дата оновлення: дата останнього оновлення інформації про категорію
3. Таблиця "Замовлення":
 id: унікальний ідентифікатор адміна. Ключове поле
 ім'я: ім'я адміна
 пароль: захешований пароль адміна
 дата створення: дата створення акаунту адміна
 дата оновлення: дата останнього оновлення інформації про адміна
4. Таблиця " Історія замовлення":
 id: унікальний ідентифікатор замовлення. Ключове поле
 id користувача: id користувача, що зробив це замовлення
 id продукту: id продукту, що замовив користувач
 кількість: кількість, товару, що бажає замовник
 дата замовлення: дата коли оформлене замовлення
 метод оплати: метод оплати, що зручний для користувача
 статус: статус який має замовлення
5. Таблиця " Відгуки про товар":
 id: унікальний ідентифікатор відгуку. Ключове поле
 id товару: id товару, на який написаний цей відгук
 якість: рівень якості, який визначив користувач для цього товару
 ціна: рівень прийнятності ціни користувача для цього товару
 доставка: наскільки користувач задоволений доставкою
 пошта: електронна пошта користувача, що залишає відгук
 відгук: поле, де пишеться відгук про товар
 дата, дата написання відгуку
6. Таблиця "Товари":
 id: унікальний ідентифікатор товару. Ключове поле
 id категорії: id категорії, до якої відноситься цей товар
Лист
ЧДТУ 232230.003 ПЗ
28
Зм Арк. № докум. Пiдпис. Дата
нт
`

 id підкатегірії: id підкатегірії, до якої відноситься цей товар
 назва: назва товару
 країна: країна походженя товару
 ціна: ціна на товар
 ціна до знижки: ціна яку мав товар до знижки
 опис: опис товару
 зображення 1: посилання на зображення першого фото товару
 зображення 2: посилання на зображення другого фото товару
 зображення 3: посилання на зображення третього фото товару
 ціна доставки: ціна за доставку товару
 наявність: статус наявніості товару
 дата додавання товару: дата, коли товар додано в базу даних
 дата оновлення товару: дата коли інформацію про товар оновлено
7. Таблиця "Підкатегорії":
 id: унікальний ідентифікатор підкатегорії. Ключове поле
 id категорії: id категорії, до якої відноситься ця підкатегорія
 назва: назва підкатегорії
 дата створення: дата створення підкатегорії
 дата оновлення: дата останнього оновлення інформації про підкатегорію
8. Таблиця "Журнал користувачів":
 id: унікальний ідентифікатор журналу. Ключове поле
 пошта: пошта користувача, що здійснював вхід
 ip: ip з якого здійснювався вхід
 дата входу: дата входу в акаунт
 дата виходу: дата виходу з акаунту
 статус: статус чи успішний вхід
9. Таблиця "Користувачі":
 id: унікальний ідентифікатор користувача. Ключове поле
 ПІБ: прізвище, ім’я, по батькові користувача
Лист
ЧДТУ 232230.003 ПЗ
29
Зм Арк. № докум. Пiдпис. Дата
нт
`

 пошта: електронна пошта користувача
 номер: контактний телефон користувача
 пароль: захешований пароль користувача
 адреса доставки: назва вулиці, номер будинку, номер квартири доставки
 область доставки: область доставки
 місто доставки: місто доставки
 поштовий індекс доставки: поштовий індекс доставки
 платіжна адреса: назва вулиці, номер будинку, номер квартири
 платіжна область: область
 платіжне місто: місто
 платіжний поштовий індекс: поштовий індекс
 дата реєстрації: дата створення акаунту
 дата оновлення: дата оновлення інформації про користувача
10. Таблиця "Лист бажаного":
 id: унікальний ідентифікатор листа. Ключове поле
 id користувача: id користувача, що дадав собі товар
 id товару: id товару, що додав користувач
 дата: дата додавання

2.5 Висновок до частини 2
В цій частині виконані ключові пункти проектування веб-ресурсу з продажу
японського чаю. Виконана постановка задачі.
Визначені можливості веб-ресурсу. Вони включають можливості для
користувачів, такі як реєстрація, авторизація, перегляд історії замовлень та інші, а
також можливості для адміністраторів, такі як обробка замовлень, управління
товарами, категоріями та користувачами.
Для реалізації цих можливостей обраний стек технологій, до якого увійшли
PHPStorm, XAMPP, PHP, MySQL, SQL та phpMyAdmin. Ці інструменти надають
потужність та гнучкість для розробки та управління базою даних, серверною
Лист
ЧДТУ 232230.003 ПЗ
30
Зм Арк. № докум. Пiдпис. Дата
нт
`

частиною та функціональністю веб-ресурсу.
Окремо виконане проектування бази даних для веб-ресурсу. Визначені
необхідні таблиці, поля та зв'язки між ними, що забезпечують збереження та
організацію даних про користувачів, замовлення, товари та іншу інформацію, яка
потрібна для роботи ресурсу.
В цілому, на даному етапі роботи виконані важливі кроки проектування та
підготовки для реалізації серверної частини веб-ресурсу з продажу японського чаю.
Встановлені можливості та вибрані необхідні технології, а також спроектована база
даних, що покладає фундамент для подальшої розробки та реалізації
функціональності веб-ресурсу.
Лист
ЧДТУ 232230.003 ПЗ
31
Зм Арк. № докум. Пiдпис. Дата
нт
`

3. РЕАЛІЗАЦІЯ WEB-РЕСУРСУ

3.1 Реалізація бази даних
Процес створення бази даних за допомогою PhpMyAdmin включає кілька
кроків, які треба виконати для створення таблиць, визначити ключові поля та
встановити зв'язки між ними.
Перш за все, необхідно встановити та налаштувати PhpMyAdmin на сервері.
Цей інструмент надає веб-інтерфейс для керування базою даних MySQL і дозволяє
зручно працювати з таблицями та даними.
Після установки PhpMyAdmin, потрібно підключитись до бази даних,
створеної для веб-ресурсу.
За допомогою PhpMyAdmin створюю таблиці, що спроектовані в
попередньому розділі. Створені таблиці наведені в рисунку 3.1.

Рисунок 3.1 – Створені таблиці бази даних

Далі визначаємо ключові поля та зв’язки між таблицями. Структура таблиць
та бази даних наведена в русунках 3.2-3.12.

Рисунок 3.2 – Структура таблиці admin
Лист
ЧДТУ 232230.003 ПЗ
32
Зм Арк. № докум. Пiдпис. Дата
нт
`

Рисунок 3.3 – Структура таблиці category

Рисунок 3.4 – Структура таблиці orders

Рисунок 3.5 – Структура таблиці ordertrackhistory

Рисунок 3.6 – Структура таблиці productreviews
Лист
ЧДТУ 232230.003 ПЗ
33
Зм Арк. № докум. Пiдпис. Дата
нт
`

Рисунок 3.7 – Структура таблиці products

Рисунок 3.8 – Структура таблиці subcategory

Рисунок 3.9 – Структура таблиці userlog

Рисунок 3.10 – Структура таблиці users
Лист
ЧДТУ 232230.003 ПЗ
34
Зм Арк. № докум. Пiдпис. Дата
нт
`

Рисунок 3.11 – Структура таблиці wishlist

Рисунок 3.12 – Структура бази даних
В результаті виконання реалізована база даних для веб-ресурсу з продажу
японського чаю. Ця база даних буде забезпечувати збереження та організацію
інформації про користувачів, замовлення, товари та інші важливі дані, необхідні
для ефективної роботи веб-ресурсу. Реалізована база даних дозволить зручно
керувати даними, забезпечить цілісність і надійність інформації, а також
покращить швидкодію операцій з базою даних.

3.2 Реалізація бекенду користувацької частини
Процес реалізації користувацької серверної частини веб-ресурсу включає
багато етапів, в яких потрібно використатання інструментів, таких як PhpStorm, для
написання коду та XAMPP для створення та налаштування локального серверу.
Лист
ЧДТУ 232230.003 ПЗ
35
Зм Арк. № докум. Пiдпис. Дата
нт
`

Спочатку потрібно встановити та налаштувати локальний сервер. Для цього
використовується XAMPP, який є популярним пакетом для розробки веб-додатків.
Встановлюю XAMPP та запускаю його, налаштовую веб-сервер Apache та базу
даних MySQL. Вікно програми XAMPP наведено в рисунку 3.13.

Рисунок 3.13 – Вікно програми XAMPP

Після налаштування локального серверу відкриваю PhpStorm та завантажую
готовий фронтенд проект сайту.
Після відкривання проекту переходжу до написання серверної логіки,
використовуючи мову програмування PHP. Вікно програми PhpStorm наведено на
рисунку 3.14.

Рисунок 3.14 – Вікно програми PhpStorm
Лист
ЧДТУ 232230.003 ПЗ
36
Зм Арк. № докум. Пiдпис. Дата
нт
`

Для зв’язку з базою даних необхідно підключити її до веб-ресурсу, для
цього створено окремий php-файл “config.php”, в якому прописаний код
підключення до БД. Код підключення до БД наведено на рисунку 3.15.

Рисунок 3.15 – Код підключення бази даних

Наступний кроком необіхдно підключення файлу config.php до сторінок
сайту, які будуть взаємодіяти з БД. Код підключення config.php на сторінку наведено
на рисунку 3.16.

Рисунок 3.16 – Підключення config.php до сторінки

Після цього необхідно виокремити хеадер та футер в окремі php-файли та
підключити до кожної сторінки. Підключення хеадеру приаедено на рисунок 3.17.

Рисунок 3.17 – Підключення хеадера до сторінки

Для реалізації кнопки входу/виходу в хеадері додаю туди код, що
відслідковує сесію користувача, та виводить необхідну кнопку. Код кнопки
входу/виходу приведено на рисунку 3.18.
Лист
ЧДТУ 232230.003 ПЗ
37
Зм Арк. № докум. Пiдпис. Дата
нт
`

Рисунок 3.18 – Код кнопки входу/виходу в хеадері

Для реалізації функції реєстрації користувача на сторінкі “login.php”
використувую запит на додавання в таблицю. Код реєстрації користувача
приведено на рисунку 3.19.

Рисунок 3.19 – Код для реєстрації користувача

Для реалізації функції авторизації користувача на сторінкі “login.php”
використувую умову. Код авторизації користувача приведено на рисунку 3.20.

Рисунок 3.20 – Код для авторизації користувача
Лист
ЧДТУ 232230.003 ПЗ
38
Зм Арк. № докум. Пiдпис. Дата
нт
`

Для реалізації перевірки доступності пошти при реєстрації використав
перевірку умовою. Код перевірки пошти наведено на рисунку 3.21.

Рисунок 3.21 – Код перевірки пошти на доступність

Для реалізації виходу з акаунту створив нову сторінку “logut.php”, де
прописав запит на відстеження часу виходу та код закінчення сесії користувача, а
також перенаправлення на головну сторінку. Код сторінки “logut.php” пиведено на
рисунку 3.22.

Рисунок 3.22 – Код сторінки “logut.php”

Для реалізації сторніки “Забув пароль” використав запит на оновлення
паролю користувача. А також перевірку та правильність введених даних. Код
зміни паролю приведено на рисунку 3.23.
Лист
ЧДТУ 232230.003 ПЗ
39
Зм Арк. № докум. Пiдпис. Дата
нт
`

Рисунок 3.23 – Код сторінки “logut.php”

Для реалізації оновлення даних в профілі користувача використав запит на
оновлення, де вказав необхідні поля. Код оновлення даних користувача приведено
на рисунку 3.24.

Рисунок 3.24 – Код оновлення даних користувача

В результаті цих кроків реалізована користувацька серверна частину веб-
ресурсу. Вона здатна обробляти запити користувачів, взаємодіяти з базою даних та
забезпечувати необхідний функціонал для користувачів, такий як реєстрація,
авторизація, замовлення товарів та інше.
Лист
ЧДТУ 232230.003 ПЗ
40
Зм Арк. № докум. Пiдпис. Дата
нт
`

3.3 Реалізація бекенду адмінської частини
Процес реалізації адміністраторської серверної частини веб-ресурсу також
включає в себе багато етапів, в яких потрібно використатання інструментів
PhpStorm та XAMPP.
Для початку необхідно реалізувати авторизацію адміністратора, для цього
використовується перевірка на правильність введеня логіну та пошти. Код
авторизації адміністратора приведено на рисунку 3.25.

Рисунок 3.25 – Код авторизації адміністратора

Наступним кроком необхідно реалізувати відображення нових замовлень,
для цього використовується запит на вибірку. Код виводу нових замовлень
приведено на рисунку 3.26.
Лист
ЧДТУ 232230.003 ПЗ
41
Зм Арк. № докум. Пiдпис. Дата
нт
`

Рисунок 3.26 – Код відображення нових замовлень

Для реалізації додавання нової категорії використовується запит на
додаваня. Код додавання нової категорії представлено на рисунку 3.27.

Рисунок 3.27 – Код для додавання нової категорії

Для редагування вже створеної категорії використовуєтьсяся запит на
оновлення. Код оновлення категорії приведено на рисунку 3.28.

Рисунок 3.28 – Код для редагування категорії

Для реалізації виводу журналу входу користувачів використовується запит
на вибірку. Код виводу журналу входу користувачів приведено на рисунку 3.29.
Лист
ЧДТУ 232230.003 ПЗ
42
Зм Арк. № докум. Пiдпис. Дата
нт
`

Рисунок 3.29 – Код журналу входу користувачів

В підсумку адміністраторська серверна частина веб-ресурсу. Вона здатна
обробляти запити адміністратора, взаємодіяти з базою даних та забезпечувати
функціонал для управління товарами, категоріями, замовленнями та іншими
аспектами веб-ресурсу.

3.4 Висновок до частини 3
В цій частині створено та реалізовано функціонуючу базу даних для веб-
ресурсу з продажу японського чаю. Ця база даних спроектована відповідно до
поставлених вимог і містить необхідні таблиці з відповідними полями для
зберігання інформації про користувачів, замовлення, товари та інші важливі дані.
Потім реалізований бекенд користувацької частини веб-ресурсу, який
включає функціонал для реєстрації та авторизації користувачів, збереження
особистої інформації, перегляду історії замовлень, відстеження статусу замовлень,
зміни паролю та особистих даних, систему пошуку, додавання товарів у лист
бажань, додавання товарів у кошик, оформлення замовлення, можливість вибору
метода оплати, перегляду категорій та підкатегорій товарів, перегляду інформації
про товари, відгуків та залишення власних відгуків.
Лист
ЧДТУ 232230.003 ПЗ
43
Зм Арк. № докум. Пiдпис. Дата
нт
`

В кінці реалізований бекенд адміністративної частини веб-ресурсу, який
надає можливості авторизації адміністраторам, зміни пароля адміністратора,
обробки замовлень, перегляду замовлень за різними статусами, створення нових
категорій та підкатегорій товарів, редагування та видалення існуючих категорій та
підкатегорій, додавання нових товарів, редагування та видалення існуючих товарів,
а також перегляду списку користувачів та журналу входу користувачів.
Завдяки реалізації цих етапів, серверна частина веб-ресурсу з продажу
японського чаю має функціонал, необхідний для забезпечення зручного та
ефективного взаємодії користувачів та адміністраторів з ресурсом.
Лист
ЧДТУ 232230.003 ПЗ
44
Зм Арк. № докум. Пiдпис. Дата
нт
`

ВИСНОВКИ

В кваліфікаційній роботі бакалавра поставлено мету розробити серверну
частину веб-ресурсу з продажу японського чаю.
У процесі виконання кваліфікаційної роботи виконано наступні завдання:
 розглянуто цілі, принципи та переваги застосування веб-ресурсів;
 проведено огляд існуючих аналогів;
 виконано постановку задачі;
 визначено можливості веб-ресурсу;
 обрано оптимальний стек технологій;
 проведено проектування бази даних;
 реалізовано базу даних;
 реалізовано бекенд користувацької та адмінської частини веб-ресурсу.
Таким чином мета кваліфікаційної роботи бакалавра, а саме розробка
серверної частини веб-ресурсу з продажу японського чаю, виконана в повному
обсязі. Усі поставлені завдання виконано.
В результаті розробки серверної частини веб-ресурсу з продажу японського
чаю було освоєно сучасні технології розробки. Цей процес включав в себе
використання популярних і потужних інструментів, які дозволяють створювати
надійні та ефективні веб-ресурси.
Лист
ЧДТУ 232230.003 ПЗ
45
Зм Арк. № докум. Пiдпис. Дата
нт
`

СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ

2. Васильєв О. Програмування мовою PHP: навчальний посібник. Ліра-К,
2022. 368 с.
3. Больє А. Вивчаємо SQL. Генерація, вибірка та обробка даних. Науковий
Світ, 2023. 400 с.
4. Тейлор А. SQL для чайників. Диалектика, 2020. 544 с.

6. S. Smirnova, A. Tezuysal. MySQL Cookbook. O'Reilly Media, 2022. 971 p.
7. Tatroe K. Programming PHP: Creating Dynamic Web Pages. O'Reilly Media,
2020. 542 p.

уроки-sql1-мова-основні-поняття_ua
HYPERLINK
"https://docs.phpmyadmin.net/uk
/
HYPERLINK
l
"
a HYPERLINK
h
t Лист
" ЧДТУ 232230.003 ПЗ
46
Зм Арк. №t докум. Пiдпис. Дата
нт
he
t
`

HYPERLINK
"
HYPERLINK
h
"https://w3schoolsua.github.io/
t
p
tHYPERLINK
h
p"https://w3schoolsua.github.io/
p
sp
/:HYPERLINK h
"p/https://promoter.net.ua/articlp
he//
p HYPERLINK sd
_"
phttps://w3schoolsua.github.io/
e/hp
bi
pvhn
_.
a
ps
mm
z
/tay
py
-a
hs
s
dlqqp
la Лист
l ЧДТУ 232230.003 ПЗ
47
Зм Арк. №l_ докум. Пiдпис. Дата
нт
n.
_.
`

ПРОГРАМНІ ЗАСОБИ

1. Microsoft Office 360
2. PhpStorm 2009-2022
3. XAMMP Control panel 2002-2022
4. Phpmyadmin 1998-2023

Лист
ЧДТУ 232230.003 ПЗ
48
Зм Арк. № докум. Пiдпис. Дата
нт
`

ДОДАТОК А 482 ЧДТУ 232230 – 01 «Серверна частина WEB-ресурсу з
продажу японського чаю». Специфікація

Лист
ЧДТУ 232230.003 ПЗ
49
Зм Арк. № докум. Пiдпис. Дата
нт
`

Лист
ЧДТУ 232230.003 ПЗ
50
Зм Арк. № докум. Пiдпис. Дата
нт
`

ДОДАТОК Б 482 ЧДТУ 232230 – 01 12 01 Текст програми
Лист
ЧДТУ 232230.003 ПЗ
51
Зм Арк. № докум. Пiдпис. Дата
нт

ChSTU repository

ChSTU repository preserves and enables easy and open access to all types of digital content including text, images, moving images, mpegs and data sets