Разработка web приложения для продажи букетов салона флористики

ВВЕДЕНИЕ 7
1 АНАЛИЗ WEB ПРИЛОЖЕНИИ ПЕРСПЕКТИВНОГО САЛОНА ФЛОРИСТИКИ 8
1.1 Анализ роли и назначения web приложении 8
1.2 Анализ существующих прототипов 11
1.2.1 Интернет магазин цветов Украфлора 12
1.2.2 Интернет магазин флористики DON PION 13
1.2.3 Салон и Интернет магазин цветов Kvito Polito 14
1.3 Обоснование выбора средств реализации web приложении 15
1.3.1Анализ возможностей HTML и CSS 16
1.3.2 Анализ возможностей JavaScript 18
1.3.3 Анализ возможностей PHP 21
1.3.4 Анализ возможностей MySQL 24
1.4 Цель и задачи web приложении 26
2 РАЗРАБОТКА WEB ПРИЛОЖЕНИЯ 27
2.1 Разработка проекта в Visual Studio Code 27
2.2 Разработка алгоритмов функционирования веб приложения 33
2.3 Проектирование базы данных для работы системы 35
2.4 Проектирование и реализация окон интерфейса системы 40
3 ВОЗМОЖНОСТИ WEB ПРИЛОЖЕНИИ И ОСОБЕННОСТИ РАБОТЫ С НИМ 44
4 ОХРАНА ТРУДА 59
ВЫВОДЫ 68
ПЕРЕЧЕНЬ ИСТОЧНИКОВ 69
ПРИЛОЖЕНИЕ А 71

1.1 Аналіз ролі та призначення web додатку
Веб-додаток – це клієнт-серверний додаток, в якому клієнт взаємодіє з сервером за допомогою браузера, а за сервер відповідає веб-сервер. Його логіка розподілена між сервером і клієнтом. Сервер відповідає, переважно, за збереження даних, а обмін інформацією, в свою чергу відбувається по мережі. Однією з переваг такого підходу є той факт, що клієнти не залежать від певної операційної системи користувача. Саме завдяки цьому веб-додаток є міжплатформеною службою.
Така система складається з клієнтської і серверної частин, тим самим реалізуючи технологію «клієнт-сервер». Клієнтська частина реалізує інтерфейс для користувачів. Крім цього, вона формує запити до сервера і обробляє відповіді від нього.
Серверна частина, в свою чергу, отримує запит від клієнта, після цього формує веб-сторінку і відправляє її клієнту через мережу з використанням протоколу HTTP.
...

1.2.1 Інтернет магазин квітів Украфлора
Інтернет магазин квітів Украфлора займається продажем букетів, кімнатних та вуличних рослин, саджанців, а також супутнього декору і подарунків[2].
Інтерфейс даного Інтернет магазину наведено на рисунку 1.3.

Рисунок 1.3 – Інтерфейс додатку «Інтернет магазин квітів Украфлора»

Відвідувачі сайту мають можливість на головній сторінці обрати категорію квітів, яку вони бажають замовити, та є можливість переглянути «Вигідні пропозиції» магазину.
Зв’язатися з компанією можна наступними способами:
• по зворотному зв’язку;
• по електронній пошті;
• по телефону;
• через сторінки у соціальних мережах.
При переході на будь-яку сторінку для вибору заказу відвідувач має можливість виставити мінімальну та максимальну вартість букету, обрати пріоритетний колір квітів, основну квітку для композиції, висоту та діаметр букету.
...

1.2.2 Інтернет магазин флористики DON PION
Інтернет магазин флористики DON PION займається продажем букетів, квітів поштучно, солодощів, товарів для дому, подарункових наборів на свята, а також надають послуги озеленіння, оформлення приміщень на свята і проводять майстер-класи [3].
На головній сторінці відвідувачу відразу пропонується вибір серед усіх послуг магазину. Крім того, на даній сторінці розміщені хіти продаж, букет дня зі знижкою, сезонні колекції та всі типи букетів. Також на сайті є «Інформація», в якій можна знайти відповідь на потрібне питання щодо оплати, доставки чи повернення коштів.
До плюсів сайту можна віднести:
• зручний інтерфейс;
• є можливість зв’язатись з магазином як за допомогою телефону, так і за допомогою електронної пошти;
• повністю адаптивний.
До мінусів сайту можна віднести:
• відсутня функція особистого кабінету чи реєстрація відвідувачів;
• великий об’єм web сторінок, що впливає на швидкість завантаження сайту.
...

1.2.3 Салон та Інтернет магазин квітів Kvito Polito
Салон та Інтернет магазин квітів Kvito Polito займається продажем букетів і композицій, предметів домашнього інтер’єру, товарів для жінок (сумки, дзеркала, брелоки та косметички), мила ручної роботи. Окрім цього, до їх асортименту товарів входять жерстяні та цементні вази і кашпо, кераміка для дома, подарункова канцелярія.
Вони позиціонують себе як салон та Інтернет магазин квітів. Це означає, що вони надають можливість всім бажаючим проводити будь-які заходи в їх приміщенні, які стосуються фотосесій чи семінарів з квітами [4].
На головній сторінці відвідувач може відразу обрати, яка сама інформація його цікавить: салон чи Інтернет магазин. Також на сайті існує блог, в якому є цікаві статті по квіти.
Інтернет магазин завантажується доволі швидко, але якщо і є якісь проблеми, то їх важко побачити при переході на будь-яку сторінку.
...

1.3.1Аналіз можливостей HTML та CSS
HTML (Hypertext Markup Language) – стандартна мова розмітки для створення web сторінок і web додатків. З Cascading Style Sheets (CSS) і JavaScript, вона утворює тріаду основних технологій для World Wide Web [5].
Веб-браузери отримують HTML-документи з веб-сервера або з локальної пам'яті і передають документи в мультимедійні веб-сторінки. HTML описує структуру веб-сторінки семантично і спочатку включені сигнали для зовнішнього вигляду документа.
Елементи HTML є будівельними блоками сторінок HTML. За допомогою конструкцій HTML, зображення та інші об'єкти, такі як інтерактивні форми, можуть бути вбудовані у візуалізовану сторінку. HTML надає засоби для створення структурованих документів, позначаючи структурну семантику тексту, наприклад заголовки, абзаци, списки, посилання, цитати та інші елементи. Елементи HTML окреслені тегами , написаними з використанням кутових дужок . Теги, такі як