Веборієнтована система бронювання послуг канді-бару

Дмитренко, Анастасія Олександрівна
Please use this identifier to cite or link to this item: https://er.chdtu.edu.ua/handle/ChSTU/9872
Title:	Веборієнтована система бронювання послуг канді-бару
Authors:	Лавданська , Ольга В’ячеславівна Дмитренко, Анастасія Олександрівна
Keywords:	база даних;замовлення;бронювання, канді-бар;кейтеринг;вебсайт;WordPress;вебсистема
Issue Date:	9-Jun-2026
Abstract:	Кваліфікаційна робота присвячена розробці веборієнтованої системи бронювання послуг канді-бару. Актуальність роботи зумовлена зростанням попиту на кейтерингові послуги та необхідністю автоматизації процесів взаємодії між замовниками і виконавцями. Використання сучасних вебтехнологій дозволяє спростити оформлення заявок, підвищити якість обслуговування клієнтів та забезпечити ефективне управління замовленнями. Метою кваліфікаційної роботи є розробка веборієнтованої системи бронювання послуг канді-бару. Користувачі системи повинні мати можливість ознайомлюватися з асортиментом продукції та послуг, додавати товари до кошика та оформлювати заявки на проведення заходів. Об’єктом дослідження є процес бронювання послуг канді-бару. Предметом дослідження є веборієнтована система бронювання послуг канді-бару, включаючи її архітектуру, функціональні можливості, технології реалізації, структуру бази даних та механізми взаємодії користувачів із системою. У роботі застосовано методи аналізу та узагальнення інформації, методи проєктування інформаційних систем, методи моделювання структури вебресурсу, методи техніко-економічного обґрунтування проєктних рішень, а також методи тестування та оцінювання якості програмного забезпечення. Практичне значення роботи полягає у створенні веборієнтованої системи, яка може бути використана суб’єктами господарювання у сфері кейтерингових послуг для автоматизації приймання та обробки замовлень, презентації власних послуг і підвищення ефективності взаємодії з клієнтами. У першому розділі досліджено предметну область розробки вебсистеми бронювання послуг канді-бару, розглянуто особливості кейтерингового обслуговування та виконано аналіз існуючих вебресурсів аналогічного призначення. У другому розділі визначено призначення вебсистеми, сформовано вимоги до структури, дизайну, навігації, наповнення сторінок та адміністрування, розроблено логічну структуру вебресурсу і виконано техніко-економічне обґрунтування доцільності його створення. Третій розділ присвячено реалізації веборієнтованої системи бронювання послуг канді-бару. Обґрунтовано вибір технологій розробки, описано структуру бази даних і процес створення вебресурсу, проведено тестування систе
URI:	https://er.chdtu.edu.ua/handle/ChSTU/9872
Appears in Collections:	126 Інформаційні системи та технології (Web-технології, web-дизайн)
Files in This Item:
File	Description	Size	Format
РЕП_БАК_Дмитренко_WEB-2211.pdf Restricted Access		4.16 MB	Adobe PDF	View/Open Request a copy
Show full item record
Extracted text
 
 
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ 
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ 
ФАКУЛЬТЕТ ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ І СИСТЕМ 
КАФЕДРА ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ ПРОЕКТУВАННЯ 
         
 
 
 
 
ПОЯСНЮВАЛЬНА ЗАПИСКА 
до кваліфікаційної роботи бакалавра 
 
на тему: «Веборієнтована система бронювання послуг канді-бару» 
  
 
 
 
 
 Виконала: здобувачка першого 
(бакалаврського) рівня вищої освіти 
4 курсу, групи  WEB-2211 
 Спеціальності 126 Інформаційні системи та 
технології 
 ОП «Web-технології, Web-дизайн» 
 Дмитренко Анастасія Олександрівна 
  
 Керівник: доцент кафедри інформаційних  
 технологій проектування, к.т.н., доцент 
 Ольга ЛАВДАНСЬКА 
  
 Рецензент: доцент кафедри інформаційної 
 безпеки та комп’ютерної інженерії 
 Черкаського державного технологічного 
 університету, к.т.н., доцент 
 Тетяна МИРОНЮК 
  
  
 
 
 
 
 
 
 
 
 
Черкаси – 2026 року 
  
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ 
 
Факультет інформаційних технологій і систем 
(повна назва) 
Кафедра інформаційних технологій проектування 
(повна назва) 
Освітньо-кваліфікаційний рівень бакалаврський 
(назва) 
Спеціальність  126 «Інформаційні системи та технології» 
 (шифр і назва) 
                                                                                    
          
 ЗАТВЕРДЖУЮ 
 Завідувач кафедри  ІТП  
  Тетяна ПРОКОПЕНКО 
 «____» ________________ 2026 року 
 
З А В Д А Н Н Я 
НА КВАЛІФІКАЦІЙНУ РОБОТУ БАКАЛАВРА 
Дмитренко Анастасії Олександрівні 
(прізвище, ім’я, по батькові) 
 
1. Тема роботи Веборієнтована система бронювання послуг канді-бару 
 
Керівник роботи Лавданська Ольга В’ячеславівна, к.т.н., доцент 
                                   ( прізвище, ім’я, по батькові, науковий ступінь, вчене звання) 
Затверджено наказом Черкаського державного технологічного університету від  
«    12   »        березня  2026 року № 56/03-03  
 
2. Строк подання здобувачем 9 червня 2026 р. 
роботи 
3. Вихідні дані до роботи UX дизайн; технологія вебдизайну та веброзробки; 
теорія проектування та розробки бази даних; управління проєктами; кіберезпека та захист  
інформації; техніко-економічне обґрунтування проєкту; якість та тестування 
вебоірнтованих 
Систем. 
 
4. Зміст розрахунково-пояснювальної записки (перелік питань, які потрібно розробити) 
Вступ; Розділ 1 Постановка задачі. Огляд існуючих рішень, аналогів; 
Розділ 2 Обґрунтування технічного завдання; Розділ 3 Розробка веборієнтованої  
системи бронювання послуг канді-бару; Висновки; Список використаних  
джерел; Додаток. 
 
5. Перелік графічного матеріалу (з точним зазначенням обов’язкових креслень, плакатів) 
1) Порівняння аналогів 
2) Вимоги до веборієнтованої системи бронювання послуг канді-бару 
3) Зведені показники економічного обґрунтування доцільності розробки 
4) Логічна та фізична структури веборієнтованої системи бронювання послуг канді-бару 
5) Відбитки веборієнтованої системи бронювання послуг канді-бару 
н 
 
6. Консультанти розділів роботи 
Розділ Прізвище, ініціали та посада Підпис, дата 
консультанта 
  завдання видав завдання прийняв 
    
    
    
    
 
7. Дата видачі завдання                     27 лютого 2026 року      
 
КАЛЕНДАРНИЙ ПЛАН 
 
№ Назва етапів Строк виконання 
Примітка 
з/п кваліфікаційної роботи етапів роботи 
1.1 Постановка задачі 12.01.2026 виконано 
1.2 Підготовка завдання 15.01.2026 виконано 
1.3 Погодження завдання 21.01.2026 виконано 
1.4 Затвердження завдання 04.02.2026 виконано 
2 Основна стадія   
2.1 Підбір матеріалів 12.03.2026 виконано 
2.2 Аналіз шляхів рішення поставленої задачі 23.03.2026 виконано 
2.3 Формування проектних рішень 06.04.2026 виконано 
2.4 Вибір кінцевого варіанту проєктного рішення 20.04.2026 виконано 
2.5 Оформлення первісної редакції роботи 27.04.2026 виконано 
3 Заключна стадія   
3.1 Узгодження прийнятих проектних рішень 04.05.2026 виконано 
Оформлення пояснювальної записки роботи в 
3.2 11.05.2026 виконано 
кінцевій редакції 
3.3 Попередній захист роботи 18.05.2026 виконано 
3.4 Затвердження роботи 05.06.2026 виконано 
3.5 Рецензування роботи 08.06.2026 виконано 
3.6 Захист роботи 09.06.2026 виконано 
 
 
Здобувач вищої освіти   ______________________                      Дмитренко А. О.     
             (підпис)                                                  (прізвище та ініціали) 
 
Керівник роботи             ______________________                       Лавданська О. В.     
              (підпис)                                                  (прізвище та ініціали) 
 
  
н 
 
АНОТАЦІЯ 
 
Структура та обсяг роботи. Пояснювальна записка складається з 3 розділів, 
викладена на 80 сторінках, містить 18 рисунків, 12 таблиць, 54 використаних джерела, 
додатку. 
Кваліфікаційна робота присвячена розробці веборієнтованої системи бронювання 
послуг канді-бару. Актуальність роботи зумовлена зростанням попиту на кейтерингові 
послуги та необхідністю автоматизації процесів взаємодії між замовниками і виконавцями. 
Використання сучасних вебтехнологій дозволяє спростити оформлення заявок, підвищити 
якість обслуговування клієнтів та забезпечити ефективне управління замовленнями. 
Метою кваліфікаційної роботи є розробка веборієнтованої системи бронювання 
послуг канді-бару. Користувачі системи повинні мати можливість ознайомлюватися з 
асортиментом продукції та послуг, додавати товари до кошика та оформлювати заявки на 
проведення заходів. Об’єктом дослідження є процес бронювання послуг канді-бару. 
Предметом дослідження є веборієнтована система бронювання послуг канді-бару, 
включаючи її архітектуру, функціональні можливості, технології реалізації, структуру бази 
даних та механізми взаємодії користувачів із системою. 
У роботі застосовано методи аналізу та узагальнення інформації, методи 
проєктування інформаційних систем, методи моделювання структури вебресурсу, методи 
техніко-економічного обґрунтування проєктних рішень, а також методи тестування та 
оцінювання якості програмного забезпечення. 
Практичне значення роботи полягає у створенні веборієнтованої системи, яка може 
бути використана суб’єктами господарювання у сфері кейтерингових послуг для 
автоматизації приймання та обробки замовлень, презентації власних послуг і підвищення 
ефективності взаємодії з клієнтами. 
У першому розділі досліджено предметну область розробки вебсистеми бронювання 
послуг канді-бару, розглянуто особливості кейтерингового обслуговування та виконано 
аналіз існуючих вебресурсів аналогічного призначення. 
У другому розділі визначено призначення вебсистеми, сформовано вимоги до 
структури, дизайну, навігації, наповнення сторінок та адміністрування, розроблено логічну 
структуру вебресурсу і виконано техніко-економічне обґрунтування доцільності його 
створення. 
Третій розділ присвячено реалізації веборієнтованої системи бронювання послуг 
канді-бару. Обґрунтовано вибір технологій розробки, описано структуру бази даних і 
процес створення вебресурсу, проведено тестування системи та виконано порівняння 
розробленого програмного продукту з існуючими аналогами. 
Ключові слова: вебсистема, бронювання, канді-бар, кейтеринг, вебсайт, WordPress, 
база даних, замовлення. 
  
н 
 
SUMMARY 
 
Structure and scope of work. The explanatory note consists of 3 sections, is laid out on 80 
pages, contains 18 figures, 12 tables, 54 sources used, and an appendix. 
The qualification work is devoted to the development of a web-oriented system for 
booking candy bar services. The relevance of the work is determined by the growing demand for 
digital solutions in the catering industry and the need to automate customer interaction processes, 
service presentation, and order management. 
The purpose of the qualification work is to develop a web-oriented system for booking 
candy bar services. The system should provide users with information about available services, 
completed projects, contact details, and the ability to submit online booking requests. The object 
of the study is a web-oriented system for booking candy bar services. The subject of the study is 
the client-side part of the web-oriented system, including its architecture, design, navigation, 
implementation technologies, database integration, and functional capabilities. 
The research methods used in the work include methods of analysis, synthesis, abstraction, 
information search and processing, information systems design methods, methods for evaluating 
the economic feasibility of software development, and methods for testing and quality assurance 
of web applications. 
The practical significance of the work lies in the implementation of a web-oriented system 
that simplifies the process of ordering candy bar services, improves communication between 
clients and service providers, and enhances the efficiency of order management in the catering 
sector. 
The first chapter describes the subject area of candy bar services, analyzes the features of 
catering services, and examines the factors influencing the development of a web-based booking 
system. It also includes a review of existing websites offering similar services and identifies their 
strengths and weaknesses. 
The second chapter defines the purpose and functional requirements of the system, 
presents its logical structure, and formulates requirements for design, navigation, content, 
administration, and system architecture. In addition, the economic feasibility of developing the 
web-oriented system is justified. 
The third chapter is devoted to the implementation of the web-oriented booking system. 
The chosen development tools and technologies are substantiated, the database structure and 
implementation process are described, testing results are presented, and a comparative analysis of 
the developed system with existing analogues is performed. 
Keywords: web-oriented system, booking system, candy bar, catering services, website 
development. 
 
 
  
н 
 
 
ЗМІСТ 
ВСТУП ............................................................................................................... 3 
РОЗДІЛ 1. ПОСТАНОВКА ЗАДАЧІ. ОГЛЯД ІСНУЮЧИХ РІШЕНЬ, 
АНАЛОГІВ ........................................................................................................ 6 
1.1 Опис предметної області .......................................................................... 6 
1.2 Доцільність розробки веборієнтованої системи бронювання послуг 
канді-бару................................................................................................. 8 
1.3 Чинники, які впливають на розробку веборієнтованої системи 
бронювання послуг канді-бару ............................................................ 11 
1.4 Аналітичний огляд існуючих веборієнтованих систем кондитерських 
і кейтерингових компаній .................................................................... 15 
1.5 Висновки до розділу 1 ............................................................................ 22 
РОЗДІЛ 2. ОБҐРУНТУВАННЯ ТЕХНІЧНОГО ЗАВДАННЯ .................... 24 
2.1 Призначення веборієнтованої системи бронювання послуг канді-бару24 
2.2 Вимоги до дизайну веборієнтованої системи бронювання послуг 
канді-бару……………………………………………………………….26 
2.3 Структура сервера та сторінок веборієнтованої системи бронювання 
послуг канді-бару .................................................................................. 28 
2.4 Навігація веборієнтованої системи бронювання послуг канді-бару . 33 
2.5 Наповнення сторінок веборієнтованої системи бронювання послуг 
канді-бару............................................................................................... 34 
2.6 Адміністрування веборієнтованої системи бронювання послуг канді-
бару……………………………………………………………………...36 
2.7 Вимоги до прототипу електронного навчального ресурсу з 
вебтехнологій ........................................................................................ 38 
2.8 Техніко-економічне обґрунтування доцільності розробки 
веборієнтованої системи бронювання послуг канді-бару ................ 40 
2.9 Висновки до розділу 2 ............................................................................ 51 
 
  
 ЧДТУ 262115.05 ПЗ 
Змн. Арк. № докум. Підпис Дата 
 Розроб. Дмитренко А. О.  Літ. Арк. Аркушів 
 Перевір. Лавданська О. В. Веборієнтована система н 2 80 
бронювання послуг канді-бару.  
 Рецензент  
 Пояснювальна записка ФІТІС, 
 Н. контр. Лавданська О. В. 
кафедра ІТП, WEB-2211 
 
 Затверд. Прокопенко Т.О. 
 
 
РОЗДІЛ 3. РОЗРОБКА ВЕБОРІЄНТОВАНОЇ СИСТЕМИ БРОНЮВАННЯ 
ПОСЛУГ КАНДІ-БАРУ........................................................................................ …..52 
3.1 Обґрунтування вибору засобів розробки ........................................................ 52 
3.2 Опис реалізації веборієнтованої системи бронювання послуг канді-бару ..... 55 
3.3 Тестування веборієнтованої системи бронювання послуг канді-бару ........ 67 
3.4 Порівняння веборієнтованої системи бронювання послуг канді-бару з 
аналогами ......................................................................................................... 72 
3.5 Висновки до розділу 3 ...................................................................................... 74 
ВИСНОВКИ ................................................................................................................. 75 
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ.………………………………..……….…76 
ДОДАТОК А Специфікація 482 ЧДТУ 262115-01. Веборієнтована систем 
бронювання послуг канді-бару  ................................................................................. 81 
  
 
 
Арк. 
 ЧДТУ 262115.05 ПЗ 
3 
Змн. Арк. № Документа Підпис Дата  
 
 
ВСТУП 
 
У сучасних умовах цифровізації сфери послуг все більшої актуальності 
набуває використання вебтехнологій для автоматизації процесів взаємодії між 
підприємствами та клієнтами. Особливо це стосується організації святкових 
заходів, де важливу роль відіграють швидкість обробки замовлень, зручність 
отримання інформації та можливість дистанційного оформлення послуг. Одним 
із перспективних напрямів розвитку кейтерингового обслуговування є канді-
бари, які користуються значним попитом під час проведення весіль, днів 
народження, корпоративних заходів та інших свят. 
Використання вебсистеми бронювання послуг канді-бару дозволяє 
спростити процес замовлення, забезпечити цілодобовий доступ до інформації про 
послуги та продукцію, автоматизувати приймання заявок і підвищити якість 
обслуговування клієнтів. Крім того, впровадження сучасних вебрішень сприяє 
розширенню аудиторії потенційних замовників, покращенню комунікації з 
клієнтами та підвищенню конкурентоспроможності підприємства. 
Актуальність розробки вебсистеми бронювання послуг канді-бару 
обумовлена необхідністю створення єдиного інформаційного середовища, яке 
поєднує презентацію послуг, каталог продукції, механізми оформлення 
замовлень та засоби зворотного зв’язку. Такий підхід дозволяє оптимізувати 
роботу виконавця послуг та забезпечити зручний користувацький досвід. 
Метою кваліфікаційної роботи є розробка веборієнтованої системи 
бронювання послуг канді-бару. Система повинна надавати користувачам 
можливість переглядати асортимент солодощів, додавати товари до кошика, 
обирати пакети послуг, оформлювати заявки на бронювання та надсилати 
повідомлення через форму зворотного зв’язку. 
Для досягнення поставленої мети необхідно вирішити такі завдання: 
– дослідити особливості організації послуг канді-бару та сучасні тенденції 
розвитку кейтерингового обслуговування; 
– провести аналіз існуючих вебресурсів аналогічного призначення; 
Арк. 
 ЧДТУ 262115.05 ПЗ 
4 
Змн. Арк. № Документа Підпис Дата  
 
– сформувати функціональні та нефункціональні вимоги до вебсистеми; 
– обґрунтувати вибір технологій та програмних засобів розробки; 
– спроєктувати структуру бази даних та архітектуру системи; 
– реалізувати вебсистему бронювання послуг канді-бару та провести її 
тестування. 
Об’єктом дослідження є процес автоматизації бронювання послуг канді-
бару засобами вебтехнологій. 
Предметом дослідження є методи, засоби та технології проєктування й 
розробки веборієнтованих інформаційних систем бронювання послуг, а також 
програмні компоненти клієнтської та серверної частин вебсистеми. 
У роботі використано методи аналізу та узагальнення наукових джерел, 
методи системного аналізу, проєктування інформаційних систем, моделювання 
баз даних, тестування програмного забезпечення та оцінювання ефективності 
вебресурсів. 
Практичне значення одержаних результатів полягає у створенні 
вебсистеми, яка забезпечує автоматизоване оформлення замовлень на продукцію 
та послуги канді-бару, покращує взаємодію між клієнтами і виконавцем, спрощує 
процес обробки заявок та може бути використана як основа для впровадження 
подібних рішень у сфері кейтерингового обслуговування. 
Структура роботи. Робота складається зі вступу, трьох розділів, 
висновків, списку використаних джерел та додатку. Загальний обсяг роботи 
становить 80 сторінок, 18 рисунків і 12 таблиць, використано 54 джерела. У 
першому розділі досліджено предметну область вебсистеми бронювання послуг 
канді-бару, проаналізовано особливості кейтерингового обслуговування та 
виконано огляд існуючих аналогів. У другому розділі визначено призначення 
системи, сформовано вимоги до її структури, дизайну, навігації та наповнення, а 
також розроблено логічну структуру вебресурсу й виконано техніко-економічне 
обґрунтування проєкту. У третьому розділі обґрунтовано вибір засобів розробки, 
описано реалізацію вебсистеми та структуру бази даних, проведено тестування 
програмного продукту і виконано його порівняння з аналогічними вебресурсами. 
  
Арк. 
 ЧДТУ 262115.05 ПЗ 
5 
Змн. Арк. № Документа Підпис Дата  
 
РОЗДІЛ 1. ПОСТАНОВКА ЗАДАЧІ. ОГЛЯД ІСНУЮЧИХ РІШЕНЬ, 
АНАЛОГІВ 
 
 
1.1 Опис предметної області 
 
Кейтеринг є одним із сучасних напрямів ресторанного господарства, що 
передбачає організацію харчування та обслуговування споживачів поза межами 
стаціонарного закладу або за спеціальним замовленням клієнта. На відміну від 
традиційного ресторанного обслуговування, кейтеринг орієнтований на 
мобільність, індивідуальний підхід до замовника та можливість адаптації послуг 
до формату конкретної події. Такі послуги можуть надаватися під час весіль, днів 
народження, корпоративних заходів, презентацій, конференцій, дитячих свят, 
фуршетів, банкетів, кава-брейків та інших подій. 
У межах цієї кваліфікаційної роботи предметною областю є процес 
бронювання послуг канді-бару як окремого напряму кейтерингового 
обслуговування. Канді-бар – це декоративно оформлена зона з солодощами, 
десертами, напоями та тематичними елементами, яка використовується на 
святкових заходах для створення естетичної атмосфери та додаткового сервісу 
для гостей [1]. Такі послуги особливо актуальні для дитячих свят, весіль, днів 
народження, випускних вечорів, фотозон, корпоративних подій і тематичних 
вечірок. 
Кейтерингове обслуговування охоплює не лише приготування та доставку 
продукції, а й комплекс організаційних дій: узгодження меню, визначення 
кількості гостей, вибір формату обслуговування, оформлення простору, 
транспортування продукції та обладнання, сервірування, супровід заходу і 
прибирання після його завершення. У випадку канді-бару важливими складовими 
є вибір стилістики оформлення, кольорової гами, набору десертів, кількості 
порцій, дати та місця проведення події, а також додаткових послуг, наприклад 
доставки, монтажу, демонтажу або індивідуального декору [2]. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
6 
Змн. Арк. № Документа Підпис Дата  
 
Основними споживачами послуг канді-бару є індивідуальні клієнти, які 
організовують приватні свята, а також корпоративні замовники, заклади освіти, 
івент-агенції, ресторани, готельно-ресторанні комплекси та організатори масових 
заходів. Для таких клієнтів важливими є зручність вибору послуги, наочність 
прикладів виконаних робіт, прозорість цін, можливість швидкого зв’язку з 
виконавцем і впевненість у тому, що бронювання буде оброблено без помилок. 
Традиційний процес замовлення послуг канді-бару часто здійснюється 
телефоном, через соціальні мережі або месенджери. Такий підхід має низку 
недоліків: інформація про замовлення може бути втрачена, деталі події 
фіксуються неструктуровано, клієнт не завжди має змогу швидко переглянути 
доступні варіанти послуг, а адміністратор витрачає багато часу на уточнення 
однакових питань. Крім того, за відсутності централізованої системи складніше 
контролювати зайнятість дат, історію заявок, статуси бронювань і комунікацію із 
замовниками. 
Розробка вебсистеми бронювання послуг канді-бару дає змогу 
автоматизувати основні етапи взаємодії між клієнтом і виконавцем [2,3]. Така 
система повинна забезпечувати перегляд інформації про послуги, каталог 
варіантів оформлення, портфоліо виконаних робіт, опис пакетів або наборів, 
форму бронювання, вибір дати події, введення контактних даних, зазначення 
кількості гостей, місця проведення та додаткових побажань. Для адміністратора 
система має надавати можливість переглядати отримані заявки, змінювати їх 
статус, керувати переліком послуг, редагувати інформаційні матеріали та 
аналізувати поточні замовлення. 
Важливою особливістю предметної області є потреба в персоналізації [4]. 
Кожне замовлення канді-бару залежить від тематики події, віку гостей, бюджету, 
кількості учасників, місця проведення та індивідуальних побажань клієнта. Тому 
вебсистема повинна не лише приймати стандартні заявки, а й дозволяти 
користувачеві залишати коментарі, обирати додаткові опції та передавати 
адміністратору всю необхідну інформацію для подальшого узгодження. 
 
Арк. 
 ЧДТУ 262115.05 ПЗ 
7 
Змн. Арк. № Документа Підпис Дата  
 
Використання вебсистеми є актуальним також з погляду розвитку цифрових 
технологій у ресторанному та кейтеринговому бізнесі. Сучасні клієнти очікують 
швидкого доступу до інформації, можливості онлайн-перегляду послуг, 
зрозумілої структури сайту та зручного способу оформлення заявки. Для 
підприємства така система сприяє підвищенню якості обслуговування, 
зменшенню кількості помилок під час приймання замовлень, скороченню часу на 
комунікацію та покращенню іміджу компанії.Загалом, сучасні тенденції в 
електронних навчальних ресурсах відображають прагнення до більш гнучкого, 
інтерактивного і персоналізованого навчання. Електронні навчальні ресурси 
продовжують еволюціонувати, адаптуючись до нових технологій та потреб 
студентів, що робить їх важливим компонентом сучасної освіти. 
 
1.2 Доцільність розробки веборієнтованої системи бронювання послуг 
канді-бару 
 
На сайтах кондитерських, кейтерингових компаній та сервісів з організації 
святкових заходів користувачі можуть переглядати приклади оформлення 
солодких столів, ознайомлюватися з асортиментом десертів, дізнаватися умови 
доставки та знаходити контактну інформацію для зв’язку з виконавцем [5,6]. 
Однак аналіз існуючих вебресурсів показує, що більшість із них мають суттєві 
недоліки з погляду автоматизації процесу бронювання послуг канді-бару: 
– інформація про послуги часто подається лише у вигляді опису або 
фотогалереї, без можливості сформувати повноцінну заявку на бронювання; 
– форми замовлення, якщо вони наявні, зазвичай містять лише базові поля, 
наприклад ім’я, номер телефону та бажану дату, але не дозволяють детально 
зазначити тематику заходу, кількість гостей, місце проведення, формат 
оформлення, склад солодощів і додаткові побажання; 
– окремі сайти мають кошик для замовлення продукції, однак він більше 
орієнтований на купівлю окремих товарів, а не на бронювання комплексної 
кейтерингової послуги; 
Арк. 
 ЧДТУ 262115.05 ПЗ 
8 
Змн. Арк. № Документа Підпис Дата  
 
– на багатьох ресурсах відсутній календар зайнятості, що ускладнює 
перевірку доступності потрібної дати та може призводити до накладання 
замовлень; 
– частина сайтів має застарілий дизайн, недостатню адаптивність для 
мобільних пристроїв або обмежену інтерактивність; 
– адміністрування заявок часто здійснюється вручну через телефонні 
дзвінки, месенджери або соціальні мережі, що підвищує ризик втрати інформації 
та ускладнює контроль за виконанням замовлень. 
Саме тому розробка вебсистеми бронювання послуг канді-бару є 
актуальною та доцільною. Така система дасть змогу поєднати функції 
інформаційного сайту, електронного каталогу, портфоліо виконаних робіт і 
сервісу для оформлення заявок. Вона може забезпечити структуроване подання 
послуг, зручне бронювання, збереження інформації про клієнтів і події, а також 
спростити роботу адміністратора з опрацювання замовлень. 
Об’єкт дослідження – процес бронювання послуг канді-бару у сфері 
кейтерингового обслуговування. 
Предмет дослідження – вебсистема бронювання послуг канді-бару, її 
структура, функціональні можливості, клієнтська та адміністративна частини, 
засоби збереження й опрацювання заявок, а також технології, що забезпечують 
ефективну взаємодію між клієнтом і виконавцем послуги. 
Для досягнення поставленої мети необхідно вирішити такі завдання: 
– проаналізувати особливості кейтерингового обслуговування та специфіку 
надання послуг канді-бару; 
– провести огляд існуючих вебресурсів, які пропонують послуги канді-бару 
або подібні кейтерингові послуги; 
– визначити основні переваги та недоліки наявних сайтів з погляду 
зручності бронювання; 
– сформулювати функціональні та нефункціональні вимоги до вебсистеми; 
– обрати технології та інструменти для розробки вебсистеми бронювання; 
Арк. 
 ЧДТУ 262115.05 ПЗ 
9 
Змн. Арк. № Документа Підпис Дата  
 
– спроєктувати структуру бази даних, клієнтську частину та 
адміністративну панель; 
– реалізувати вебсистему бронювання послуг канді-бару та перевірити її 
працездатність. 
По-перше, доцільність розробки такої системи зумовлена зростанням 
попиту на зручні цифрові сервіси у сфері ресторанного та кейтерингового 
бізнесу. Сучасні клієнти очікують, що зможуть швидко отримати інформацію про 
послугу, переглянути приклади виконаних робіт, оцінити можливі варіанти 
оформлення та залишити заявку онлайн без необхідності тривалого листування 
або телефонних уточнень [7, 8]. Для послуг канді-бару це особливо важливо, 
оскільки рішення про замовлення часто приймається на основі візуального 
враження, вартості, тематики оформлення та зручності комунікації. 
По-друге, вебсистема дозволяє підвищити якість обробки заявок. На 
відміну від замовлень через месенджери або телефон, електронна форма 
бронювання дає змогу одразу отримати структуровану інформацію: дату заходу, 
місце проведення, кількість гостей, тип події, бажаний стиль оформлення, 
контактні дані та додаткові побажання [9]. Це скорочує час первинного 
узгодження, зменшує кількість помилок і допомагає адміністратору швидше 
приймати рішення щодо можливості виконання замовлення. 
По-третє, розробка вебсистеми сприяє автоматизації внутрішніх бізнес-
процесів. Адміністратор може переглядати всі отримані заявки в одному 
середовищі, змінювати їх статус, уточнювати деталі, контролювати зайнятість дат 
і зберігати історію звернень. Такий підхід є ефективнішим, ніж ведення 
замовлень у паперових записниках, таблицях або розрізнених повідомленнях у 
різних каналах зв’язку. 
По-четверте, вебсистема бронювання має важливе маркетингове значення. 
Вона може містити фотогалерею, опис пакетів послуг, приклади тематичних 
канді-барів, інформацію про доставку, переваги компанії та відгуки клієнтів. Це 
сприяє формуванню довіри до виконавця, підвищує професійність представлення 
Арк. 
 ЧДТУ 262115.05 ПЗ 
10 
Змн. Арк. № Документа Підпис Дата  
 
послуг і допомагає потенційному клієнту швидше прийняти рішення щодо 
замовлення. 
По-п’яте, така система забезпечує гнучкість і можливість подальшого 
розвитку. На початковому етапі вона може містити базові модулі: каталог послуг, 
портфоліо, форму бронювання та адміністративну панель. У майбутньому 
функціональність можна розширити шляхом додавання календаря зайнятості, 
онлайн-оплати, автоматичних сповіщень, попереднього розрахунку вартості, 
інтеграції з месенджерами або аналітики популярності окремих послуг. 
Крім того, розробка вебсистеми є доцільною з економічного погляду. Вона 
дозволяє зменшити витрати часу на обробку типових звернень, знизити 
ймовірність організаційних помилок, покращити контроль за замовленнями та 
підвищити рівень обслуговування клієнтів. Для малого бізнесу у сфері канді-
барів це є важливим чинником конкурентоспроможності [10, 11], оскільки 
зручність онлайн-взаємодії може стати перевагою порівняно з компаніями, які 
приймають замовлення лише телефоном або через соціальні мережі. 
Таким чином, доцільність розробки вебсистеми бронювання послуг канді-
бару обґрунтована потребою в автоматизації приймання та опрацювання заявок, 
підвищенні якості комунікації з клієнтами, зручному представленні послуг, 
покращенні організації роботи адміністратора та впровадженні сучасних 
цифрових рішень у сферу кейтерингового обслуговування. Розроблювана система 
має забезпечити ефективну взаємодію між клієнтом і виконавцем, спростити 
процес бронювання та створити умови для подальшого розвитку послуг канді-
бару в цифровому середовищі. 
 
1.3 Чинники, які впливають на розробку веборієнтованої системи 
бронювання послуг канді-бару 
 
Розробка вебсистеми бронювання послуг канді-бару в Україні потребує 
врахування низки чинників, пов’язаних зі специфікою кейтерингової діяльності, 
особливостями поведінки споживачів, організацією святкових заходів, 
Арк. 
 ЧДТУ 262115.05 ПЗ 
11 
Змн. Арк. № Документа Підпис Дата  
 
технічними можливостями підприємства та вимогами нормативного середовища. 
Оскільки канді-бар є різновидом кейтерингової послуги, така система має бути 
орієнтована не лише на приймання заявки від клієнта, а й на підтримку процесів 
підготовки, узгодження та виконання індивідуального замовлення. 
Одним із визначальних чинників є характер кейтерингового 
обслуговування. Кейтеринг передбачає надання послуг поза межами 
стаціонарного закладу або за спеціальним замовленням клієнта. Він може 
охоплювати приготування продукції, її доставку, оформлення простору, 
організацію обслуговування, залучення персоналу та надання додаткових послуг 
залежно від формату заходу. Тому вебсистема бронювання повинна бути 
спрямована не лише на фіксацію контактних даних замовника, а й на збирання 
повної інформації про майбутню подію. 
Особливе значення має індивідуальний характер послуг канді-бару. Кожне 
замовлення залежить від типу заходу, віку та кількості гостей, тематики свята, 
бажаної кольорової гами, складу десертів, місця проведення, умов доставки, часу 
монтажу та демонтажу. Через це під час розробки системи необхідно 
передбачити гнучку форму бронювання, яка дозволить клієнту не лише обрати 
стандартний пакет послуг, а й описати власні побажання. Водночас форма не 
повинна бути надмірно складною, оскільки велика кількість обов’язкових полів 
може ускладнити користування сайтом і знизити бажання клієнта залишати 
заявку. 
На проєктування вебсистеми також впливає сезонність попиту. Послуги 
канді-бару частіше замовляють у періоди весільного сезону, випускних, 
новорічних корпоративів, дитячих свят, вихідних і святкових днів. Це зумовлює 
потребу в зручному перегляді бронювань за датами, статусами та типами заходів. 
Система має допомагати адміністратору контролювати зайнятість дат, уникати 
накладання замовлень і швидко оцінювати можливість виконання нового запиту. 
Важливим чинником є логістика виконання замовлень. У кейтеринговій 
діяльності значну роль відіграють своєчасне транспортування продукції, 
збереження її зовнішнього вигляду, підготовка обладнання, прибуття на місце 
Арк. 
 ЧДТУ 262115.05 ПЗ 
12 
Змн. Арк. № Документа Підпис Дата  
 
події та оформлення зони обслуговування. Для канді-бару це особливо важливо, 
оскільки естетичний вигляд десертів і декоративної композиції є однією з 
головних складових послуги. Тому у вебсистемі доцільно передбачити поля для 
зазначення адреси, часу доставки, особливостей локації, умов монтажу та 
додаткових коментарів клієнта. 
Окремої уваги потребує візуальна складова. Для послуг канді-бару важливо 
не лише те, які десерти пропонуються, а й те, як вони оформлені. Клієнт часто 
приймає рішення на основі фотографій, прикладів попередніх робіт, кольорових 
рішень і тематичних композицій. Саме тому вебсистема повинна містити зручне 
портфоліо, якісні зображення, логічну навігацію між прикладами оформлення та 
можливість регулярного оновлення фотогалереї адміністратором. 
Під час розробки необхідно враховувати й різні категорії потенційних 
клієнтів. Замовниками послуг канді-бару можуть бути приватні особи, батьки 
дітей, молодята, корпоративні клієнти, навчальні заклади, івент-агенції та 
організатори свят. Кожна з цих груп має власні потреби: приватним клієнтам 
важлива простота замовлення, корпоративним — чіткість умов і своєчасність 
виконання, а івент-агенціям — можливість швидко узгодити деталі для 
конкретного формату заходу. Тому інтерфейс системи має бути універсальним, 
зрозумілим і придатним як для приватного, так і для корпоративного замовлення. 
На розробку вебсистеми впливає також конкуренція у сфері кейтерингових 
і святкових послуг. В Україні значна частина малого бізнесу просуває подібні 
послуги через соціальні мережі, месенджери або сторінки в Instagram і Facebook. 
У таких умовах вебсистема не повинна просто дублювати соціальні мережі, а має 
доповнювати їх: надавати структуровану інформацію, зберігати заявки, 
забезпечувати зручне бронювання та формувати більш професійний імідж 
виконавця. 
Не менш важливими є правові аспекти та питання захисту персональних 
даних. Під час бронювання клієнт передає ім’я, номер телефону, електронну 
адресу, адресу або місце проведення заходу, дату події та інші відомості. Тому 
система повинна передбачати захищений доступ до адміністративної частини, 
Арк. 
 ЧДТУ 262115.05 ПЗ 
13 
Змн. Арк. № Документа Підпис Дата  
 
використання безпечної авторизації, обмеження доступу до персональної 
інформації та інформування користувача про обробку його даних. 
Оскільки послуги канді-бару пов’язані з десертами й напоями, важливим 
чинником є довіра клієнтів до якості та безпечності продукції. Замовники можуть 
цікавитися складом десертів, наявністю алергенів, умовами транспортування, 
свіжістю виробів і можливістю індивідуального підбору асортименту. Тому 
інформаційна частина сайту має містити зрозумілі описи послуг, склад наборів 
або можливість уточнення інгредієнтів перед підтвердженням замовлення. 
Технічна доступність вебсистеми також має суттєве значення. Сайт 
повинен коректно працювати на комп’ютерах, планшетах і смартфонах, оскільки 
значна частина користувачів переглядає послуги та залишає заявки саме з 
мобільних пристроїв. Важливими є швидке завантаження сторінок, простий 
інтерфейс, зрозуміла структура меню, доступність контактної інформації та 
мінімальна кількість дій для оформлення бронювання. 
Крім того, під час розробки потрібно враховувати обмежені ресурси малого 
підприємства. Бізнес, що надає послуги канді-бару, не завжди потребує складної 
корпоративної інформаційної системи. Тому розробка має бути раціональною та 
поетапною. На початковому етапі доцільно реалізувати базові функції: каталог 
послуг, портфоліо, форму бронювання, адміністративну панель, керування 
заявками та редагування контенту. Надалі систему можна розширити модулями 
онлайн-оплати, календарем зайнятості, сповіщеннями або аналітикою замовлень. 
Отже, на розробку вебсистеми бронювання послуг канді-бару в Україні 
впливають організаційні, ринкові, споживчі, логістичні, правові, технічні та 
економічні чинники. Їх урахування дає змогу створити систему, яка 
відповідатиме реальним умовам роботи кейтерингового бізнесу, буде зручною 
для клієнтів і допоможе підприємству ефективніше організовувати процес 
приймання та опрацювання замовлень. 
 
 
Арк. 
 ЧДТУ 262115.05 ПЗ 
14 
Змн. Арк. № Документа Підпис Дата  
 
1.4 Аналітичний огляд існуючих веборієнтованих систем 
кондитерських і кейтерингових компаній 
 
Для визначення функціональних і нефункціональних вимог до вебсистеми 
бронювання послуг канді-бару доцільно проаналізувати наявні вебресурси, які 
пропонують подібні послуги. Такий аналіз дозволяє виявити типові підходи до 
подання інформації, організації каталогу, оформлення заявки, використання 
кошика, візуального представлення продукції та взаємодії з користувачем. 
У межах огляду було розглянуто сайти кондитерських і кейтерингових 
компаній, які надають послуги з оформлення канді-барів або продажу десертів 
для святкових заходів: «Арабеска», «CakeShoko», «SWEET KINGDOM» та «UBI 
Кейтеринг студія». Особливу увагу приділено зручності інтерфейсу, структурі 
навігації, наявності форми замовлення, кошика, калькулятора вартості, 
портфоліо, адаптивності та загальній якості користувацької взаємодії. 
 
1.4.1 Сайт кондитерської «Арабеска» 
Сайт кондитерської «Арабеска» має простий і стриманий дизайн. Його 
структура не перевантажена зайвими декоративними елементами, завдяки чому 
користувач може швидко зорієнтуватися на сторінці. Основне меню розташоване 
у верхній частині вебресурсу, що відповідає поширеним принципам побудови 
навігації [12]. Розділи сайту мають логічну послідовність, а текстова інформація 
подана достатньо зрозуміло. 
Позитивною особливістю сайту є наявність сторінки, присвяченої канді-
барам. На ній користувач може ознайомитися з прикладами оформлення, 
переглянути візуальне представлення продукції та отримати загальне уявлення 
про послугу (рис. 1.1). Також перевагою є наявність візуального калькулятора, 
який дозволяє приблизно розрахувати вартість канді-бару залежно від кількості 
гостей. Це корисний елемент, оскільки клієнт може попередньо оцінити бюджет 
замовлення ще до звернення до адміністратора. 
 
Арк. 
 ЧДТУ 262115.05 ПЗ 
15 
Змн. Арк. № Документа Підпис Дата  
 
 
Рисунок 1.1 – Головна сторінка сайту кондитерської «Арабеска» 
 
На сайті передбачена проста форма замовлення, у якій користувач може 
зазначити ім’я, номер телефону та бажану дату канді-бару. Такий підхід спрощує 
первинне звернення клієнта, однак функціональність форми є обмеженою. Вона 
не дає змоги детально вказати тематику заходу, місце проведення, кількість 
гостей, побажання щодо оформлення, доставки чи складу солодощів. 
До недоліків ресурсу можна віднести відсутність повноцінного кошика, за 
допомогою якого користувач міг би самостійно сформувати набір продукції. 
Також сайт має обмежену кількість інтерактивних елементів і майже не 
використовує мультимедійний контент, який міг би підвищити емоційне 
залучення відвідувача. Колірна гама є базовою, а візуальне оформлення могло б 
бути більш сучасним, особливо з огляду на естетичний характер послуг канді-
бару. 
Окремим недоліком є недостатня адаптивність. У разі перегляду з 
мобільних пристроїв окремі елементи можуть бути менш зручними для 
сприйняття, що негативно впливає на користувацький досвід. Також на сайті не 
простежується повне дотримання вимог доступності, зокрема щодо 
Арк. 
 ЧДТУ 262115.05 ПЗ 
16 
Змн. Арк. № Документа Підпис Дата  
 
альтернативних текстів для зображень або можливості комфортного 
масштабування тексту. 
 
1.4.2 Сайт компанії «CakeShoko» 
Сайт компанії «CakeShoko» призначений для представлення кондитерської 
продукції та приймання замовлень через інтернет [13]. Головне меню містить 
основні розділи: «Наша продукція», «Торт на замовлення», «Начинки», 
«Фотозвіти», «Про нас», «Доставка і оплата». Така структура є зрозумілою для 
користувача і дозволяє швидко перейти до потрібної категорії товарів або 
інформації про компанію (рис. 1.2). 
 
 
Рисунок 1.2 – Головна сторінка сайту компанії «CakeShoko» 
 
Розділ Candy Bar доступний через меню «Наша продукція». На відповідній 
сторінці представлені товари, які можуть використовуватися для оформлення 
святкового солодкого столу, зокрема кейкпопси, печиво та пряники. Кожна 
позиція має зображення, назву та ціну. При наведенні на фото з’являється 
додаткова інформація і кнопка для замовлення. Після натискання кнопки 
Арк. 
 ЧДТУ 262115.05 ПЗ 
17 
Змн. Арк. № Документа Підпис Дата  
 
користувач переходить на сторінку товару, де може вказати кількість одиниць і 
додати позицію до кошика. 
Перевагою цього сайту є наявність механізму кошика. На відміну від 
ресурсів, які лише пропонують залишити контактні дані, «CakeShoko» дозволяє 
користувачеві самостійно сформувати попереднє замовлення з окремих товарів. 
Це підвищує зручність взаємодії, особливо для клієнтів, які вже визначилися з 
конкретними позиціями. 
Інтерфейс сайту загалом простий і зрозумілий. Основні елементи розміщені 
логічно, а використання білого простору допомагає уникнути візуального 
перевантаження. Текст добре читається завдяки достатньому контрасту між 
шрифтом і фоном. Великі кольорові зображення продукції привертають увагу та 
допомагають користувачу оцінити зовнішній вигляд десертів. 
Водночас дизайн сайту виглядає дещо застарілим і може бути оновлений 
відповідно до сучасних тенденцій вебдизайну. Навігаційні елементи не завжди 
достатньо акцентовані, тому окремі посилання варто було б зробити 
помітнішими. Адаптивність реалізована частково: на мобільних пристроях деякі 
елементи можуть виглядати менш зручно або потребувати додаткового 
масштабування. 
До недоліків також можна віднести недостатній рівень доступності. Не 
завжди очевидно, чи всі зображення мають альтернативні описи, а можливості 
для користувачів з особливими потребами є обмеженими. Крім того, сайт більше 
орієнтований на продаж окремих кондитерських виробів, ніж на комплексне 
бронювання послуги канді-бару. Користувач може додати товари до кошика, 
однак для повноцінного замовлення святкового оформлення бракує полів для 
зазначення тематики події, місця проведення, часу доставки, монтажу та інших 
організаційних деталей. 
 
1.4.3 Сайт компанії «SWEET KINGDOM» 
Сайт компанії «SWEET KINGDOM» має класичну структуру з 
вертикальним меню, розташованим у лівій частині сторінки. Меню містить 
Арк. 
 ЧДТУ 262115.05 ПЗ 
18 
Змн. Арк. № Документа Підпис Дата  
 
основні розділи: «Товари і послуги», «Портфоліо», «Новини», «Презентації та 
документи», «Про нас», «Відгуки», «Доставка і оплата» [14]. Така побудова 
забезпечує швидкий доступ до основної інформації, однак загальний вигляд 
сайту справляє враження застарілого. 
Головна сторінка містить карусель зображень, блоки з групами товарів і 
послуг, а також карту з місцем розташування компанії (рис. 1.3). Колірне 
оформлення виконане у спокійних тонах, що не відволікає користувача від 
змісту. Інформаційні блоки розміщені достатньо послідовно, а наявність 
портфоліо та прикладів робіт є важливою перевагою для сфери канді-барів, де 
візуальне враження суттєво впливає на рішення клієнта. 
 
 
Рисунок 1.3 – Головна сторінка сайту компанії «SWEET KINGDOM» 
 
1.4.4 Сайт компанії «UBI Кейтеринг студія»  
Сайт компанії «UBI Кейтеринг студія» орієнтований на представлення 
кейтерингових послуг, серед яких окремим напрямом виділено Candy Bar. Ресурс 
має просту структуру і поєднує інформаційні, презентаційні та комерційні 
елементи. На сторінці канді-бару розміщено великі зображення, опис послуги, 
Арк. 
 ЧДТУ 262115.05 ПЗ 
19 
Змн. Арк. № Документа Підпис Дата  
 
калькулятор вартості, приклади меню, портфоліо, кейтеринг-бокси, відгуки 
клієнтів і інформацію про партнерів [15]. 
Перевагою сайту є наявність калькулятора, який дає змогу користувачеві 
попередньо оцінити вартість послуги. Це важливий елемент для кейтерингової 
сфери, оскільки ціна часто залежить від кількості гостей, формату 
обслуговування та обраного набору продукції. Також позитивним є використання 
великих фотографій, які допомагають відвідувачу швидко сформувати візуальне 
уявлення про послугу. 
На сайті передбачено кошик. Користувач може обрати певний набір, 
наприклад сет канапок або іншу позицію, і додати його до замовлення. Такий 
функціонал наближає ресурс до інтернет-магазину та робить процес взаємодії 
більш зручним. Водночас послуга канді-бару має комплексний характер, тому 
лише кошика недостатньо для повноцінного бронювання заходу. Для цього 
потрібна форма із зазначенням дати, місця, тематики події, часу доставки, 
кількості гостей та додаткових побажань. 
Головне меню сайту розміщене у верхній частині сторінки, однак його 
візуальне оформлення не завжди достатньо виразне (рис. 1.4).  
Через дрібний текст користувач не одразу розуміє, що саме цей блок є 
основною навігацією. Також на сторінці присутнє бічне вертикальне меню, де 
Candy Bar подано як один із розділів. Така структура забезпечує доступ до різних 
категорій послуг, але водночас може створювати певне інформаційне 
навантаження. 
Текстова інформація на сайті читається достатньо добре, оскільки між 
шрифтом і фоном збережено прийнятний контраст. Колірна гама є стриманою, 
проте не дуже виразною.  
Сайт майже не використовує відео або інші мультимедійні елементи, хоча 
для демонстрації канді-барів доцільними могли б бути відеоогляди, короткі 
презентації процесу оформлення або інтерактивні галереї. 
 
 
Арк. 
 ЧДТУ 262115.05 ПЗ 
20 
Змн. Арк. № Документа Підпис Дата  
 
 
Рисунок 1.4 – Головна сторінка сайту компанії «UBI Кейтеринг студія»  
 
Загалом сайт «UBI Кетеринг студія» має низку корисних функцій: 
калькулятор, портфоліо, кошик, відгуки та опис послуг. Проте для задачі 
бронювання канді-бару він також не є повністю завершеним рішенням, оскільки 
не забезпечує комплексного оформлення заявки з усіма параметрами 
майбутнього заходу. 
Проведений аналіз показав, що більшість розглянутих сайтів виконують 
передусім презентаційну або комерційну функцію. Вони демонструють приклади 
продукції, містять фотографії, опис послуг, контактну інформацію, іноді 
калькулятор вартості або кошик. Водночас жоден із розглянутих ресурсів не 
забезпечує повністю зручного та комплексного процесу бронювання послуг 
канді-бару з урахуванням усіх специфічних параметрів замовлення. 
Основними перевагами проаналізованих сайтів є: 
– наявність фотогалерей і портфоліо виконаних робіт; 
– можливість перегляду окремих товарів або варіантів оформлення; 
Арк. 
 ЧДТУ 262115.05 ПЗ 
21 
Змн. Арк. № Документа Підпис Дата  
 
– використання простих форм зворотного зв’язку; 
– наявність калькуляторів вартості на окремих ресурсах; 
– використання кошика для додавання товарів на деяких сайтах; 
– наявність контактної інформації та опису умов доставки. 
Водночас було виявлено такі недоліки: 
– відсутність повноцінного механізму бронювання канді-бару; 
– недостатня деталізація форм заявки; 
– обмежена адаптивність окремих сайтів для мобільних пристроїв; 
– застарілий дизайн деяких ресурсів; 
– недостатня увага до доступності інтерфейсу; 
– відсутність календаря зайнятості або вибору дати; 
– недостатня інтеграція між каталогом, портфоліо та оформленням 
замовлення; 
– обмежені можливості адміністративного керування заявками. 
Отримані результати підтверджують доцільність розробки вебсистеми 
бронювання послуг канді-бару, яка поєднуватиме функції інформаційного сайту, 
портфоліо, каталогу послуг і сервісу оформлення заявки. У такій системі 
доцільно передбачити перегляд прикладів оформлення, опис пакетів послуг, 
форму бронювання з детальними параметрами події, можливість зазначення 
індивідуальних побажань, адміністративну панель для опрацювання заявок і 
зручний адаптивний інтерфейс. 
 
1.5 Висновки до розділу 1 
 
У розділі досліджено предметну область вебсистеми бронювання послуг 
канді-бару, проаналізовано особливості кейтерингового обслуговування та 
визначено роль канді-бару як популярного елемента організації святкових 
заходів. Обґрунтовано актуальність розробки вебсистеми, яка забезпечує 
автоматизацію приймання замовлень, підвищення якості обслуговування клієнтів 
та спрощення процесу бронювання послуг. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
22 
Змн. Арк. № Документа Підпис Дата  
 
Проведено аналіз факторів, що впливають на створення подібних 
вебресурсів, а також виконано огляд існуючих сайтів канді-барів і кейтерингових 
компаній. За результатами аналізу встановлено, що більшість наявних рішень 
мають переважно інформаційний характер і не забезпечують повноцінної 
автоматизації процесу оформлення замовлень. 
Отримані результати підтвердили доцільність розробки вебсистеми 
бронювання послуг канді-бару, яка поєднує функції презентації послуг, каталогу 
продукції, кошика замовлень і системи бронювання, забезпечуючи зручну 
взаємодію між клієнтом та виконавцем і підвищуючи ефективність організації 
замовлень.  
Арк. 
 ЧДТУ 262115.05 ПЗ 
23 
Змн. Арк. № Документа Підпис Дата  
 
РОЗДІЛ 2. ОБҐРУНТУВАННЯ ТЕХНІЧНОГО ЗАВДАННЯ 
 
 
2.1 Призначення веборієнтованої системи бронювання послуг канді-
бару 
 
Якість надання кейтерингових послуг значною мірою залежить від якості 
комунікації між замовником і виконавцем, швидкості опрацювання заявок, 
точності фіксації деталей замовлення та зручності доступу клієнтів до інформації 
про послуги. У сфері організації канді-барів ці чинники мають особливе 
значення, оскільки кожне замовлення є індивідуальним і потребує узгодження 
тематики заходу, кількості гостей, асортименту десертів, кольорової гами, місця 
проведення, дати, часу доставки, монтажу та інших організаційних деталей. 
Традиційний спосіб приймання замовлень через телефонні дзвінки, 
соціальні мережі або месенджери не завжди забезпечує належний рівень 
структурованості інформації. Частина даних може бути втрачена, окремі деталі 
потребують повторного уточнення, а адміністратор змушений вручну 
систематизувати заявки. Це ускладнює контроль за бронюваннями, особливо в 
періоди підвищеного попиту, наприклад під час свят, весільного сезону, 
випускних або корпоративних заходів. 
Вебсистема бронювання послуг канді-бару призначена для автоматизації 
процесу приймання, збереження та опрацювання заявок на оформлення солодких 
столів для різних типів заходів. Вона забезпечує зручну взаємодію між клієнтом і 
виконавцем, дозволяє користувачу переглянути доступні послуги, ознайомитися з 
прикладами оформлення, обрати бажаний формат канді-бару та залишити заявку 
через спеціальну електронну форму. 
Основною метою створення вебсистеми є підвищення ефективності 
організації послуг канді-бару шляхом впровадження цифрового інструменту для 
бронювання, адміністрування заявок і представлення послуг в інтернеті. Така 
система сприяє зменшенню кількості організаційних помилок, скороченню часу 
Арк. 
 ЧДТУ 262115.05 ПЗ 
24 
Змн. Арк. № Документа Підпис Дата  
 
первинної комунікації з клієнтом, покращенню якості обслуговування та 
формуванню професійного іміджу підприємства. 
Вебсистема бронювання послуг канді-бару має забезпечувати виконання 
таких основних функцій: представлення інформації про послуги, відображення 
портфоліо виконаних робіт, подання опису доступних пакетів або варіантів 
оформлення, приймання заявок від клієнтів, збереження контактних даних і 
параметрів події, а також надання адміністратору можливості переглядати, 
редагувати та опрацьовувати отримані бронювання. 
На практичну цінність вебсистеми бронювання послуг канді-бару вказують 
такі аспекти: 
1. Надання клієнтам зручного доступу до інформації про послуги канді-
бару незалежно від часу та місця перебування. Користувач може переглянути 
приклади оформлення, ознайомитися з асортиментом, умовами співпраці та 
залишити заявку онлайн без необхідності попереднього телефонного звернення. 
2. Спрощення процесу бронювання завдяки використанню електронної 
форми заявки. Клієнт може зазначити дату події, кількість гостей, місце 
проведення, тип заходу, бажаний стиль оформлення та додаткові побажання, що 
дозволяє адміністратору одразу отримати структуровану інформацію. 
3. Підвищення якості комунікації між клієнтом і виконавцем. Наявність 
єдиної системи для збереження заявок допомагає уникнути втрати даних, 
дублювання повідомлень і непорозумінь під час узгодження деталей замовлення. 
4. Автоматизація роботи адміністратора. Система дозволяє переглядати 
всі отримані заявки, змінювати їх статус, аналізувати поточні бронювання, 
оновлювати інформацію про послуги та керувати контентом сайту без потреби 
вести замовлення вручну. 
5. Покращення візуального представлення послуг. Оскільки для канді-
бару важливе естетичне оформлення, вебсистема дає змогу розміщувати 
фотогалерею, приклади тематичних композицій, описи пакетів і варіанти 
оформлення, що допомагає клієнту швидше визначитися з вибором. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
25 
Змн. Арк. № Документа Підпис Дата  
 
6. Підвищення конкурентоспроможності підприємства. Наявність 
сучасної вебсистеми з функцією бронювання створює позитивне враження про 
виконавця, демонструє професійний підхід до організації послуг і робить 
взаємодію з клієнтом більш зручною. 
7. Можливість подальшого розвитку системи. У майбутньому 
вебсистему можна доповнити календарем зайнятості, модулем онлайн-оплати, 
автоматичними сповіщеннями, попереднім розрахунком вартості, інтеграцією з 
месенджерами або аналітикою популярності окремих послуг. 
Усі зазначені аспекти підтверджують практичну значущість вебсистеми 
бронювання послуг канді-бару. Її використання дозволяє поєднати інформаційне 
представлення послуг, електронне бронювання та адміністрування заявок в 
одному цифровому середовищі. Це сприяє підвищенню зручності для клієнтів, 
оптимізації роботи підприємства та покращенню якості надання кейтерингових 
послуг. 
 
2.2 Вимоги до дизайну веборієнтованої системи бронювання послуг 
канді-бару 
 
Під час розробки вебсистеми бронювання послуг канді-бару важливе 
значення має не лише функціональність, а й якість дизайну користувацького 
інтерфейсу. Оскільки послуги канді-бару пов’язані з організацією святкових 
подій, оформленням солодких столів, добором десертів і створенням естетичного 
враження, зовнішній вигляд вебсистеми повинен відповідати тематиці сервісу та 
викликати довіру в потенційних клієнтів. 
Дизайн вебсистеми має забезпечувати зручне ознайомлення з послугами, 
швидкий доступ до форми бронювання, перегляд прикладів виконаних робіт і 
зрозумілу взаємодію з усіма елементами сайту. Користувач повинен без 
додаткових пояснень розуміти, де переглянути варіанти оформлення, як 
залишити заявку, де знайти контактну інформацію та як уточнити деталі 
замовлення. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
26 
Змн. Арк. № Документа Підпис Дата  
 
До основних вимог до дизайну вебсистеми бронювання послуг канді-бару 
належать такі: 
1. Естетична відповідність тематиці послуг. Дизайн сайту має бути легким, 
святковим і візуально привабливим. Доцільно використовувати гармонійну 
кольорову гаму, якісні фотографії канді-барів, сучасні шрифти та акуратні 
декоративні елементи без перевантаження сторінок. 
2. Зрозуміла структура та проста навігація. Основні розділи сайту мають 
бути логічно впорядковані: «Головна», «Послуги», «Портфоліо», «Бронювання», 
«Про нас», «Контакти». Користувач повинен швидко знаходити потрібну 
інформацію та мати можливість перейти до форми бронювання з будь-якої 
основної сторінки. 
3. Зручна форма бронювання. Форма заявки повинна бути простою та 
зрозумілою. У ній доцільно передбачити поля для імені, номера телефону, 
електронної пошти, дати події, кількості гостей, місця проведення, типу заходу та 
додаткових побажань. Поля мають супроводжуватися зрозумілими підписами й 
повідомленнями про помилки. 
4. Адаптивність інтерфейсу. Вебсистема повинна коректно працювати на 
комп’ютерах, планшетах і смартфонах. Особливо важливо забезпечити зручність 
мобільної версії, оскільки значна частина користувачів переглядає послуги та 
залишає заявки саме з телефону. 
5. Якісне візуальне представлення послуг. Портфоліо має містити якісні 
фотографії прикладів оформлення канді-барів. Доцільно структурувати їх за 
типами заходів: дитячі свята, весілля, дні народження, корпоративи та тематичні 
події. 
6. Читабельність і доступність. Текстова інформація має бути легкою для 
сприйняття: достатній контраст між текстом і фоном, зручний розмір шрифту, 
короткі абзаци, зрозумілі заголовки та логічне розміщення інформаційних блоків. 
Інтерфейс має бути зручним для користувачів із різним рівнем цифрової 
грамотності. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
27 
Змн. Арк. № Документа Підпис Дата  
 
7. Швидкість завантаження сторінок. Оскільки сайт міститиме багато 
зображень, їх необхідно оптимізувати. Сторінки повинні завантажуватися 
швидко, щоб користувач не втрачав інтерес до послуги. 
8. Єдиний стиль оформлення. Усі сторінки вебсистеми мають бути 
виконані в одному стилі: однакова кольорова палітра, узгоджені шрифти, кнопки, 
форми та інформаційні блоки. Це створює цілісне враження та підвищує довіру 
до сервісу. 
9. Зручність адміністративної частини. Адміністративна панель повинна 
мати простий і зрозумілий інтерфейс. Адміністратор має швидко переглядати 
заявки, змінювати їх статус, редагувати інформацію про послуги, оновлювати 
портфоліо та керувати контентом сайту. 
Дизайн вебсистеми бронювання послуг канді-бару має поєднувати 
естетичну привабливість, простоту використання, адаптивність і 
функціональність. Дотримання цих вимог забезпечить зручну взаємодію 
користувачів із системою та сприятиме ефективному оформленню замовлень. 
 
2.3 Структура сервера та сторінок веборієнтованої системи 
бронювання послуг канді-бару 
 
Структура вебсистеми бронювання послуг канді-бару визначає спосіб 
організації її програмних компонентів, сторінок, даних і зв’язків між 
користувачем, сервером та базою даних. Від правильно побудованої структури 
залежить зручність користування системою, швидкість обробки заявок, 
надійність збереження інформації та можливість подальшого розширення 
функціональності. 
Архітектуру вебсистеми доцільно розглядати у двох аспектах: фізичному та 
логічному. Фізична структура описує розміщення компонентів системи на 
сервері, а логічна структура визначає організацію сторінок, модулів і взаємодію 
користувача з функціональними частинами вебсайту. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
28 
Змн. Арк. № Документа Підпис Дата  
 
Фізична структура вебсистеми бронювання послуг канді-бару охоплює 
клієнтську частину, серверну частину та базу даних. Клієнтська частина 
відповідає за відображення сторінок сайту в браузері користувача, зокрема 
головної сторінки, каталогу послуг, портфоліо, сторінки бронювання та 
контактної інформації. Вона забезпечує взаємодію користувача з інтерфейсом, 
введення даних у форму заявки та передавання цих даних на сервер. 
Серверна частина виконує обробку запитів, перевірку введених даних, 
збереження заявок, формування відповідей для користувача та забезпечення 
роботи адміністративної панелі. Через сервер здійснюється зв’язок між 
клієнтською частиною і базою даних. Наприклад, після заповнення форми 
бронювання дані передаються на сервер, перевіряються на коректність і 
зберігаються в базі даних як нова заявка. 
База даних використовується для збереження інформації, необхідної для 
роботи вебсистеми. У ній можуть зберігатися дані про послуги канді-бару, 
категорії оформлення, приклади робіт, заявки клієнтів, контактні дані, статуси 
бронювань, облікові записи адміністратора та інший контент сайту. Наявність 
бази даних дозволяє централізовано зберігати інформацію та швидко отримувати 
її під час перегляду сайту або опрацювання заявок. 
У загальному вигляді фізична структура вебсистеми бронювання послуг 
канді-бару може включати такі складові: 
– браузер користувача, через який здійснюється перегляд сайту та 
заповнення форми бронювання; 
– клієнтську частину вебсистеми, що відповідає за інтерфейс, структуру 
сторінок, форми, кнопки, галереї та інші елементи взаємодії; 
– серверну частину, яка опрацьовує запити користувача, виконує основну 
бізнес-логіку та забезпечує роботу адміністративного функціоналу; 
– базу даних, у якій зберігається інформація про послуги, заявки, 
користувацькі дані та контент сайту; 
Арк. 
 ЧДТУ 262115.05 ПЗ 
29 
Змн. Арк. № Документа Підпис Дата  
 
– адміністративну панель, через яку адміністратор може переглядати 
бронювання, змінювати їх статус, редагувати інформацію про послуги та 
оновлювати портфоліо. 
 
 
Рисунок 2.1 – Фізична структура вебсистеми бронювання послуг канді-бару 
 
Логічна структура вебсистеми визначає склад сторінок, порядок їх 
розміщення та зв’язки між ними. Вона повинна бути зрозумілою для користувача 
й забезпечувати швидкий перехід до основних розділів сайту.  
Для вебсистеми бронювання послуг канді-бару доцільно передбачити 
головну сторінку, сторінку з описом послуг, портфоліо, форму бронювання, 
сторінку з інформацією про компанію, контактну сторінку та адміністративну 
частину (рис. 2.2). 
Головна сторінка виконує презентаційну функцію. На ній доцільно 
розмістити короткий опис послуги, візуальний банер, переваги замовлення канді-
бару, приклади оформлення та кнопку швидкого переходу до бронювання. Саме з 
головної сторінки користувач повинен швидко зрозуміти призначення сайту та 
перейти до потрібного розділу. 
 
Арк. 
 ЧДТУ 262115.05 ПЗ 
30 
Змн. Арк. № Документа Підпис Дата  
 
 
Рисунок 2.2 – Логічна структура вебсистеми бронювання послуг канді-бару 
 
Сторінка «Candy» призначена для представлення асортименту десертної 
продукції. На ній розміщено каталог товарів, серед яких кейк-попси, морозиво, 
печиво-сендвічі, веріни, тістечка, шу, макаруни та інші солодощі. Для кожної 
позиції відображаються фотографія, назва, короткий опис і вартість. За 
допомогою кнопки «Замовити» користувач може додати товар до кошика для 
подальшого оформлення замовлення. 
Сторінка «Послуги» містить інформацію про пакети обслуговування канді-
бару: «Стандартний», «Преміум» та «Індивідуальний». Для кожного пакета 
наведено короткий опис і перелік основних можливостей. Після натискання 
кнопки «Забронювати» відкривається форма бронювання, у якій користувач 
зазначає очікувану кількість гостей, побажання щодо декору заходу, додаткові 
коментарі, контактні дані та спосіб доставки. Отримані дані зберігаються в базі 
даних і передаються адміністратору для подальшого опрацювання. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
31 
Змн. Арк. № Документа Підпис Дата  
 
Сторінка «Про нас» містить відомості про діяльність канді-бару, досвід 
роботи, особливості виготовлення десертів та переваги співпраці. Дана сторінка 
сприяє формуванню довіри до компанії та демонструє її професійний підхід до 
організації святкових заходів. 
Сторінка «Контакти» призначена для забезпечення комунікації між 
відвідувачами та адміністрацією вебресурсу. На ній розміщується контактна 
інформація, адреса електронної пошти, номер телефону та форма зворотного 
зв’язку, за допомогою якої користувачі можуть надсилати запитання, пропозиції 
або звернення. 
Окремою частиною логічної структури є адміністративна панель. Вона 
доступна лише авторизованому адміністратору та призначена для керування 
вмістом вебсистеми. Через адміністративну частину можна переглядати отримані 
заявки, змінювати їх статус, редагувати описи послуг, додавати або видаляти 
фотографії портфоліо, оновлювати контактну інформацію та контролювати 
загальний стан замовлень. 
Взаємодія фізичної та логічної структури забезпечує коректну роботу 
вебсистеми. Користувач переходить між сторінками відповідно до логічної 
структури сайту, а сервер і база даних забезпечують збереження, обробку та 
відображення потрібної інформації. Наприклад, коли клієнт переглядає 
портфоліо, система отримує відповідні зображення та описи з бази даних або 
файлового сховища. Коли користувач надсилає заявку на бронювання, сервер 
обробляє введені дані та створює новий запис у базі даних. 
Таким чином, структура сервера та сторінок вебсистеми бронювання 
послуг канді-бару має забезпечувати зручну взаємодію клієнта з сайтом, надійне 
збереження заявок, просте адміністрування контенту та можливість подальшого 
розширення функціональності. Поєднання продуманої фізичної та логічної 
структури сприяє стабільній роботі системи, підвищенню якості обслуговування 
клієнтів і ефективній організації процесу бронювання. 
 
 
Арк. 
 ЧДТУ 262115.05 ПЗ 
32 
Змн. Арк. № Документа Підпис Дата  
 
2.4 Навігація веборієнтованої системи бронювання послуг канді-бару 
 
Зручна та логічно організована навігація є одним із найважливіших 
елементів веборієнтованої системи бронювання послуг канді-бару. Від якості 
навігації залежить швидкість пошуку необхідної інформації користувачами, 
зручність оформлення замовлень та загальне враження від використання 
вебресурсу. 
При розробці веборієнтованої системи бронювання послуг канді-бару 
передбачено використання декількох видів навігаційних елементів та механізмів 
переходу між сторінками. 
1. Горизонтальне головне меню: 
o розташоване у верхній частині кожної сторінки сайту; 
o містить посилання на основні розділи вебресурсу: «Головна», 
«Candy», «Послуги», «Про нас», «Контакти»; 
o забезпечує швидкий доступ до будь-якого розділу системи незалежно 
від поточного місця перебування користувача. 
2. Адаптивне мобільне меню (бургер-меню): 
o використовується при перегляді сайту на смартфонах та планшетах; 
o реалізоване у вигляді кнопки з трьома горизонтальними лініями; 
o після натискання відображає всі основні розділи сайту; 
o дозволяє зберегти зручність користування на пристроях із невеликим 
екраном. 
3. Навігація каталогу товарів: 
o забезпечує швидкий перегляд асортименту десертів; 
o дозволяє переходити до окремих товарів та переглядати їх 
характеристики; 
o містить кнопки «Замовити», які додають товар до кошика без 
переходу на інші сторінки. 
4. Навігація кошика замовлень: 
o надає доступ до списку вибраних товарів; 
Арк. 
 ЧДТУ 262115.05 ПЗ 
33 
Змн. Арк. № Документа Підпис Дата  
 
o дозволяє змінювати кількість позицій або видаляти товари; 
o забезпечує перехід до оформлення замовлення; 
o відображає поточну вартість замовлення. 
5. Форма бронювання послуг 
o реалізує послідовне введення інформації про майбутній захід; 
o забезпечує зручний перехід між полями форми; 
o після заповнення дозволяє відправити заявку до системи для 
подальшого опрацювання адміністратором. 
6. Форма зворотного зв'язку 
o розміщена на сторінці «Контакти»; 
o дозволяє користувачам надсилати запити та повідомлення 
адміністрації; 
o забезпечує простий спосіб комунікації без використання сторонніх 
сервісів. 
7. Навігація у нижній частині сторінки (Footer) 
o містить дублікати основних посилань сайту; 
o надає доступ до контактної інформації та соціальних мереж; 
o дозволяє швидко перейти до потрібного розділу після перегляду 
сторінки. 
Застосування зазначених навігаційних засобів забезпечує зручну взаємодію 
користувачів із веборієнтованою системою бронювання послуг канді-бару, 
дозволяє швидко знаходити необхідну інформацію, оформлювати замовлення та 
надсилати заявки на бронювання незалежно від типу пристрою, що 
використовується для доступу до вебресурсу. 
 
2.5 Наповнення сторінок веборієнтованої системи бронювання послуг 
канді-бару 
 
Наповнення контентом веборієнтованої системи бронювання послуг канді-
бару є важливою складовою розробки, оскільки саме зміст сторінок формує у 
Арк. 
 ЧДТУ 262115.05 ПЗ 
34 
Змн. Арк. № Документа Підпис Дата  
 
користувача уявлення про компанію, її послуги та асортимент продукції. 
Інформаційне наповнення повинно бути зрозумілим, актуальним, візуально 
привабливим та достатнім для прийняття рішення щодо замовлення товарів або 
бронювання послуг. 
Головна сторінка містить загальну інформацію про діяльність канді-бару, 
його переваги та основні напрями роботи. Для привернення уваги відвідувачів 
використовуються тематичні фотографії десертів, банери та короткі інформаційні 
блоки. Також на сторінці розміщуються відомості про популярні послуги, 
переваги компанії та відгуки клієнтів. 
Сторінка «Candy» виконує роль каталогу продукції та містить перелік 
десертів, доступних для замовлення. Для кожного товару передбачено 
фотографію, назву, короткий опис, вартість та кнопку додавання до кошика. 
Такий підхід дозволяє користувачам швидко ознайомитися з асортиментом і 
сформувати замовлення без додаткових консультацій. 
На сторінці «Послуги» представлено пакети обслуговування, які може 
замовити клієнт. Для кожного пакета наведено опис, основні характеристики та 
умови надання послуг. Окрему увагу приділено формі бронювання, яка дозволяє 
вказати кількість гостей, побажання щодо оформлення заходу, контактні дані та 
іншу інформацію, необхідну для підготовки індивідуальної пропозиції. 
Сторінка «Про нас» містить інформацію про концепцію канді-бару, його 
цінності, переваги та досвід роботи. Додатково можуть використовуватися 
фотографії готових проєктів та приклади оформлення святкових заходів. 
На сторінці «Контакти» розміщується контактна інформація, адреса, карта 
розташування та форма зворотного зв'язку. За допомогою цієї форми користувачі 
можуть поставити запитання, залишити побажання або замовити консультацію 
менеджера. 
Важливим елементом наповнення вебресурсу є графічний контент. Якісні 
фотографії десертів, приклади оформлення канді-барів та сучасні дизайнерські 
рішення сприяють покращенню візуального сприйняття сайту та підвищують 
зацікавленість потенційних клієнтів. Усі текстові та графічні матеріали 
Арк. 
 ЧДТУ 262115.05 ПЗ 
35 
Змн. Арк. № Документа Підпис Дата  
 
структуровані відповідно до логіки користувацької взаємодії, що забезпечує 
зручний пошук інформації та комфортне використання вебсистеми. 
Таким чином, наповнення сторінок веборієнтованої системи бронювання 
послуг канді-бару забезпечує інформування користувачів про асортимент 
продукції та доступні послуги, сприяє ефективній взаємодії з клієнтами та 
створює позитивний імідж компанії. 
 
2.6 Адміністрування веборієнтованої системи бронювання послуг 
канді-бару 
 
Для адміністрування вебсистеми бронювання послуг канді-бару 
використовується система управління контентом WordPress. Вона забезпечує 
зручне керування вмістом сайту, опрацювання заявок, оновлення інформації про 
послуги, редагування сторінок і підтримку актуальності вебресурсу без 
необхідності безпосередньо змінювати програмний код. 
WordPress є поширеною системою управління контентом, яка має зручну 
адміністративну панель, гнучкі можливості налаштування та підтримує 
розширення функціональності за допомогою тем і плагінів. Завдяки цьому її 
доцільно використовувати для створення та адміністрування вебсистеми 
бронювання послуг канді-бару, оскільки вона дозволяє швидко оновлювати 
інформацію про послуги, додавати нові матеріали, керувати заявками клієнтів і 
змінювати структуру сайту відповідно до потреб підприємства. 
Адміністрування вебсистеми за допомогою WordPress передбачає 
керування основними сторінками сайту [16, 17], зокрема сторінками «Головна», 
«Послуги», «Портфоліо», «Бронювання», «Про нас» і «Контакти». Адміністратор 
може редагувати текстові матеріали, оновлювати контактну інформацію, 
додавати опис нових послуг, змінювати умови бронювання, публікувати 
актуальні пропозиції та підтримувати сайт у робочому стані. 
Однією з важливих функцій адміністрування є керування послугами канді-
бару. Через адміністративну панель WordPress можна додавати або редагувати 
Арк. 
 ЧДТУ 262115.05 ПЗ 
36 
Змн. Арк. № Документа Підпис Дата  
 
інформацію про доступні варіанти оформлення, склад десертів, орієнтовну 
вартість, умови доставки, монтажу та демонтажу [18]. Це дозволяє оперативно 
оновлювати зміст сайту у разі зміни асортименту, цін або умов надання послуг. 
Оскільки канді-бар має виражену візуальну складову, важливим елементом 
адміністрування є робота з медіафайлами. WordPress дає змогу завантажувати 
зображення, створювати фотогалереї, додавати описи до робіт і формувати 
портфоліо виконаних замовлень. Адміністратор може групувати приклади 
оформлення за типами заходів, наприклад дитячі свята, весілля, дні народження, 
корпоративи або тематичні події. Це допомагає потенційним клієнтам швидше 
оцінити стиль роботи та обрати бажаний варіант оформлення. 
Для приймання заявок на бронювання у WordPress можуть 
використовуватися спеціальні плагіни для форм зворотного зв’язку або 
бронювання. За їх допомогою на сайті створюється електронна форма, у якій 
клієнт зазначає ім’я, номер телефону, електронну пошту, дату події, місце 
проведення, кількість гостей, тип заходу та додаткові побажання. Після 
надсилання форми заявка надходить адміністратору та може зберігатися в 
системі або надсилатися на електронну пошту. 
Адміністратор вебсистеми має змогу переглядати отримані заявки, 
аналізувати інформацію про майбутні заходи та зв’язуватися з клієнтами для 
уточнення деталей. Для зручності опрацювання бронювань доцільно передбачити 
можливість фіксації статусів заявок, наприклад «нова», «в обробці», 
«підтверджена», «скасована» або «виконана». Це допомагає контролювати 
поточний стан замовлень і уникати плутанини під час роботи з кількома 
клієнтами одночасно. 
Важливою перевагою WordPress є можливість розмежування прав доступу. 
У системі можна створювати облікові записи користувачів із різними ролями, 
наприклад адміністратора, редактора або менеджера. Це дозволяє обмежити 
доступ до окремих функцій адміністративної панелі та забезпечити безпечніше 
керування сайтом. Наприклад, адміністратор може мати повний доступ до всіх 
налаштувань, а менеджер — лише до перегляду й опрацювання заявок. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
37 
Змн. Арк. № Документа Підпис Дата  
 
Безпека є важливим аспектом адміністрування вебсистеми, оскільки під час 
бронювання обробляються персональні дані клієнтів. Для захисту інформації 
необхідно використовувати надійні паролі, обмеження доступу до 
адміністративної панелі, регулярне оновлення WordPress, тем і плагінів, а також 
резервне копіювання даних. Це дозволяє зменшити ризик несанкціонованого 
доступу, втрати інформації або порушення роботи сайту. 
Крім того, WordPress дозволяє підключати додаткові інструменти для 
аналітики, оптимізації пошукового просування, інтеграції із соціальними 
мережами, поштовими сервісами та месенджерами. Такі можливості можуть бути 
корисними для подальшого розвитку вебсистеми, підвищення її відвідуваності та 
покращення взаємодії з клієнтами. 
Отже, використання WordPress для адміністрування вебсистеми 
бронювання послуг канді-бару є доцільним, оскільки ця система забезпечує 
зручне керування сторінками, послугами, портфоліо, заявками та користувачами. 
Завдяки адміністративній панелі WordPress власник або працівник підприємства 
може самостійно підтримувати сайт в актуальному стані, швидко опрацьовувати 
бронювання та ефективно організовувати взаємодію з клієнтами. 
 
2.7 Вимоги до прототипу електронного навчального ресурсу з 
вебтехнологій 
 
Прототипування є важливим етапом розробки веборієнтованої системи 
бронювання послуг канді-бару, оскільки дозволяє візуалізувати структуру 
майбутнього вебресурсу, перевірити логіку взаємодії користувача із системою та 
оцінити зручність використання окремих функціональних модулів ще до 
завершення розробки програмного продукту. 
Під час створення прототипу визначаються основні сторінки сайту, 
структура навігації, дизайн інтерфейсу, механізми оформлення замовлень та 
бронювання послуг. Прототип дозволяє перевірити коректність взаємодії між 
Арк. 
 ЧДТУ 262115.05 ПЗ 
38 
Змн. Арк. № Документа Підпис Дата  
 
користувачем і системою, оцінити повноту функціональних можливостей та 
своєчасно виявити потенційні недоліки проєктування. 
Особлива увага приділяється реалізації каталогу продукції, кошика 
замовлень, форм бронювання пакетів послуг та засобів комунікації з клієнтами. 
Використання прототипу дає можливість перевірити сценарії оформлення 
замовлення та забезпечити інтуїтивно зрозумілий інтерфейс для майбутніх 
користувачів [20, 21]. 
Прототип також дозволяє визначити технічні вимоги до системи, 
особливості зберігання даних у базі даних, механізми захисту персональної 
інформації користувачів та адаптацію вебресурсу до різних типів пристроїв. 
Сформуємо вимоги до прототипу веборієнтованої системи бронювання 
послуг канді-бару: 
1. Головна сторінка 
• привабливий та сучасний дизайн, який формує позитивне перше 
враження про компанію; 
• коротка інформація про діяльність канді-бару; 
• демонстрація переваг компанії; 
• блок із популярними товарами та послугами; 
• кнопки швидкого переходу до оформлення замовлення або 
бронювання. 
2. Сторінка «Candy» (Каталог продукції) 
• відображення категорій десертів; 
• виведення переліку товарів із фотографіями, назвами та цінами; 
• короткий опис кожного товару; 
• можливість додавання товарів до кошика; 
• автоматичний підрахунок вартості замовлення. 
3. Сторінка «Послуги» 
• відображення пакетів послуг «Стандартний», «Преміум» та 
«Індивідуальний»; 
• опис особливостей кожного пакета; 
Арк. 
 ЧДТУ 262115.05 ПЗ 
39 
Змн. Арк. № Документа Підпис Дата  
 
• кнопка «Забронювати» для переходу до форми бронювання; 
• надання інформації про додаткові послуги та варіанти оформлення 
заходів. 
4. Форма бронювання послуг 
• введення очікуваної кількості гостей; 
• вибір стилістики оформлення заходу (для чоловіка, жінки, хлопчика, 
дівчинки); 
• текстове поле для опису індивідуальних побажань; 
• введення контактних даних замовника (прізвище, ім'я, номер 
телефону); 
• вибір способу доставки; 
• передача заявки до бази даних для подальшого опрацювання 
адміністратором. 
5. Кошик замовлень 
• перегляд вибраних товарів; 
• зміна кількості позицій; 
• видалення товарів із кошика; 
• автоматичний перерахунок загальної вартості; 
• оформлення замовлення. 
Загалом прототип веборієнтованої системи бронювання послуг канді-бару 
повинен забезпечувати зручний перегляд асортименту продукції, можливість 
оформлення замовлень та бронювання послуг, ефективну взаємодію клієнтів з 
адміністрацією, а також комфортне використання вебресурсу на різних типах 
пристроїв. 
 
2.8 Техніко-економічне обґрунтування доцільності розробки 
веборієнтованої системи бронювання послуг канді-бару 
 
2.8.1 Визначення трудомісткості розробки веборієнтованої системи 
бронювання послуг канді-бару 
Арк. 
 ЧДТУ 262115.05 ПЗ 
40 
Змн. Арк. № Документа Підпис Дата  
 
Нормування праці в процесі створення веборієнтованої системи 
бронювання послуг канді-бару істотно ускладнено в силу творчого характеру 
праці розробника. Тому трудомісткість розробки веборієнтованої системи 
бронювання послуг канді-бару може бути розрахована на основі системи моделей 
з різною точністю оцінки. 
Трудомісткість розробки веборієнтованої системи бронювання послуг 
канді-бару розрахуємо за формулою [25] 
 t = tи+tа+tп+tотл+tд,  людино-годин, (2.1) 
де   tи  –  витрати часу на дослідження предметної області та постановку задачі;  
t
а  –  витрати часу на проектування архітектури веборієнтованої системи, бази 
даних та інтерфейсу ;  
t
п  –  витрати праці на написання програмного коду;  
t
отл  –  витрати часу на тестування веборієнтованої системи;  
t
д  –  витрати часу на підготовку документації. 
Складові витрати часу визначаються через умовне рядків коду в 
проектованій системі, які необхідно написати в процесі роботи над 
веборієнтованою системою з урахуванням можливих уточнень в постановці 
задачі і у вдосконаленні.  
Умовне число команд в програмному коді: 
 Q=q C (1+ p) =3000 1(1+ 0,07) =3210,  (2.2) 
де   q  –  коефіцієнт, що враховує умовне число рядків коду залежно від типу 
задачі, оскільки веборієнтована система призначена для розв’язання задач 
автоматизації, тому приймаємо q = 3000 ;  
C  – коефіцієнт складності програмного коду, який визначає відносну 
складність системи по відношенню до типової системи, складність якої 
прийнята на рівні 1, C =1 (програмний продукт за ступенем новизни 
належить до групи Б – розробка програм з використанням типових рішень, 
Арк. 
 ЧДТУ 262115.05 ПЗ 
41 
Змн. Арк. № Документа Підпис Дата  
 
за ступенем складності до групи 2 – завдання накопичення, звітності та 
статистики);  
p  – коефіцієнт корекції програмного коду, який визначається в ході його 
розробки через збільшення об’єму робіт за рахунок внесення змін в проект 
або програмний код, p = 0,07  (величина p  знаходиться в межах 0.05...0.1, 
що відповідає внесенню 3...5 корекцій, що спричиняють за собою 
переробку 5...10 % готового програмного коду). 
Витрати праці на дослідження предметної області та постановку задачі tu  
визначається з урахуванням уточнення опису і кваліфікації програміста [53]: 
Q B 3210 1,2
 t = = = 42,  людино-годин,  (2.3) 
u
(75..145 )  k 115 0,8
де      B  – коефіцієнт  збільшення  витрат   праці   внаслідок   недостатнього   
опису задачі, B =1,2 ;  
k  – коефіцієнт кваліфікації програміста, що залежить від стажу роботи з 
даної спеціальності, k = 0,8  (стаж програміста становить до 2-х років). 
Витрати праці на проектування веборієнтованої системи: 
Q 3210
 ta = = = 89  людино-годин. (2.4) 
( 2065 )  k 45 0,8
Витрати на написання програмного коду веборієнтованої системи: 
Q 3210
 t = = =190  людино-годин. (2.5) 
п
( 2025 )  k 24 0,8
Витрати праці на тестування веборієнтованої системи: 
за умови автономного налагодження одного модуля: 
Q 3210
 tотл = = =104  людино-годин; (2.6) 
( 25..55 )  k 38,5 0,8
за умови віддаленого розгортання всієї веборієнтованої системи: 
 tk =1,5  t =1,5 104=156  людино-годин. (2.7) 
отл отл
Витрати праці на підготовку документації: 
 t = t +t = 40+16 =56  людино-годин, (2.8) 
д др до
Арк. 
 ЧДТУ 262115.05 ПЗ 
42 
Змн. Арк. № Документа Підпис Дата  
 
де t  – трудомісткість підготовки матеріалів і рукопису 
др
Q 3210
 tдр = = = 40  людино-годин, (2.9) 
(15..120 )  k 100 0,8
t
до  – трудомісткість редагування, друку й оформлення документації 
Q 3210
 tдо = = =16  людино-годин. (2.10) 
(100..250 )  k 250 0,8
t = 42+89+190+104+56 = 480. 
 
2.8.2 Очікуваний період створення веборієнтованої системи бронювання 
послуг канді-бару 
Очікуваний період створення веборієнтованої системи [53]: 
t 480
 T = = = 2,7  місяця, (2.11) 
B k Fp 1176
де  B
k  – число виконавців;  
F  – місячний фонд робочого часу (при 40 годинному робочому тижні F =
p p
176 годин). 
 
2.8.3 Розрахунок витрат на оплату праці виконавця зі створення 
веборієнтованої системи бронювання послуг канді-бару 
Витрати на оплату праці розробника веборієнтованої системи бронювання 
послуг канді-бару включають основну заробітну плату, додаткові виплати та 
обов’язкові нарахування на соціальне страхування [26]: 
 ЗП = З + З + З , грн.,  (2.12) 
осн дод соц
де З
осн  – основна заробітна плата, грн.;  
З
дод  – додаткова заробітна плата, розрахована як відсоток від основної заробітної 
плати: 
З К
 З = осн дод ,  грн.,  (2.13) 
дод
100
Арк. 
 ЧДТУ 262115.05 ПЗ 
43 
Змн. Арк. № Документа Підпис Дата  
 
де  К
дод  – відсоток додаткової заробітної плати, %;  
З
соц  – відрахування на соціальні заходи від основної та додаткової 
заробітної плати (18% податку на доходи фізичних осіб (ПДФО) та 1,5% 
військового збору (ВЗ)): 
К
 соц
З = (З + З ) ,  грн. (2.14) 
соц осн дод
100
До складу додаткової заробітної плати входять виплати, передбачені 
чинним законодавством та умовами праці, зокрема оплата відпусток, премії та 
інші заохочувальні виплати. 
Основна заробітна плата розробника визначається за погодинною формою 
оплати праці як добуток кількості відпрацьованих годин на погодинну тарифну 
n
ставку: З = t C K ,
осн  i i c  грн., (2.15) 
1
де n  – число робіт за видами та розрядами;  
t  – норма часу (трудомісткість) на виконання конкретної роботи, годин;  
K
c  – коефіцієнт співвідношень, який установлений  Генеральною  
тарифною угодою між урядом і профспілками, K =15 (K =1,78)
c c ;  
C
i  – погодинна  тарифна ставка робітника відповідного розряду, який 
виконує дану роботу, яка визначається за формулою: 
M K
 C = m i ,
i  грн./годину,  (2.16) 
T T
p зм
де M  – мінімальна місячна оплата праці, грн. (Mm =8647m  грн.);  
K
i  – тарифний коефіцієнт робітника відповідного розряду (K =1,36); 
T  – число робочих днів в місяці; приблизно T = 21 день; 
p p
T
зм – тривалість зміни, зазвичай Tзм = 8 годин. 
Розрахунок основної заробітної плати зведемо до табл. 2.1. 
 
 
Арк. 
 ЧДТУ 262115.05 ПЗ 
44 
Змн. Арк. № Документа Підпис Дата  
 
Таблиця 2.1 Розрахунок основної заробітної плати 
Погодинна 
Трудомісткість, Оплата праці, 
Найменування робіт тарифна 
людино-годин грн. 
ставка, грн. 
Витрати на дослідження  42 70,00 2940,00 
Витрати на проектування  89 70,00 6160,00 
Витрати на написання програмного 
190 70,00 13300,00 
коду 
Витрати на тестування  104 70,00 7280,00 
Витрати на підготовку документації 56 70,00 3920,00 
Загальна трудомісткість, людино-годин 480 
Сума основної заробітної плати, грн. 33599,44 
 
Додаткова заробітна плата всіх робітників, які приймали участь у розробці 
програмного продукту, розрахована як 20% від основної заробітної плати всіх 
робітників 
Здод = 6719,95 грн. 
Загальна сума заробітної плати є об’єктом для обчислення відрахувань на 
соціальні заходи. Разом відрахування на соціальні заходи становлять 22 % від 
суми заробітної плати 
Зсоц =8870,34  грн. 
ЗП = 33599,44+ 6719,95+8870,34 = 49190,07  грн. 
 
2.8.4 Розрахунок матеріальних витрат на створення веборієнтованої системи 
бронювання послуг канді-бару 
До матеріальних витрат (В )
м  на створення програмного продукту можуть 
бути віднесені різноманітні витратні матеріали. Розрахунки можна представити у 
вигляді табл. 2.2. 
Таблиця 2.2 Розрахунок матеріальних витрат 
№ Од. 
Найменування Кількість Ціна, грн. Сума, грн. 
з/п виміру 
USB-накопичувач для 
1 шт. 1 350,00 350,00 
резервного копіювання 
Арк. 
 ЧДТУ 262115.05 ПЗ 
45 
Змн. Арк. № Документа Підпис Дата  
 
 Продовження табл. 2.2 
№ Од. 
Найменування Кількість Ціна, грн. Сума, грн. 
з/п виміру 
2 Папір офісний А4 уп. 3 240,00 240,00 
3 Ручка кулькова  шт. 2 20,00 40,00 
Папка та файли для 
4 шт. 1 160,00 160,00 
документації 
5 Друк та інші витрати к-т 1 250,00 250,00 
 Разом  1040,00 
 
2.8.5 Розрахунок амортизаційних відрахувань 
Витрати на амортизацію обладнання та програмного забезпечення 
визначаються з урахуванням вартості використовуваних технічних засобів, 
ліцензійного програмного забезпечення, встановлених норм амортизаційних 
відрахувань і тривалості їх використання під час розробки веборієнтованої 
системи бронювання послуг канді-бару. Розрахунок амортизаційних відрахувань 
виконується за формулою [25]: 
n Ц Н
 оф а T
А = і і  , (2.17) 
в
i=1 100 12
 
де  Ц  – балансова вартість (ціна) i-того виду основних фондів та 
офі
нематеріальних активів, грн.;  
H  – річна норма амортизаційних відрахувань для i-го виду основних 
aі
фондів та нематеріальних активів, %;  
T  – очікуваний період створення програмного забезпечення, місяців. 
Розрахунки наведені у вигляді табл. 2.3. 
 
Таблиця 2.3 Розрахунок амортизаційних відрахувань 
Норма Термін 
Сума аморт. 
Балансова аморт. використа
Найменування обладнання відрахувань, 
вартість, грн. відрах., ння, міс. 
грн. 
% 
Ноутбук Lenovo IdeaPad Slim 5 
16ARP10 83HU0038RA Luna 
Grey / 16" IPS WUXGA / AMD 35999 15 2,7 1227,24 
Ryzen 5 7535HS / RAM 16 ГБ / 
SSD 512 ГБ / AMD Radeon 660 
Арк. 
 ЧДТУ 262115.05 ПЗ 
46 
Змн. Арк. № Документа Підпис Дата  
 
 Продовження табл. 2.3 
Норма 
Термін Сума аморт. 
Балансова аморт. 
Найменування обладнання використа відрахувань, 
вартість, грн. відрах.,
ння, міс. грн. 
% 
Маршрутизатор TP-LINK 
1760,00 15 8,0 60,06 
Archer AХ12 
Багатофункціональний пристрій 
11900,00 15 8,0 406,09 
HP OfficeJet Pro 9720e 
Разом 49659,00   1694,61 
 
 
2.8.6 Витрати на ремонт та профілактику обладнання  
Витрати на ремонт та профілактику необхідного обладнання (В )
р  
становлять 2-3% від його балансової вартості. 
 Вр = Цоф 3%= 49659,00 0,03= 338,92  грн.  (2.18) 
2.8.7 Розрахунок енерговитрат  
Енерговитрати розраховуються за статтею «Електроенергія на технологічні 
цілі» за формулою [26]: 
 B =M Ф К Ц ,
ел i пл вик ел  (2.19) 
де  M
i  – потужність i-того виду основних фондів, кВт;  
Ф
пл  – фактична кількість годин роботи обладнання, яке задіяне на 
виготовлення програмного продукту, годин;  
К
вик  – коефіцієнт використання робочого часу (приймаємо К = 0,7
вик );  
Ц
ел  – вартість 1 кВт/год електроенергії, грн. 
Розрахунок енерговитрат наведений у табл. 2.4. 
 
Таблиця 2.4 Розрахунок енерговитрат  
Кількість Вартість 1 
Сума 
Потужність, год. роботи кВт/год. 
Найменування обладнання енерговитрат, 
кВт обладнання, електроенергії, 
грн. 
год. грн. 
Ноутбук Lenovo IdeaPad Slim 5 
16ARP10 83HU0038RA Luna 
Grey / 16" IPS WUXGA / AMD 0,065 480 4,32 94,35 
Ryzen 5 7535HS / RAM 16 ГБ / 
SSD 512 ГБ / AMD Radeon 660M 
Арк. 
 ЧДТУ 262115.05 ПЗ 
47 
Змн. Арк. № Документа Підпис Дата  
 
 Продовження табл. 2.4 
Кількість Вартість 1 
Сума 
Потужність, год. роботи кВт/год. 
Найменування обладнання енерговитрат, 
кВт обладнання, електроенергії, 
грн. 
год. грн. 
Маршрутизатор TP-LINK Archer 
0,012 480 4,32 17,42 
AХ12 
Багатофункціональний пристрій 
0,45 480 4,32 34,30 
HP OfficeJet Pro 9720e 
Разом  1,22   146,07 
 
2.8.8 Розрахунок інших накладних витратами 
Інші накладі витрати враховують витрати, пов'язані з відрядженнями, 
різноманітними господарськими витратами (комунальні витрати) тощо. Для 
розрахунку пропонується прийняти розмір накладних витрат (В )
н  на рівні 20-
30% від суми попередніх витрат:  
(В + В + А + В + ЗП )H
м р в ел a
 В = . (2.20) 
н
100
20
Вн = (49190,07 +1040,00 +146,06 +1694,61+338,92)  =10481,93  грн. 
100
 
2.8.9 Складання кошторису витрат на виробництво і реалізацію 
веборієнтованої системи бронювання послуг канді-бару 
Після визначення окремих складових витрат виконується розрахунок 
кошторису витрат на розробку та впровадження веборієнтованої системи 
бронювання послуг канді-бару. Позавиробничі витрати приймаються на рівні 5 % 
від виробничої собівартості. Узагальнені результати розрахунків наведено в табл. 
2.5.  
Таблиця 2.5 Кошторис витрат на створення та реалізацію веборієнтованої 
системи бронювання послуг канді-бару 
Елементи витрат Сума, грн. 
1. Витрати на оплату праці 40319,73 
2. Соціальні нарахування на оплату праці 8870,34 
 
Арк. 
 ЧДТУ 262115.05 ПЗ 
48 
Змн. Арк. № Документа Підпис Дата  
 
Продовження табл. 2.5 
Елементи витрат Сума, грн. 
3. Матеріальні витрати 1040,00 
4. Енергетичні витрати 146,07 
5. Амортизаційні витрати 1694,61 
6. Витрати на ремонт та профілактику обладнання 338,92 
7. Інші накладні витрати 10481,93 
Разом виробничі витрати 62891,59 
8. Позавиробничі витрати 3144,58 
Разом витрати на виробництво та реалізацію 66036,17 
 
 
2.8.10 Розрахунок ціни, доходів та прибутку від розробки веборієнтованої 
системи бронювання послуг канді-бару 
Ціна (Ц ) програмного виробу встановлюється на основі витрат (В), які 
було здійснено під час його створення та реалізації, а також рівня рентабельності  
(P) (встановлюється індивідуально розробником програмного продукту). 
Ціна програмного продукту з ПДВ у випадку його одноразового продажу 
може бути розрахована з використанням формули [25]: 
 Р   ПДВ 
 Ц = В1+ 1+  , (2.21) 
 100   100 
 30   20 
 Ц = 66036,171+ 1+  =103016,43 грн.,  
 100   100 
де  B  – витрати на виробництво та реалізацію програмного продукту, грн.;  
P  – рівень рентабельності, % (P = 30%) ;  
ПДВ  – ставка податку на додану вартість, %. 
Дохід від реалізації одного примірника веборієнтованої системи без 
урахування ПДВ становить: 
Д =85847,02  грн. 
Прибуток від реалізації одного програмного продукту визначається як 
різниця між доходом без ПДВ і повною собівартістю: 
Арк. 
 ЧДТУ 262115.05 ПЗ 
49 
Змн. Арк. № Документа Підпис Дата  
 
 П = Д − В= 85847,02 − 66036,17 =19810,85  грн.  (2.22) 
Таким чином, розробка веборієнтованої системи є економічно доцільною. 
 
2.8.11 Розрахунок зведених економічних показників 
Додаткові капітальні вкладення K  пов’язані з впровадженням розробленої 
системи визначаються за формулою [54]: 
T1 504
K = KE  =49659,00  =11850,44   (2.23) 
T2 2112
де  KE  – капітальні вкладення в апаратне забезпечення та інші складові 
електронного навчального ресурсу; 
T1  – машинний час апаратного забезпечення, необхідний користувачу для 
тих задач, які він розв’язує за допомогою веборієнтованої системи, машино-
год/рік; 
 T2  – корисний річний фонд роботи веборієнтованої системи (без врахування 
простоїв в ремонті). 
Термін окупності додаткових капітальних вкладень визначається за 
формулою: 
K 11850,44
 = = = 0,77,      (2.24) 
E 15446,40
Отже, згідно (2.24) отримаємо  = 0,77  роки, що відповідає 9 місяцям. 
Грошовий річний ефект, який отримує користувач при застосуванні системи 
визначається за формулою: 
1
w = E − K =15446,40− 0,15 11850,44 =13668,83  грн.  (2.25) 
m
Для визначення ефективності продукту розрахуємо чисту приведену цінність 
(чистий приведений прибуток) NPV [27]: 
t
NPV =((Dt − Bt ) / (1+ i) ) ( 1
= 13668,83,00 / (1+ 0,3) ) =12973,70 грн.  (2.26) 
де  Dt  – річний дохід від використання веборієнтованої системи; Bt – річні 
витрати, пов’язані з використанням веборієнтованої системи; t  – 
відповідний рік проекту; i  – дисконтнa стaвкa (0,3). 
У табл. 2.6 наведено зведені економічні показники проєкту. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
50 
Змн. Арк. № Документа Підпис Дата  
 
Таблиця 2.6 Зведені економічні показники розробки електронного 
навчального ресурсу з вебтехнологій 
Показник Розмірність Значення 
Витрати на розробку  грн. 66036,17 
Додаткові капітальні вкладення грн. 11850,44 
Економія експлуатаційних витрат грн./рік 15446,40 
Термін окупності роки 0,77 
Річний грошовий економічний ефект грн./рік 13668,83 
Чиста приведена цінність  грн. 12973,70 
 
За результатами розрахунків термін окупності додаткових капітальних 
вкладень становить 0,77 року, або приблизно 9 місяців. Грошовий річний 
економічний ефект від використання веборієнтованої системи бронювання послуг 
канді-бару дорівнює 13668,83 грн/рік. Чистий приведений прибуток за трирічний 
період використання системи при дисконтній ставці 0,3 становить 12973,70 грн. 
Отримані значення підтверджують економічну доцільність впровадження 
розробленої системи. 
 
2.9 Висновки до розділу 2 
 
У другому розділі було визначено основні вимоги до проєктування 
веборієнтованої системи бронювання послуг канді-бару та сформовано 
концептуальні засади її подальшої реалізації.  
У межах розділу сформовано вимоги до структури вебсистеми, визначено 
склад і призначення основних сторінок, а також вимоги до наповнення сторінок. 
Ссформовано вимоги до структури сервера, системи адміністрування та зберігання 
даних. Виконано техніко-економічне обґрунтування доцільності розробки 
веборієнтованої системи бронювання послуг канді-бару, результати якого 
підтвердили практичну цінність і перспективність впровадження такого рішення. 
Розробка системи дозволить підвищити рівень обслуговування клієнтів, спростити 
процес оформлення замовлень та оптимізувати роботу адміністратора, що свідчить 
про доцільність подальшої реалізації проєкту. 
  
Арк. 
 ЧДТУ 262115.05 ПЗ 
51 
Змн. Арк. № Документа Підпис Дата  
 
РОЗДІЛ 3. РОЗРОБКА ВЕБОРІЄНТОВАНОЇ СИСТЕМИ БРОНЮВАННЯ 
ПОСЛУГ КАНДІ-БАРУ 
 
 
3.1 Обґрунтування вибору засобів розробки 
 
Одним із важливих етапів створення веборієнтованої системи бронювання 
послуг канді-бару є вибір програмних засобів та технологій розробки. Від 
правильності вибору інструментів залежить швидкість створення програмного 
продукту, його функціональність, продуктивність, зручність подальшого 
супроводу та можливість розширення функціоналу в майбутньому. 
Сучасна веброзробка передбачає використання широкого спектра 
технологій, середовищ розробки, систем керування контентом та засобів 
проєктування інтерфейсу. Під час вибору інструментів необхідно враховувати 
складність проєкту, доступність документації, швидкість розробки, наявність 
готових рішень та можливість інтеграції з додатковими сервісами. 
Для створення клієнтської частини вебсайту використовуються мова 
розмітки HTML5, каскадні таблиці стилів CSS3 та мова програмування JavaScript. 
HTML5 забезпечує структуроване представлення контенту вебсторінок, CSS3 
відповідає за візуальне оформлення та адаптивний дизайн, а JavaScript дозволяє 
реалізувати інтерактивні елементи інтерфейсу та динамічну взаємодію з 
користувачем. 
Для прискорення розробки інтерфейсу доцільно використовувати 
фреймворк Bootstrap [28]. Він містить готовий набір адаптивних компонентів, 
сіткову систему та стилі, що дозволяють створювати сучасні вебінтерфейси без 
значних часових витрат. Використання Bootstrap забезпечує коректне 
відображення сайту на різних пристроях, включаючи персональні комп'ютери, 
планшети та смартфони. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
52 
Змн. Арк. № Документа Підпис Дата  
 
Для написання програмного коду розглянуто сучасні середовища розробки 
Visual Studio Code, WebStorm та Sublime Text. 
Visual Studio Code [29] є одним із найпопулярніших редакторів коду серед 
веброзробників. Серед його переваг слід відзначити безкоштовне 
розповсюдження, підтримку великої кількості мов програмування, інтеграцію із 
системами контролю версій Git, наявність вбудованого термінала та широкого 
набору розширень. Крім того, редактор підтримує інструменти штучного 
інтелекту для автоматичного генерування та аналізу програмного коду, що значно 
підвищує продуктивність розробника. 
WebStorm [30] є професійним середовищем розробки компанії JetBrains, 
орієнтованим насамперед на вебтехнології. Воно містить розширені засоби 
налагодження, автоматичного рефакторингу та тестування програмного коду. 
Проте використання WebStorm потребує придбання ліцензії, що може бути 
недоцільним для невеликих навчальних проєктів. 
Sublime Text характеризується високою швидкістю роботи та 
мінімалістичним інтерфейсом. Незважаючи на високу продуктивність, його 
функціональні можливості поступаються сучасним інтегрованим середовищам 
розробки [31]. 
З огляду на функціональні можливості, популярність серед розробників, 
регулярне оновлення та безкоштовне використання, для реалізації 
веборієнтованої системи бронювання послуг канді-бару обрано редактор Visual 
Studio Code. 
Для управління вмістом вебсайту доцільно використовувати систему 
керування контентом (CMS). Серед найбільш поширених платформ можна 
виділити WordPress, Joomla, Drupal та Shopify. 
WordPress [32] є найпоширенішою системою керування контентом у світі та 
використовується для створення значної частини сучасних вебсайтів. 
Популярність платформи пояснюється простотою встановлення, зручним 
інтерфейсом адміністрування, великою кількістю готових шаблонів оформлення 
Арк. 
 ЧДТУ 262115.05 ПЗ 
53 
Змн. Арк. № Документа Підпис Дата  
 
та тисячами доступних плагінів. Система дозволяє швидко реалізовувати 
інтернет-магазини, корпоративні сайти, інформаційні портали та системи онлайн-
бронювання без необхідності створення всіх компонентів з нуля. 
Joomla [33] характеризується більш складною структурою та надає ширші 
можливості налаштування. Проте вона має меншу кількість розширень та 
поступається WordPress за популярністю та обсягом спільноти розробників. 
Drupal [34] є потужною платформою для створення складних 
інформаційних систем та великих корпоративних порталів. Водночас її 
використання потребує глибоких технічних знань і значно збільшує складність 
розробки та адміністрування проєкту. 
Shopify [35] орієнтована переважно на електронну комерцію та створення 
інтернет-магазинів. Незважаючи на зручність використання, система має 
обмеження щодо гнучкості налаштування та потребує регулярної оплати 
підписки.  
Враховуючи вимоги до веборієнтованої системи бронювання послуг канді-
бару, а також необхідність швидкої реалізації функціоналу кошика, оформлення 
замовлень, онлайн-бронювання послуг та адміністрування контенту, найбільш 
доцільним рішенням є використання системи керування вмістом WordPress. 
Для зберігання даних використовується система керування базами даних 
MySQL [36], яка забезпечує високу швидкодію, надійність та підтримку 
реляційної моделі даних. Вона інтегрується з WordPress і дозволяє ефективно 
зберігати інформацію про товари, замовлення, бронювання послуг та звернення 
користувачів. 
Таким чином, поєднання HTML5, CSS3, JavaScript, Bootstrap, WordPress, 
MySQL та редактора Visual Studio Code забезпечує створення сучасної 
веборієнтованої системи бронювання послуг канді-бару, яка відповідає 
актуальним вимогам веброзробки, характеризується зручністю використання, 
адаптивністю та можливістю подальшого розширення функціоналу. 
 
Арк. 
 ЧДТУ 262115.05 ПЗ 
54 
Змн. Арк. № Документа Підпис Дата  
 
3.2 Опис реалізації веборієнтованої системи бронювання послуг канді-
бару 
 
Веборієнтована система бронювання послуг канді-бару реалізована з 
використанням сучасних вебтехнологій, що забезпечують зручність 
користування, адаптивність інтерфейсу та ефективне управління контентом. Під 
час розробки використано мову розмітки HTML5, каскадні таблиці стилів CSS3, 
мову програмування JavaScript, фреймворк Bootstrap та систему керування 
вмістом WordPress. 
HTML5 використовується для формування структури вебсторінок і 
відображення інформаційного наповнення системи. За допомогою CSS3 
реалізовано візуальне оформлення сайту, стилізацію елементів інтерфейсу та 
адаптацію дизайну до різних типів пристроїв. Використання JavaScript дозволяє 
реалізувати інтерактивні компоненти, покращити взаємодію користувача із 
системою та забезпечити динамічне оновлення окремих елементів сторінок без їх 
повного перезавантаження. 
Для створення адаптивного дизайну використано фреймворк Bootstrap [28], 
який містить готові компоненти інтерфейсу та систему адаптивної верстки. Це 
забезпечує коректне відображення вебсайту на персональних комп'ютерах, 
планшетах і мобільних пристроях. 
Основою програмної реалізації системи є система керування вмістом 
WordPress [32]. Дана платформа обрана завдяки відкритому вихідному коду, 
простоті адміністрування та широким можливостям розширення функціоналу. 
WordPress дозволяє швидко створювати сторінки, керувати контентом, додавати 
нові функціональні модулі та здійснювати адміністрування вебресурсу без 
необхідності внесення змін до програмного коду. 
Для реалізації функцій інтернет-магазину та онлайн-бронювання 
використано стандартні механізми WordPress та додаткові програмні модулі. 
Завдяки цьому користувачі можуть переглядати каталог десертів, додавати 
Арк. 
 ЧДТУ 262115.05 ПЗ 
55 
Змн. Арк. № Документа Підпис Дата  
 
товари до кошика, оформлювати замовлення, а також бронювати пакети послуг 
канді-бару через спеціальну форму замовлення. 
Функціональна структура системи включає сторінки «Головна», «Candy», 
«Послуги», «Про нас» та «Контакти». На сторінці «Candy» представлено каталог 
десертів із можливістю перегляду опису товару, його вартості та додавання до 
кошика. Сторінка «Послуги» містить пакети послуг канді-бару та форму 
бронювання, за допомогою якої користувач може вказати кількість гостей, 
побажання щодо оформлення заходу, спосіб доставки та контактні дані. На 
сторінці «Контакти» реалізовано форму зворотного зв'язку для комунікації між 
користувачами та адміністрацією сайту. 
Для зберігання інформації використовується система керування базами 
даних MySQL, яка інтегрована із WordPress. База даних забезпечує збереження 
інформації про користувачів, товари, замовлення, бронювання послуг та 
повідомлення, надіслані через форму зворотного зв'язку. 
Структура бази даних побудована за реляційним принципом та складається 
з взаємопов'язаних таблиць: 
– users – містить інформацію про зареєстрованих користувачів системи. 
Таблиця зберігає ім'я, прізвище, електронну адресу, номер телефону, пароль та 
роль користувача. 
– products – містить інформацію про товари, представлені на сторінці 
«Candy». Для кожного товару зберігаються назва, опис, ціна, зображення та інші 
характеристики. 
– orders – призначена для зберігання інформації про замовлення, оформлені 
користувачами через кошик. Таблиця містить дату створення замовлення, його 
загальну вартість, спосіб доставки та поточний статус виконання. 
– order_items – містить перелік товарів, що входять до складу кожного 
замовлення. Для кожної позиції зберігаються ідентифікатор замовлення, товар, 
кількість та ціна. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
56 
Змн. Арк. № Документа Підпис Дата  
 
– service_packages – зберігає інформацію про пакети послуг канді-бару. У 
системі передбачено три пакети: «Стандартний», «Преміум» та «Індивідуальний». 
Для кожного пакета зберігаються назва, опис та вартість. 
– bookings – містить дані про бронювання пакетів послуг. Таблиця зберігає 
відомості про замовника, очікувану кількість гостей, побажання щодо декору, 
опис замовлення, спосіб доставки та статус бронювання. 
– feedback – призначена для зберігання повідомлень, отриманих через 
форму зворотного зв'язку на сторінці «Контакти». У таблиці фіксуються ім'я 
відправника, електронна пошта, тема повідомлення, текст звернення та дата його 
надсилання. 
Між таблицями встановлено відповідні зв’язки. Один користувач може 
створювати декілька замовлень, а кожне замовлення може містити декілька 
товарних позицій. Таблиця order_items забезпечує зв’язок між таблицями orders та 
products. Таблиця bookings пов’язана з таблицею service_packages, що дозволяє 
визначити пакет послуг, обраний під час бронювання. 
Повна ER-діаграма бази даних веборієнтованої системи бронювання послуг 
канді-бару наведена на рис. 3.1. 
 
Рисунок 3.1 – ER-діаграма бази даних веборієнтованої системи бронювання 
послуг канді-бару 
Арк. 
 ЧДТУ 262115.05 ПЗ 
57 
Змн. Арк. № Документа Підпис Дата  
 
Завдяки використанню реляційної бази даних забезпечується цілісність 
інформації, швидкий доступ до даних та можливість подальшого розширення 
функціоналу системи. Запропонована архітектура дозволяє ефективно реалізувати 
всі бізнес-процеси, пов'язані із замовленням десертів та бронюванням послуг 
канді-бару через вебінтерфейс. 
Для реалізації інтерфейсу веборієнтованої системи бронювання послуг 
канді-бару було використано фреймворк Bootstrap 5. Даний фреймворк є одним із 
найбільш популярних інструментів сучасної веброзробки та дозволяє значно 
скоротити час створення адаптивного користувацького інтерфейсу завдяки 
великій кількості готових компонентів і стилів. 
Основною перевагою Bootstrap є його адаптивна сіткова система (Grid 
System), яка забезпечує коректне відображення вебсторінок на пристроях із 
різною роздільною здатністю екрана. Завдяки цьому сторінки сайту автоматично 
підлаштовуються під персональні комп’ютери, планшети та смартфони без 
необхідності створення окремих версій інтерфейсу. 
Під час розробки веборієнтованої системи були використані стандартні 
компоненти Bootstrap, зокрема, навігаційне меню, картки товарів, форми введення 
даних, кнопки, модальні вікна та елементи адаптивної верстки. Застосування 
готових компонентів дозволило забезпечити єдиний стиль оформлення всіх 
сторінок сайту та покращити зручність взаємодії користувача із системою. 
Додатковою перевагою Bootstrap є можливість гнучкого налаштування 
зовнішнього вигляду за допомогою CSS-змінних та власних стилів. Це дозволило 
створити індивідуальний дизайн веборієнтованої системи відповідно до тематики 
канді-бару, використовуючи фірмову кольорову гаму, декоративні елементи та 
сучасні дизайнерські рішення. 
Для реалізації вебсайту використано систему керування контентом 
WordPress, яка має модульну архітектуру та забезпечує зручне управління 
структурою вебресурсу. Основою зовнішнього вигляду сайту є тема оформлення, 
що складається з набору шаблонів, стилів та функціональних файлів. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
58 
Змн. Арк. № Документа Підпис Дата  
 
Файлова структура теми WordPress містить низку службових файлів, які 
відповідають за відображення окремих частин вебсайту та його функціонування. 
До основних файлів теми належать: 
– style.css – головний файл стилів, який містить опис теми та набір CSS-
правил для оформлення сторінок; 
– index.php – базовий шаблон WordPress, який використовується для 
відображення контенту за замовчуванням; 
– header.php – файл верхньої частини сторінки, що містить логотип, меню 
навігації, метадані та підключення стилів; 
– footer.php – файл нижньої частини сторінки, де розміщується службова 
інформація, контакти та підключення JavaScript-скриптів; 
– functions.php – файл функцій теми, який використовується для 
підключення стилів, реєстрації меню навігації, підтримки віджетів та реалізації 
додаткових можливостей WordPress; 
– page.php – шаблон відображення статичних сторінок сайту, таких як 
«Головна», «Про нас», «Послуги» та «Контакти»; 
– single.php – шаблон відображення окремих записів або інформаційних 
матеріалів; 
– archive.php – шаблон сторінок архівів та категорій; 
– search.php – шаблон сторінки результатів пошуку; 
– 404.php – сторінка обробки помилки «404 Not Found», яка відображається 
у випадку переходу на неіснуючу адресу; 
– screenshot.png – файл попереднього перегляду теми, який 
використовується в адміністративній панелі WordPress. 
Окрім цих основних файлів, тема містить додаткові шаблони та 
підкаталоги, наприклад, для зображень, JavaScript-файлів, шрифтів тощо [43-46]. 
Це забезпечує гнучкість та масштабованість теми, дозволяючи легко додавати 
нові функціональні можливості та стилі. 
Типова файлова структура шаблону для Wordpress наведена на рис. 3.2. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
59 
Змн. Арк. № Документа Підпис Дата  
 
 
Рисунок 3.2 – Типова файлова структура шаблону для Wordpress 
 
Перед початком розробки веборієнтованої системи бронювання послуг 
канді-бару необхідно було виконати розгортання системи керування вмістом 
WordPress та налаштувати базу даних MySQL. Процес розгортання може 
виконуватися як на локальному сервері під час розробки, так і на віддаленому 
хостингу під час публікації вебресурсу в мережі Інтернет. 
На першому етапі створюється база даних MySQL (рис. 3.3), яка 
використовується для зберігання всієї інформації про структуру сайту, товари, 
послуги, замовлення та заявки на бронювання. Для цього в панелі керування 
хостингом необхідно відкрити розділ керування базами даних та створити нову 
базу даних, після чого сформувати окремий обліковий запис користувача та 
надати йому повні права доступу до створеної бази даних. 
 
 
Рисунок 3.3 – Майстер бази даних MySQL 
 
Арк. 
 ЧДТУ 262115.05 ПЗ 
60 
Змн. Арк. № Документа Підпис Дата  
 
Створюємо нову базу даних та користувача цієї бази даних з повними 
привілеями, як показано на рис. 3.4- 3.6. 
 
Рисунок 3.4 – Створення нової бази даних 
 
Рисунок 3.5 – Створення нового користувача 
 
Рисунок 3.6 – Надання прав новому користувачу 
Арк. 
 ЧДТУ 262115.05 ПЗ 
61 
Змн. Арк. № Документа Підпис Дата  
 
Після створення бази даних виконується завантаження файлів WordPress 
на сервер. Дистрибутив системи можна отримати з офіційного сайту WordPress 
(рис. 3.7). Після розпакування архіву файли копіюються до кореневого каталогу 
вебсайту. У результаті формується стандартна файлова структура WordPress, яка 
містить системні каталоги, шаблони оформлення, плагіни та службові файли 
конфігурації. 
 
Рисунок 3.7 – Файлова структура проєкту на WordPress 
 
Наступним кроком є запуск процедури встановлення WordPress через 
веббраузер. Під час інсталяції система запитує параметри підключення до бази 
даних, зокрема назву бази даних, ім’я користувача, пароль та адресу сервера баз 
даних. Після успішного підключення створюється адміністративний обліковий 
запис, який використовується для керування контентом та налаштуваннями 
вебресурсу. як показано на рис. 3.8 та рис. 3.9. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
62 
Змн. Арк. № Документа Підпис Дата  
 
 
Рисунок 3.8 – Введення налаштувань бази даних 
 
 
Рисунок 3.9 – Налаштування адміністративного акаунту 
 
Після завершення встановлення WordPress виконується налаштування 
теми оформлення та встановлення додаткових плагінів, необхідних для реалізації 
функціональних можливостей системи бронювання. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
63 
Змн. Арк. № Документа Підпис Дата  
 
Для реалізації каталогу десертів, кошика та оформлення замовлень 
використовується плагін WooCommerce. Він забезпечує створення карток товарів, 
управління цінами, формування кошика покупця та обробку замовлень. Завдяки 
використанню даного плагіна користувачі можуть переглядати асортимент 
продукції канді-бару, додавати обрані товари до кошика та оформлювати 
замовлення через вебінтерфейс (рис. 3.10). 
 
 
Рисунок 3.10 – Кошик 
 
Для організації форми бронювання пакетів послуг та форми зворотного 
зв'язку використовується плагін Contact Form 7. Даний модуль дозволяє 
створювати користувацькі форми з довільним набором полів, виконувати 
перевірку введених даних та надсилати інформацію адміністратору електронною 
поштою. За допомогою цього плагіна реалізовано форму бронювання послуг 
канді-бару, яка містить поля для введення кількості гостей, вибору стилю 
Арк. 
 ЧДТУ 262115.05 ПЗ 
64 
Змн. Арк. № Документа Підпис Дата  
 
оформлення заходу, опису побажань клієнта, контактних даних та способу 
доставки. Розроблена форма зворотного зв’язку наведена на рис. 3.11. 
 
 
Рисунок 3.11 – Форма зворотного зв’язку 
 
Для можливості підписатися на новини компанії будемо використовувати 
безкоштовний плагін Subscribe2 – Form, Email Subscribers & Newsletters. 
Subscribe2 забезпечує комплексне керування підписками та систему сповіщень 
електронною поштою для блогів WordPress, яка надсилає сповіщення 
електронною поштою до списку підписників, коли ви публікуєте новий вміст у 
своєму блозі. Розроблена форма підписки на новини компанії наведена на рис. 
3.12. 
Для відображення відгуків клієнтів використовується плагін Strong 
Testimonials. Він забезпечує зручне додавання, редагування та публікацію 
Арк. 
 ЧДТУ 262115.05 ПЗ 
65 
Змн. Арк. № Документа Підпис Дата  
 
відгуків, а також підтримує різні варіанти відображення інформації на сторінках 
сайту. Використання даного плагіна дозволяє підвищити інформативність 
вебресурсу та сформувати довіру потенційних клієнтів до послуг канді-бару. 
 
Рисунок 3.12 – Форма підписки на новини компанії 
 
Після встановлення та налаштування необхідних модулів було створено 
структуру вебсайту, яка включає сторінки «Головна», «Candy», «Послуги», «Про 
нас» та «Контакти». На сторінці «Candy» реалізовано каталог десертів із 
можливістю додавання товарів до кошика. На сторінці «Послуги» представлено 
пакети обслуговування «Стандартний», «Преміум» та «Індивідуальний», а також 
форму онлайн-бронювання. Сторінка «Контакти» містить форму зворотного 
зв'язку для комунікації між користувачем та адміністратором системи. 
Таким чином, використання WordPress, MySQL та спеціалізованих плагінів 
дозволило реалізувати повнофункціональну веборієнтовану систему бронювання 
послуг канді-бару, яка забезпечує зручне управління контентом, оформлення 
замовлень, бронювання послуг та взаємодію з клієнтами через єдиний 
вебінтерфейс. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
66 
Змн. Арк. № Документа Підпис Дата  
 
3.3 Тестування веборієнтованої системи бронювання послуг канді-бару 
 
Тестування веборієнтованої системи бронювання послуг канді-бару є 
важливим етапом процесу розробки, оскільки дозволяє перевірити коректність 
роботи функціональних модулів, зручність використання інтерфейсу та 
відповідність програмного продукту поставленим вимогам. Основною метою 
тестування є виявлення можливих помилок та недоліків до введення системи в 
експлуатацію. 
Для оцінювання якості розробленої системи було проведено комплексне 
тестування, яке охоплювало перевірку верстки, функціональних можливостей, 
навігації, контенту, сумісності з різними браузерами, адаптивності інтерфейсу, 
безпеки та продуктивності. 
Кросбраузерне тестування виконувалося з метою перевірки коректного 
відображення вебресурсу в популярних браузерах Google Chrome, Mozilla Firefox 
та Microsoft Edge. Під час тестування перевірялася правильність відображення 
сторінок, робота меню навігації, функціонування форм замовлення та 
бронювання послуг, а також відображення мультимедійного контенту [47]. 
Отримані результати підтвердили стабільну роботу системи у всіх досліджуваних 
браузерах. 
Тестування верстки було спрямоване на перевірку відповідності інтерфейсу 
розробленому макету [48, 49]. Особлива увага приділялася коректному 
розташуванню елементів сторінок, відображенню карток товарів, форм 
бронювання та контактних даних. Також перевірялася адаптивність інтерфейсу на 
пристроях із різною роздільною здатністю екрана. Результати тестування 
показали відсутність критичних помилок верстки та забезпечили коректне 
відображення контенту на персональних комп’ютерах, планшетах і смартфонах. 
Результати тестування верстки наведені у табл. 3.1. 
 
Арк. 
 ЧДТУ 262115.05 ПЗ 
67 
Змн. Арк. № Документа Підпис Дата  
 
Таблиця 3.1 Результати тестування верстки 
Firefox Microsoft 
Google Chrome  
Показник Browser Edge 
148.0.7778.217 
151.0.3 149.0.4022.52 
Наявність елементів сторінок 
Перевірка відображення сторінок згідно 
пройдено пройдено пройдено 
файлів дизайну  
Перевірка наявності логотипу пройдено пройдено пройдено 
Перевірка наявності головного меню пройдено пройдено пройдено 
Перевірка наявності підвалу сайту пройдено пройдено пройдено 
Відображення елементів 
Перевірка відображення шрифта тексту на 
пройдено пройдено пройдено 
сайті 
Перевірка відображення кнопок, блоків 
меню і т.д., їх розміщення відносно один пройдено пройдено пройдено 
одного  
Перевірка розміщення банерів пройдено пройдено пройдено 
Активні елементи 
Перевірка зміни виду курсора після 
пройдено пройдено пройдено 
наведення на активні елементи 
Перевірка реагування активних елементів 
пройдено пройдено пройдено 
на наведення курсора 
Зміст сторінок 
Перевірка орфографії/граматики контенту 
пройдено пройдено пройдено 
сайту 
 
Функціональне тестування передбачало перевірку всіх основних 
можливостей системи [48]. Було протестовано роботу каталогу товарів, додавання 
продукції до кошика, зміну кількості товарів, оформлення замовлення, 
надсилання заявки на бронювання пакетів послуг, а також функціонування форми 
зворотного зв'язку. Окремо перевірялася коректність збереження інформації в базі 
даних. Усі функції працювали відповідно до визначених вимог. Результати 
функціонального тестування веборієнтованої системи бронювання послуг канді-
бару наведені у табл. 3.2. 
 
Таблиця 3.2 Результати функціонального тестування 
Firefox Microsoft 
Google Chrome  
Показник Browser Edge 
148.0.7778.217 
151.0.3 149.0.4022.52 
Каталог товарів 
Відображення карток товарів пройдено пройдено пройдено 
Відображення ціни товару пройдено пройдено пройдено 
Арк. 
 ЧДТУ 262115.05 ПЗ 
68 
Змн. Арк. № Документа Підпис Дата  
 
 Продовження табл. 3.2  
Відображення фотографій товару пройдено пройдено пройдено 
Роботи кнопки «Замовити» пройдено пройдено пройдено 
Кошик 
Додавання товару до кошика пройдено пройдено пройдено 
Видалення товару з кошика пройдено пройдено пройдено 
Зміна кількості товарів пройдено пройдено пройдено 
Автоматичний перерахунок вартості пройдено пройдено пройдено 
Оформлення замовлення пройдено пройдено пройдено 
Форма зворотного зв’язку 
Перевірка обов’язкових полів пройдено пройдено пройдено 
Надсилання повідомлення адміністратору пройдено пройдено пройдено 
Відображення повідомлення про успішну 
пройдено пройдено пройдено 
відправку 
Бронювання послуг 
Відображення пакетів послуг пройдено пройдено пройдено 
Робота кнопки «Забронювати» пройдено пройдено пройдено 
Валідація полів форми бронювання пройдено пройдено пройдено 
Відправлення заявки на бронювання пройдено пройдено пройдено 
Збереження даних у базі даних пройдено пройдено пройдено 
 
Тестування зручності використання (UX-тестування) проводилося з метою 
оцінювання комфорту роботи користувачів із системою. Аналізувалися логічність 
структури сайту, зрозумілість навігації, доступність основних функцій та 
зручність оформлення замовлень [48,49,51].. Результати тестування підтвердили, 
що користувачі можуть швидко знаходити необхідну інформацію, переглядати 
каталог десертів і оформлювати замовлення без додаткових труднощів (табл. 3.3).  
 
Таблиця 3.3 Результати UX-тестування  
Firefox Microsoft 
Google Chrome  
Показник Browser Edge 
148.0.7778.217 
151.0.3 149.0.4022.52 
Структура 
Наявність логотипу пройдено пройдено пройдено 
Зрозуміла навігація між сторінками пройдено пройдено пройдено 
Логічне розташування меню пройдено пройдено пройдено 
Зручність переходу між розділами пройдено пройдено пройдено 
Наявність контактної інформації пройдено пройдено пройдено 
Інтуїтивно зрозумілі кнопки дії пройдено пройдено пройдено 
Дизайн 
Єдиний стиль оформлення сторінок пройдено пройдено пройдено 
Гармонійна кольорова гама пройдено пройдено пройдено 
Читабельність тексту пройдено пройдено пройдено 
Арк. 
 ЧДТУ 262115.05 ПЗ 
69 
Змн. Арк. № Документа Підпис Дата  
 
Продовження табл. 3.3 
Коректне відображення зображень десертів пройдено пройдено пройдено 
Відсутність перевантаження сторінки 
пройдено пройдено пройдено 
елементами 
Замовлення та бронювання 
Мінімальна кількість кроків для 
пройдено пройдено пройдено 
оформлення замовлення 
Зрозумілість форми бронювання пройдено пройдено пройдено 
Зручність роботи з кошиком пройдено пройдено пройдено 
Простота оформлення замовлення пройдено пройдено пройдено 
Інформативність повідомлень системи пройдено пройдено пройдено 
 
Тестування бази даних було спрямоване на перевірку коректності 
збереження та обробки інформації. Перевірялися операції додавання замовлень, 
реєстрації заявок на бронювання, збереження контактних даних клієнтів і 
повідомлень із форми зворотного зв'язку. Також було протестовано цілісність 
зв'язків між таблицями бази даних та правильність виконання SQL-запитів.  
Результати тестування бази даних веборієнтованої системи бронювання послуг 
канді-бару наведені у табл. 3.4. 
 
Таблиця 3.4 Результати тестування бази даних 
Firefox Microsoft 
Google Chrome  
Показник Browser Edge 
148.0.7778.217 
151.0.3 149.0.4022.52 
Результати тестування бази даних 
Додавання нового замовлення до бази даних пройдено пройдено пройдено 
Збереження інформації про клієнта пройдено пройдено пройдено 
Збереження складу замовлення пройдено пройдено пройдено 
Збереження заяви на бронювання пройдено пройдено пройдено 
Збереження повідомлення з форми 
пройдено пройдено пройдено 
контактів 
Цілісність даних після внесення змін пройдено пройдено пройдено 
 
Безпекове тестування передбачало перевірку механізмів захисту вебсайту 
від типових загроз. Зокрема, було виконано перевірку валідації введених даних у 
формах, обробку помилкових значень, захист від SQL-ін'єкцій та XSS-атак [47, 
50, 52]. Результати тестування підтвердили належний рівень захисту 
персональних даних користувачів та стійкість системи до поширених вебзагроз 
(табл. 3.5).  
Арк. 
 ЧДТУ 262115.05 ПЗ 
70 
Змн. Арк. № Документа Підпис Дата  
 
Таблиця 3.5 Результати безпекового тестування  
Firefox Microsoft 
Google Chrome  
Показник Browser Edge 
148.0.7778.217 
151.0.3 149.0.4022.52 
Захист від SQL-ін'єкцій 
Перевірка захисту всіх введень користувача, 
пройдено пройдено пройдено 
що потрапляють до бази даних 
Використання параметризованих запитів 
пройдено пройдено пройдено 
або підготовлених виразі 
Виявлення уразливостей за допомогою 
пройдено пройдено пройдено 
інструментів сканування 
Захист від атак на файлову систему 
Конфіденційна інформація не зберігається у 
пройдено пройдено пройдено 
вихідному коді (ключі, паролі) 
Перевірка налаштувань сервера пройдено пройдено пройдено 
Налаштування HTTPS 
Використання HTTPS для шифрування 
пройдено пройдено пройдено 
трафіку 
Використання SSL/TLS сертифікатів з 
пройдено пройдено пройдено 
сильними алгоритмами шифрування. 
Відсутності змішаного контенту на HTTPS 
пройдено пройдено пройдено 
сторінках  
Логи та моніторинг 
Налаштування журналювання важливих 
пройдено пройдено пройдено 
подій 
Моніторинг журналів на предмет підозрілої 
пройдено пройдено пройдено 
активності 
 
Тестування продуктивності здійснювалося для оцінювання швидкодії 
веборієнтованої системи за різних умов експлуатації. Аналізувалася швидкість 
завантаження сторінок, робота каталогу товарів, функціонування кошика та 
обробка заявок на бронювання. Отримані результати свідчать про стабільну 
роботу системи та прийнятний час відгуку інтерфейсу навіть при одночасному 
виконанні кількох користувацьких операцій (табл. 3.6). 
 
Таблиця 3.6 Результати тестування продуктивності  
Firefox Microsoft 
Google Chrome  
Показник Browser Edge 
148.0.7778.217 
151.0.3 149.0.4022.52 
Швидкість завантаження пройдено пройдено пройдено 
Наявність адаптивної верстки пройдено пройдено пройдено 
Кожному пристрою – своє юзабіліті пройдено пройдено пройдено 
Приховування непотрібних смуг скролу пройдено пройдено пройдено 
Арк. 
 ЧДТУ 262115.05 ПЗ 
71 
Змн. Арк. № Документа Підпис Дата  
 
Продовження табл. 3.6 
Підстроювання курсора під 
пройдено пройдено пройдено 
«клікабельне/неклікабельне» 
Тестовий формат пройдено пройдено пройдено 
Відсутність захисту від копіювання пройдено пройдено пройдено 
 
Проведене тестування підтвердило працездатність, надійність та зручність 
використання розробленої веборієнтованої системи бронювання послуг канді-
бару. За результатами тестування критичних помилок виявлено не було, а всі 
функціональні модулі коректно виконують покладені на них завдання. 
 
3.4 Порівняння веборієнтованої системи бронювання послуг канді-бару 
з аналогами 
 
В умовах високої конкуренції на ринку кейтерингових та кондитерських 
послуг важливим фактором успішності вебресурсу є не лише привабливий 
дизайн, але й наявність функціональних можливостей, які забезпечують зручну 
взаємодію клієнта із сервісом. Проведений аналіз існуючих вебсайтів канді-барів 
та компаній, що надають послуги з організації солодких столів, дозволив 
визначити їх сильні та слабкі сторони, а також сформувати перелік 
функціональних вимог до розроблюваної веборієнтованої системи бронювання 
послуг канді-бару. 
Основні результати порівняльного аналізу наведено у табл. 3.7. Виконане 
дослідження показало, що більшість існуючих сайтів орієнтовані переважно на 
демонстрацію асортименту десертів та фотогалереї виконаних робіт. Водночас 
можливості онлайн-замовлення продукції та бронювання пакетів послуг 
реалізовані лише частково або взагалі відсутні. 
Розроблена веборієнтована система бронювання послуг канді-бару 
вирізняється сучасним дизайном, побудованим на принципах мінімалізму та 
зручності використання. Інтерфейс системи містить логічно структуровані 
сторінки, що дозволяють користувачам швидко знаходити необхідну інформацію 
про компанію, перелік десертів та доступні пакети послуг. Завдяки використанню 
Арк. 
 ЧДТУ 262115.05 ПЗ 
72 
Змн. Арк. № Документа Підпис Дата  
 
сучасних вебтехнологій забезпечено коректне відображення контенту на різних 
пристроях та екранах. 
 
Таблиця 3.7 Порівняння електронних навчальних ресурсів з вебтехнологій 
Веборієнтована 
UBI система 
SWEET 
Показник Арабеска CakeShoko Кейтеринг бронювання 
KINGDOM 
студія послуг канді-
бару 
Онлайн 
замовлення + + + + + 
товарів 
Бронювання 
послуг - - - - + 
Адаптивний 
дизайн + + - + + 
Зручність 
навігації + + - + + 
Форма 
зворотного + + - + + 
зв’язку 
 
На відміну від більшості проаналізованих аналогів, розроблена система 
містить повноцінний каталог продукції з можливістю додавання товарів до 
кошика. Користувач може ознайомитися з описом десертів, переглянути їх 
вартість та сформувати індивідуальне замовлення без необхідності телефонного 
звернення до менеджера. 
Важливою перевагою розробленого вебресурсу є реалізація системи 
онлайн-бронювання послуг. Клієнт має можливість обрати один із пакетів 
обслуговування («Стандартний», «Преміум» або «Індивідуальний»), вказати 
кількість гостей, побажання щодо оформлення заходу, контактні дані та спосіб 
доставки. Такий підхід значно спрощує процес оформлення заявки та підвищує 
рівень автоматизації взаємодії з клієнтами. 
Позитивною особливістю системи є наявність форми зворотного зв'язку, 
яка забезпечує швидку комунікацію між відвідувачами сайту та адміністрацією. 
Крім того, вебресурс містить блок відгуків клієнтів, що сприяє підвищенню 
довіри до компанії та формуванню позитивного іміджу. 
З точки зору ергономіки розроблений сайт характеризується простотою 
навігації, зручним розташуванням елементів інтерфейсу та високою 
Арк. 
 ЧДТУ 262115.05 ПЗ 
73 
Змн. Арк. № Документа Підпис Дата  
 
інформативністю сторінок. Використання якісних фотографій продукції 
покращує візуальне сприйняття інформації та сприяє залученню потенційних 
клієнтів. 
Вебресурс є адаптивним та коректно функціонує на персональних 
комп’ютерах, планшетах і мобільних пристроях. Завдяки застосуванню 
фреймворку Bootstrap забезпечено автоматичне підлаштування елементів 
інтерфейсу під різні розміри екранів без втрати функціональності. 
 
3.5 Висновки до розділу 3 
 
У третьому розділі кваліфікаційної роботи було обґрунтовано вибір 
програмних засобів та технологій для розробки веборієнтованої системи 
бронювання послуг канді-бару. Визначено доцільність використання системи 
керування контентом WordPress, системи керування базами даних MySQL, мови 
програмування PHP, технологій HTML, CSS, JavaScript та фреймворку Bootstrap 
для створення адаптивного користувацького інтерфейсу. 
У розділі описано процес реалізації веборієнтованої системи, структуру бази 
даних, особливості організації сторінок вебресурсу та механізми взаємодії 
користувача із системою. Реалізовано каталог десертів із можливістю додавання 
товарів до кошика, систему оформлення замовлень, модуль бронювання пакетів 
послуг та форму зворотного зв'язку. 
Для перевірки працездатності розробленого програмного продукту було 
проведено комплексне тестування, яке включало тестування верстки, 
функціональності, адаптивності, зручності використання, безпеки та 
продуктивності. Результати тестування підтвердили коректну роботу всіх 
функціональних модулів системи та відповідність вебресурсу поставленим 
вимогам. 
  
Арк. 
 ЧДТУ 262115.05 ПЗ 
74 
Змн. Арк. № Документа Підпис Дата  
 
ВИСНОВКИ 
 
У кваліфікаційній роботі розроблено веборієнтовану систему бронювання 
послуг канді-бару, призначену для автоматизації процесу оформлення замовлень, 
представлення асортименту продукції та спрощення взаємодії між клієнтами і 
виконавцем послуг. Розроблена система забезпечує користувачам можливість 
ознайомлюватися з асортиментом солодощів, обирати необхідні товари, формувати 
замовлення через кошик, а також бронювати комплексні пакети послуг для 
проведення святкових заходів. 
Для досягнення поставленої мети було виконано аналіз предметної області та 
сучасних тенденцій у сфері кейтерингового обслуговування, досліджено 
особливості організації канді-барів, проведено огляд існуючих вебресурсів 
аналогічного призначення, сформовано функціональні та нефункціональні вимоги 
до системи, обґрунтовано вибір програмних засобів розробки, спроєктовано 
структуру бази даних та реалізовано вебсистему. 
У результаті аналізу аналогів встановлено, що більшість наявних сайтів 
виконують переважно рекламно-інформаційну функцію та не забезпечують 
комплексної автоматизації процесу бронювання послуг. Це підтвердило 
актуальність створення спеціалізованої вебсистеми, яка поєднує можливості 
каталогу продукції, кошика замовлень, форми бронювання та засобів зворотного 
зв'язку. 
Під час проєктування системи особлива увага приділялася вимогам зручності 
використання, адаптивності, швидкодії, безпеки та доступності. Інтерфейс 
вебсистеми забезпечує просту навігацію між сторінками, логічну структуру подання 
інформації та коректне відображення на різних типах пристроїв. 
Розроблену вебсистему реалізовано з використанням HTML, CSS, JavaScript, 
фреймворку Bootstrap, системи керування вмістом WordPress та системи керування 
базами даних MySQL. Проведене тестування підтвердило працездатність усіх 
основних функцій системи, коректність роботи форм замовлення та бронювання, а 
також відповідність розробленого програмного продукту поставленим вимогам.  
Арк. 
 ЧДТУ 262115.05 ПЗ 
75 
Змн. Арк. № Документа Підпис Дата  
 
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ 
 
1. HoReCa : навч. посіб. : у 3 т. Т. 3. Кейтеринг / [А.А. Мазаракі, С.Л. 
Шаповал, С.В. Мельниченко та ін.] ; за ред. А.А. Мазаракі. Київ : Київ. нац. 
торг.-екон. ун-т, 2017. 448 с. 
2. Постова В. В. Кейтеринг як новий тренд в ресторанному бізнесі. 
Причорноморські економічні студії. 2022. Вип. 74. С. 147‒150. 
3. Антоненко А. В., Стукальська Н. М. Сучасні аспекти розвитку кейтерингу в 
Україні. Гостинність, сервіс, туризм: досвід, проблеми, інновації : тези 
доповідей VІІІ Міжнародної науково-практичної інтернет-конференції, 8-9 
квітня 2021 р., м. Київ. Київ : Вид. центр КНУКіМ, 2021. С. 19‒22. 
4. Антоненко А. В., Стукальська Н. М. Кейтеринг – запорука успішного 
розвитку ресторанного бізнесу. Україна у світових глобалізаційних 
процесах: культура, економіка, суспільство : тези доповідей Міжнар. наук.-
практ. конф., 24–25 берез., 2021 р. Київ : Вид. центр КНУКіМ, 2021. С.143–
146.  
5. Назаренко І.А., Боднарук О.А. Організація обслуговування в закладах 
ресторанного господарства: навч.посібник. ДонНУЕТ, 2020. 128 с. 
6. Новічкова Т., Лебеденко Т., Асауленко Н. Сервісні послуги: кейтерингове 
обслуговування в організації ресторанного господарства як напрям 
підвищення конкурентоспроможності в умовах кризи // Наукові 
перспективи (Naukovì perspektivi), 2021, 3 (9). 
7. Ратова З. Т., Попеляр А. В. Організація кейтерингу в Україні в умовах 
економічної кризи. Все про туризм. Туристична бібліотека. URL: 
https://tourlib.net/statti_ukr/ratova.htm (дата звернення: 12.04.2026). 
8. Тарасюк Г. М., Чагайда А. О. Тенденції розвитку кейтерингу в умовах 
інноваційних змін індустрії харчування. Вісник Хмельницького 
національного університету. Економічні науки. 2020. № 1 (261). С. 170‒177.  
9. Тищук І., Новосад О., Пасічник М. Інноваційні підходи до організації 
кейтерингових послуг у сфері харчування. Економіка та суспільство. 2025. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
76 
Змн. Арк. № Документа Підпис Дата  
 
(80). URL: https://economyandsociety.in.ua/index.php/journal/article/view/6803 
https://doi.org/10.32782/2524-0072/2025-80-31 
10. Кропивний Є. В. Види об’єктів сфери громадського харчування та 
гостинності. Київський часопис права. 2025. (4). С. 89–94. URL: 
https://kyivchasprava.kneu.in.ua/index.php/kyivchasprava/article/view/539 
https://doi.org/10.32782/klj/2024.4.12 
11. Виторг закладів харчування зріс на 6% попри падіння відвідуваності на 8%. 
Підсумки 2025 року від Poster. URL: https://forbes.ua/news/vitorg-zakladiv-
kharchuvannya-v-ukraini-zris-na-6-popri-padinnya-vidviduvanosti-na-8-
pidsumki-2025-roku-vid-poster-21012026-35688 (дата звернення: 27.04.2026). 
12. Кондитерська «Арабеска». URL: https://arabesque.com.ua/ (дата звернення: 
27.04.2026). 
13. Компанія «CakeShoko». URL: https://cake.shoko.com.ua/uk/ (дата звернення: 
27.04.2026). 
14. Компанія «Sweet Kingdom».  URL: https://sweetkingdom.kiev.ua/ua/ (date of 
the request: 27.04.2026). 
15. «UBI Кейтеринг студія». URL: https://catering-studio.com.ua/uk/ (дата 
звернення: 27.04.2026). 
16. WordPress Tutorial. URL: https://www.geeksforgeeks.org/wordpress-tutorial/ 
(date of the request: 27.04.2026). 
17. WordPress Tutorial. URL: https://www.tutorialspoint.com/wordpress/index.htm 
(date of the request: 10.05.2026). 
18. Barker D. Web Content Management: Systems, Features, and Best Practices. 
O'Reilly Media, 2016. 374 p. 
19. Getto G., Labriola J. T., Ruszkiewicz Sh. Content Strategy: A How-to Guide. 
Taylor & Francis, 2022. 202 p. 
20. Pulizzi J. Start a Content-First Business, Build a Massive Audience and Become 
Radically Successful (With Little to No Money). Second Edition. McGraw Hill, 
2021. 368 p. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
77 
Змн. Арк. № Документа Підпис Дата  
 
21. UX Design for Beginners. URL:  https://careerfoundry.com/en/tutorials/ux-
design-for-beginners/what-is-ux-design// (date of the request: 07.05.2026). 
22. UI / UX Design Tutorial – From Zero to Hero with Wireframe + Prototype + 
Design in Figma. URL: https://www.freecodecamp.org/news/ui-ux-design-
tutorial-from-zero-to-hero-with-wireframe- prototype-figma/ (date of the request: 
07.05.2026). 
23. UI/UX Design Overview. URL: https://intellipaat.com/blog/ui-ux-design-
tutorial/ (date of the request: 18.05.2026). 
24. UX Design Foundations. URL: https://app.uxcel.com/courses/design-foundations 
(date of the request: 18.05.2026). 
25. Новіков Ф. В. Техніко-економічне обґрунтування сучасних технологій 
виробництва : навчальний посібник. Ф. В. Новіков, Д. Ф. Новіков, О. А. 
Єрмоленко, В. О. Жовтобрюх. Дніпро : ЛІРА, 2022. 256 с. 
26. Лактіонова О. А. Проектне фінансування : навчальний посібник для 
студентів економічних спеціальностей. Вінниця, 2018. 216 с. 
27. Микитюк П. П., Брич В. Я., Микитюк Ю. І., Труш І. М. Управління 
проектами: підручник. Тернопіль, 2021. 416 с. 
28. CSS · Bootstrap. URL: https://getbootstrap.com/docs/3.3/css/ (date of the 
request: 20.05.2026). 
29. Visual Studio Code - Code Editing. URL: https://code.visualstudio.com/ 
30. WebStorm. The JavaScript and TypeScript IDE. URL:  
https://www.jetbrains.com/webstorm/  (date of the request: 20.05.2026).  
31. Sublime Text - Text Editing, Done Right. URL: https://www.sublimetext.com/ 
(date of the request: 20.05.2026). 
32. Інструмент створення блогів WordPress https://uk.wordpress.org/download/ 
(date of the request: 20.05.2026). 
33. Joomla Content Management System (CMS) - try it! It's free! URL:  
https://www.joomla.org/ (date of the request: 20.05.2026). 
34. Drupal - Open Source CMS. URL: https://www.drupal.org/ (date of the request: 
20.05.2026). 
Арк. 
 ЧДТУ 262115.05 ПЗ 
78 
Змн. Арк. № Документа Підпис Дата  
 
35. Shopify: The All-in-One-Commerce. URL: https://www.shopify.com/ (date of 
the request: 20.05.2026). 
36. MySQL. URL: https://www.mysql.com/ (date of the request: 20.05.2026). 
37. Трофименко О.Г., Козін О.Б., Задерейко О.В., Плачінда О.Є. Вебтехнології 
та веб-дизайн: навчальний посібник. Одеса: Фенікс, 2019. 284 с. 
38. CSS · Bootstrap. URL: https://getbootstrap.com/docs/3.3/css/ (date of the 
request: 22.05.2026). 
39. Доценко С. І. Організація та системи керування базами даних: навч. 
посібник. Харків: УкрДУЗТ, 2023. 117 с.  
40. Мулеса О., Варга Я. Інформаційні системи та реляційні бази даних: навч. 
посібник.  Ужгород, 2023. 132 с. 
41. Nick Morgan JavaScript Crash Course: A Hands-On, Project-Based Introduction 
to Programming. No Starch Press, 2024. 376 p. 
42. Eric Freeman, Elisabeth Robson. Head First JavaScript Programming: A 
Learner's Guide to Modern JavaScript. O'Reilly Media, 2024. 600 р. 
43. Jadhwani Prateek. Getting Started with Web Components: Build modular and 
reusable components using HTML, CSS and JavaScript. Birmingham: Packt 
Publishing, 2019. 158 p. 
44. Бородкіна І.Л., Бородкін Г.О. Web-технології та Web-дизайн : застосування 
мови HTML для створення електронних ресурсів. К.: Ліра, 2020. 212 с.  
45. Frain B. Responsive Web Design with HTML5 and CSS. Develop future-proof 
responsive websites using the latest HTML5 and CSS techniques. 3rd edition. 
Birmingham : Packt Publishing Ltd, 2020. 384 р. 
46. Felke-Morris, Terry. Basics of web design: HTML5 & CSS3. 5-th ed. Pearson, 
2019. 496 p. 
47. Laurence Lars Svekis, Maaike van Putten, Rob Percival. JavaScript from 
Beginner to Professional: Learn JavaScript quickly by building fun, interactive, 
and dynamic web apps, games, and pages. Packt Publishing, 2022. 546 p. 
48. Зеленков, А. В. Мануальне тестування WEB- та мобільних застосунків 
[Електронний ресурс] : навч. посіб. / А. В. Зеленков. – Харків : Нац. 
Арк. 
 ЧДТУ 262115.05 ПЗ 
79 
Змн. Арк. № Документа Підпис Дата  
 
аерокосм. ун-т ім. М. Є. Жуковського «Харків. авіац. ін-т», 2025. – 90 с. -
ISBN 978-966-996-027-6. - Режим доступу до ресурсу: 
https://library.khai.edu/library/fulltexts/metod/Zelenkov_Testuvanna_2025.pdf 
49. Туркін, І. Б. Аналіз вимог до програмного забезпечення [Електронний 
ресурс]: навч.-метод. посіб. до практич. занять / І. Б. Туркін, А. В. Зеленков. 
–Харків : Нац. аерокосм. ун-т ім. М. Є. Жуковського «Харків. авіац. ін-т», 
2024. -54 с. - Режим доступу до ресурсу: 
https://library.khai.edu/library/fulltexts/metod/Turkin_Analyz.pdf 
50. Трофименко О. Г., Дика А. І. Тестування та забезпечення якості 
програмних систем : навч. посіб. для підгот. здобув. вищої освіти галузі 
знань 12 «Інформаційні технології» ; Нац. ун-т «Одес. юрид. академія». 
Одеса, 2024. 195 с. 
51. Тестування верстки. Основні вимоги. URL: 
https://training.qatestlab.com/blog/technical-articles/testing-layout-basic-
requirements/ (дата звернення: 28.05.2026). 
52. Юзабіліті чек-лист тестування сайту. URL:  
https://www.plerdy.com/ua/usability-testing-website-checklist/ (дата звернення: 
28.05.2026). 
53. Методичні вказівки з виконання економічного розділу в дипломних 
проектах студентів спеціальності “Комп’ютерні системи ” / Уклад. 
О. Г. Вагонова, Нікітіна О.Б. Н.Н. Романюк – Дніпропетровськ: 
Національний гірничий університет. 2013. 11 с. 
54. Колот А. М. Мотивація персоналу : підручник / М-во освіти і науки, молоді 
та спорту України, ДВНЗ «Київ. нац. екон. ун-т ім. Вадима Гетьмана» ; 
А. М. Колот, С. О. Цимбалюк. Київ : КНЕУ, 2011.397 с. 
 
 
 
Арк. 
 ЧДТУ 262115.05 ПЗ 
80 
Змн. Арк. № Документа Підпис Дата  
 
ДОДАТОК А 
 
 
 
 ЗАТВЕРДЖУЮ 
 Зав. кафедри ІТП  
 _________________  Прокопенко Т.О. 
 «____»  ________________ 2026 р. 
 
 
 
 
 
 
ВЕБОРІЄНТОВАНА СИСТЕМА БРОНЮВАННЯ ПОСЛУГ 
КАНДІ-БАРУ 
 
 
 
Специфікація 
482 ЧДТУ 262115 – 01  
Аркушів 2 
 
 
Н 
 
Розробник _______________            Анастасія ДМИТРЕНКО  
Керівник _______________ Ольга ЛАВДАНСЬКА 
Н. контроль ________________ Ольга ЛАВДАНСЬКА 
 
    
     
 
 
2026 
2 
482 ЧДТУ 262115 – 01 
 
Позначення Найменування Примітка 
   
 Документація  
   
482 ЧДТУ 262115-01 12 01 Текст програми  
482 ЧДТУ 262115-01 13 01 Посібник користувача  
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
 
 
 
ДОДАТОК Б 
 
ПРОГРАМНЕ ЗАБЕЗПЕЧЕННЯ  
«ВЕБОРІЄНТОВАНА СИСТЕМА БРОНЮВАННЯ ПОСЛУГ  
КАНДІ-БАРУ» 
 
 
 
 
 
 
ТЕКСТ ПРОГРАМИ 
 
 
482 ЧДТУ 262115 – 01 12 01 
Аркушів 21 
 
 
 
 
Розробник             ________________        Анастасія ДМИТРЕНКО                  
 
    
       Н  
 
 
 
 
 
 
Черкаси, 2026  
  
2 
482 ЧДТУ 262115 – 01 12 01 
<div class="elementor-widget-wrap ;fadeInUp&quot;}" data-
elementor-element-populated"> widget_type="heading.default"> 
   <section class="elementor-section                   <h3 class="elementor-
elementor-inner-section elementor- heading-title elementor-size-
element elementor-element-2479dfe4 default">Канді та торти</h3> 
elementor-reverse-mobile elementor-                </div> 
section-boxed elementor-section-height-                <div class="elementor-
default elementor-section-height- element elementor-element-5c06a04c 
default" data-id="2479dfe4" data- elementor-widget elementor-widget-text-
element_type="section" data-e- editor animated fadeInUp" data-
type="section"> id="5c06a04c" data-
      <div class="elementor-container element_type="widget" data-e-
elementor-column-gap-default"> type="widget" data-
         <div class="elementor-column settings="{&quot;_animation&quot;:&quot
elementor-col-50 elementor-inner-column ;fadeInUp&quot;}" data-
elementor-element elementor-element- widget_type="text-editor.default"> 
45ed7675" data-id="45ed7675" data-                   <p>Неймовірно смачні 
element_type="column" data-e- солодощі, святкові<br>торти та канді-
type="column"> бари на замовлення</p> 
            <div class="elementor-                </div> 
widget-wrap elementor-element-                <div class="elementor-
populated"> element elementor-element-42dc2e4 
               <div class="elementor- elementor-mobile-align-center 
element elementor-element-31f76acd elementor-widget elementor-widget-
elementor-widget__width-auto elementor- button animated fadeInUp" data-
widget elementor-widget-heading id="42dc2e4" data-element_type="widget" 
animated fadeInUp" data-id="31f76acd" data-e-type="widget" data-
data-element_type="widget" data-e- settings="{&quot;_animation&quot;:&quot
type="widget" data- ;fadeInUp&quot;}" data-
settings="{&quot;_animation&quot;:&quot widget_type="button.default"> 
;fadeInUp&quot;}" data-                   <a class="elementor-
widget_type="heading.default"> button elementor-button-link elementor-
                  <h1 class="elementor- size-sm" 
heading-title elementor-size- href="https://candy.chdtu.edu.ua/%d0%b1
default">Sweet Moments</h1> %d1%80%d0%be%d0%bd%d1%8e%d0%b2%d0%b0%d0
               </div> %bd%d0%bd%d1%8f/"> 
               <div class="elementor-                   <span 
element elementor-element-5d674e1f class="elementor-button-content-
elementor-widget__width-auto elementor- wrapper"> 
widget elementor-widget-heading                   <span 
animated fadeInUp" data-id="5d674e1f" class="elementor-button-
data-element_type="widget" data-e- text">Забронювати</span> 
type="widget" data-                   </span> 
settings="{&quot;_animation&quot;:&quot                   </a> 
;fadeInUp&quot;}" data-                </div> 
widget_type="heading.default">             </div> 
                  <h1 class="elementor-          </div> 
heading-title elementor-size-          <div class="elementor-column 
default">Кондитерська</h1> elementor-col-50 elementor-inner-column 
               </div> elementor-element elementor-element-
               <div class="elementor- 5ebad68b animated fadeInUp" data-
element elementor-element-7f188307 id="5ebad68b" data-
elementor-widget elementor-widget- element_type="column" data-e-
heading animated fadeInUp" data- type="column" data-
id="7f188307" data- settings="{&quot;animation&quot;:&quot;
element_type="widget" data-e- fadeInUp&quot;}"> 
type="widget" data-             <div class="elementor-
settings="{&quot;_animation&quot;:&quot widget-wrap elementor-element-
populated"> 
3 
482 ЧДТУ 262115 – 01 12 01 
               <div class="elementor-       
element elementor-element-56952c06        
elementor-widget__width-initial                </div> 
elementor-absolute elementor-widget                <div class="elementor-
elementor-widget-image" data- element elementor-element-29859a7f 
id="56952c06" data- elementor-absolute elementor-widget 
element_type="widget" data-e- elementor-widget-image" data-
type="widget" data- id="29859a7f" data-
settings="{&quot;_position&quot;:&quot; element_type="widget" data-e-
absolute&quot;}" data- type="widget" data-
widget_type="image.default"> settings="{&quot;_position&quot;:&quot;
                  <img decoding="async" absolute&quot;}" data-
width="561" height="562" widget_type="image.default"> 
src="https://candy.chdtu.edu.ua/wp-                   <img loading="lazy" 
content/uploads/2026/06/elemen2.png" decoding="async" width="762" 
class="attachment-large size-large wp- height="275" 
image-16" alt="" src="https://candy.chdtu.edu.ua/wp-
srcset="https://candy.chdtu.edu.ua/wp- content/uploads/2026/06/blobz2.png" 
content/uploads/2026/06/elemen2.png class="attachment-large size-large wp-
561w, https://candy.chdtu.edu.ua/wp- image-18" alt="" 
content/uploads/2026/06/elemen2- srcset="https://candy.chdtu.edu.ua/wp-
300x300.png 300w, content/uploads/2026/06/blobz2.png 
https://candy.chdtu.edu.ua/wp- 762w, https://candy.chdtu.edu.ua/wp-
content/uploads/2026/06/elemen2- content/uploads/2026/06/blobz2-
100x100.png 100w, 600x217.png 600w, 
https://candy.chdtu.edu.ua/wp- https://candy.chdtu.edu.ua/wp-
content/uploads/2026/06/elemen2- content/uploads/2026/06/blobz2-
150x150.png 150w" sizes="(max-width: 300x108.png 300w" sizes="(max-width: 
561px) 100vw, 561px">   762px) 100vw, 762px">   
            
              
               </div>                </div> 
               <div class="elementor-                <div class="elementor-
element elementor-element-7333bd8f element elementor-element-3e82c292 
elementor-widget__width-initial elementor-widget elementor-widget-
elementor-absolute elementor-widget- image" data-id="3e82c292" data-
tablet__width-initial elementor-widget element_type="widget" data-e-
elementor-widget-image" data- type="widget" data-
id="7333bd8f" data- widget_type="image.default"> 
element_type="widget" data-e-                   <img loading="lazy" 
type="widget" data- decoding="async" width="500" 
settings="{&quot;_position&quot;:&quot; height="500" 
absolute&quot;}" data- src="https://candy.chdtu.edu.ua/wp-
widget_type="image.default"> content/uploads/2026/06/279015375_w1280
                  <img decoding="async" _h640_279015375.webp" 
width="612" height="521" class="attachment-2048x2048 size-
src="https://candy.chdtu.edu.ua/wp- 2048x2048 wp-image-512" alt="" 
content/uploads/2026/06/elemen3.png" srcset="https://candy.chdtu.edu.ua/wp-
class="attachment-large size-large wp- content/uploads/2026/06/279015375_w1280
image-17" alt="" _h640_279015375.webp 500w, 
srcset="https://candy.chdtu.edu.ua/wp- https://candy.chdtu.edu.ua/wp-
content/uploads/2026/06/elemen3.png content/uploads/2026/06/279015375_w1280
612w, https://candy.chdtu.edu.ua/wp- _h640_279015375-300x300.webp 300w, 
content/uploads/2026/06/elemen3- https://candy.chdtu.edu.ua/wp-
600x511.png 600w, content/uploads/2026/06/279015375_w1280
https://candy.chdtu.edu.ua/wp- _h640_279015375-150x150.webp 150w, 
content/uploads/2026/06/elemen3- https://candy.chdtu.edu.ua/wp-
300x255.png 300w" sizes="(max-width: content/uploads/2026/06/279015375_w1280
612px) 100vw, 612px">   _h640_279015375-100x100.webp 100w" 
 
4 
482 ЧДТУ 262115 – 01 12 01 
sizes="(max-width: 500px) 100vw, 600x600.png 600w, 
500px">     https://candy.chdtu.edu.ua/wp-
      content/uploads/2026/06/elemen1-
     150x150.png 150w" sizes="(max-width: 
               </div> 603px) 100vw, 603px">   
               <div class="elementor-       
element elementor-element-264ab871        
elementor-absolute elementor-widget                </div> 
elementor-widget-image" data-             </div> 
id="264ab871" data-          </div> 
element_type="widget" data-e-       </div> 
type="widget" data-    </section> 
settings="{&quot;_position&quot;:&quot;    <div class="elementor-element 
absolute&quot;}" data- elementor-element-447c4f08 elementor-
widget_type="image.default"> widget elementor-widget-image" data-
                  <img loading="lazy" id="447c4f08" data-
decoding="async" width="538" element_type="widget" data-e-
height="569" type="widget" data-
src="https://candy.chdtu.edu.ua/wp- widget_type="image.default"> 
content/uploads/2026/06/ele10.png"       <img loading="lazy" 
class="attachment-large size-large wp- decoding="async" width="2500" 
image-20" alt="" height="335" 
srcset="https://candy.chdtu.edu.ua/wp- src="https://candy.chdtu.edu.ua/wp-
content/uploads/2026/06/ele10.png 538w, content/uploads/2026/06/wave2.png" 
https://candy.chdtu.edu.ua/wp- class="attachment-full size-full wp-
content/uploads/2026/06/ele10- image-22" alt="" 
284x300.png 284w" sizes="(max-width: srcset="https://candy.chdtu.edu.ua/wp-
538px) 100vw, 538px">   content/uploads/2026/06/wave2.png 
      2500w, https://candy.chdtu.edu.ua/wp-
       content/uploads/2026/06/wave2-
               </div> 600x80.png 600w, 
               <div class="elementor- https://candy.chdtu.edu.ua/wp-
element elementor-element-7d1d0ab9 content/uploads/2026/06/wave2-
elementor-absolute elementor-widget- 300x40.png 300w, 
mobile__width-initial elementor-widget https://candy.chdtu.edu.ua/wp-
elementor-widget-image" data- content/uploads/2026/06/wave2-
id="7d1d0ab9" data- 1024x137.png 1024w, 
element_type="widget" data-e- https://candy.chdtu.edu.ua/wp-
type="widget" data- content/uploads/2026/06/wave2-
settings="{&quot;_position&quot;:&quot; 768x103.png 768w, 
absolute&quot;}" data- https://candy.chdtu.edu.ua/wp-
widget_type="image.default"> content/uploads/2026/06/wave2-
                  <img loading="lazy" 1536x206.png 1536w, 
decoding="async" width="603" https://candy.chdtu.edu.ua/wp-
height="603" content/uploads/2026/06/wave2-
src="https://candy.chdtu.edu.ua/wp- 2048x274.png 2048w" sizes="(max-width: 
content/uploads/2026/06/elemen1.png" 2500px) 100vw, 2500px">   
class="attachment-large size-large wp-       
image-21" alt=""        
srcset="https://candy.chdtu.edu.ua/wp-    </div> 
content/uploads/2026/06/elemen1.png </div> 
603w, https://candy.chdtu.edu.ua/wp-  
content/uploads/2026/06/elemen1- <div class="elementor-container 
300x300.png 300w, elementor-column-gap-default"> 
https://candy.chdtu.edu.ua/wp-    <div class="elementor-column 
content/uploads/2026/06/elemen1- elementor-col-50 elementor-top-column 
100x100.png 100w, elementor-element elementor-element-
https://candy.chdtu.edu.ua/wp- 52f2b9a8 animated fadeInUp" data-
content/uploads/2026/06/elemen1- id="52f2b9a8" data-
 
5 
482 ЧДТУ 262115 – 01 12 01 
element_type="column" data-e- 300x200.png 300w, 
type="column" data- https://candy.chdtu.edu.ua/wp-
settings="{&quot;animation&quot;:&quot; content/uploads/2026/06/blob100-
fadeInUp&quot;}"> 768x512.png 768w, 
      <div class="elementor-widget-wrap https://candy.chdtu.edu.ua/wp-
elementor-element-populated"> content/uploads/2026/06/blob100.png 
         <div class="elementor-element 1200w" sizes="(max-width: 800px) 100vw, 
elementor-element-2d9dffdf elementor- 800px">     
widget elementor-widget-image" data-       
id="2d9dffdf" data-      
element_type="widget" data-e-          </div> 
type="widget" data-          <div class="elementor-element 
widget_type="image.default"> elementor-element-4b15a37d elementor-
            <img loading="lazy" widget__width-initial elementor-
decoding="async" width="800" absolute elementor-widget elementor-
height="533" widget-image" data-id="4b15a37d" data-
src="https://candy.chdtu.edu.ua/wp- element_type="widget" data-e-
content/uploads/2026/06/десст.png" type="widget" data-
class="attachment-large size-large wp- settings="{&quot;_position&quot;:&quot;
image-525" alt="" absolute&quot;}" data-
srcset="https://candy.chdtu.edu.ua/wp- widget_type="image.default"> 
content/uploads/2026/06/десст.png 886w,             <img loading="lazy" 
https://candy.chdtu.edu.ua/wp- decoding="async" width="671" 
content/uploads/2026/06/десст- height="638" 
300x200.png 300w, src="https://candy.chdtu.edu.ua/wp-
https://candy.chdtu.edu.ua/wp- content/uploads/2026/06/blob12-1.png" 
content/uploads/2026/06/десст- class="attachment-large size-large wp-
768x511.png 768w, image-27" alt="" 
https://candy.chdtu.edu.ua/wp- srcset="https://candy.chdtu.edu.ua/wp-
content/uploads/2026/06/десст- content/uploads/2026/06/blob12-1.png 
600x400.png 600w" sizes="(max-width: 671w, https://candy.chdtu.edu.ua/wp-
800px) 100vw, 800px">   content/uploads/2026/06/blob12-1-
      600x570.png 600w, 
       https://candy.chdtu.edu.ua/wp-
         </div> content/uploads/2026/06/blob12-1-
         <div class="elementor-element 300x285.png 300w" sizes="(max-width: 
elementor-element-11954099 elementor- 671px) 100vw, 671px">   
absolute elementor-widget elementor-       
widget-image" data-id="11954099" data-        
element_type="widget" data-e-          </div> 
type="widget" data-          <div class="elementor-element 
settings="{&quot;_position&quot;:&quot; elementor-element-1d637a2d elementor-
absolute&quot;}" data- widget__width-initial elementor-
widget_type="image.default"> absolute elementor-widget elementor-
            <img loading="lazy" widget-image" data-id="1d637a2d" data-
decoding="async" width="800" element_type="widget" data-e-
height="534" type="widget" data-
src="https://candy.chdtu.edu.ua/wp- settings="{&quot;_position&quot;:&quot;
content/uploads/2026/06/blob100- absolute&quot;}" data-
1024x683.png" class="attachment-large widget_type="image.default"> 
size-large wp-image-26" alt=""             <img loading="lazy" 
srcset="https://candy.chdtu.edu.ua/wp- decoding="async" width="538" 
content/uploads/2026/06/blob100- height="569" 
1024x683.png 1024w, src="https://candy.chdtu.edu.ua/wp-
https://candy.chdtu.edu.ua/wp- content/uploads/2026/06/ele10.png" 
content/uploads/2026/06/blob100- class="attachment-large size-large wp-
600x400.png 600w, image-20" alt="" 
https://candy.chdtu.edu.ua/wp- srcset="https://candy.chdtu.edu.ua/wp-
content/uploads/2026/06/blob100- content/uploads/2026/06/ele10.png 538w, 
 
6 
482 ЧДТУ 262115 – 01 12 01 
https://candy.chdtu.edu.ua/wp-          <div class="elementor-element 
content/uploads/2026/06/ele10- elementor-element-2de394f elementor-
284x300.png 284w" sizes="(max-width: widget__width-initial elementor-
538px) 100vw, 538px">   absolute elementor-widget elementor-
      widget-image" data-id="2de394f" data-
       element_type="widget" data-e-
         </div> type="widget" data-
         <div class="elementor-element settings="{&quot;_position&quot;:&quot;
elementor-element-254b7733 elementor- absolute&quot;}" data-
widget__width-initial elementor- widget_type="image.default"> 
absolute elementor-widget elementor-             <img loading="lazy" 
widget-image" data-id="254b7733" data- decoding="async" width="800" 
element_type="widget" data-e- height="215" 
type="widget" data- src="https://candy.chdtu.edu.ua/wp-
settings="{&quot;_position&quot;:&quot; content/uploads/2026/06/elemen8-
absolute&quot;}" data- 1024x275.png" class="attachment-large 
widget_type="image.default"> size-large wp-image-30" alt="" 
            <img loading="lazy" srcset="https://candy.chdtu.edu.ua/wp-
decoding="async" width="494" content/uploads/2026/06/elemen8-
height="494" 1024x275.png 1024w, 
src="https://candy.chdtu.edu.ua/wp- https://candy.chdtu.edu.ua/wp-
content/uploads/2026/06/elemen5.png" content/uploads/2026/06/elemen8-
class="attachment-large size-large wp- 600x161.png 600w, 
image-28" alt="" https://candy.chdtu.edu.ua/wp-
srcset="https://candy.chdtu.edu.ua/wp- content/uploads/2026/06/elemen8-
content/uploads/2026/06/elemen5.png 300x81.png 300w, 
494w, https://candy.chdtu.edu.ua/wp- https://candy.chdtu.edu.ua/wp-
content/uploads/2026/06/elemen5- content/uploads/2026/06/elemen8-
300x300.png 300w, 768x206.png 768w, 
https://candy.chdtu.edu.ua/wp- https://candy.chdtu.edu.ua/wp-
content/uploads/2026/06/elemen5- content/uploads/2026/06/elemen8.png 
100x100.png 100w, 1510w" sizes="(max-width: 800px) 100vw, 
https://candy.chdtu.edu.ua/wp- 800px">     
content/uploads/2026/06/elemen5-       
150x150.png 150w" sizes="(max-width:      
494px) 100vw, 494px">            </div> 
            </div> 
          </div> 
         </div>    <div class="elementor-column 
         <div class="elementor-element elementor-col-50 elementor-top-column 
elementor-element-58d7e51a elementor- elementor-element elementor-element-
widget__width-initial elementor- 57dc1d0d" data-id="57dc1d0d" data-
absolute elementor-widget elementor- element_type="column" data-e-
widget-image" data-id="58d7e51a" data- type="column"> 
element_type="widget" data-e-       <div class="elementor-widget-wrap 
type="widget" data- elementor-element-populated"> 
settings="{&quot;_position&quot;:&quot;          <div class="elementor-element 
absolute&quot;}" data- elementor-element-1b978556 elementor-
widget_type="image.default"> widget elementor-widget-jkit_heading 
            <img loading="lazy" animated fadeInUp" data-id="1b978556" 
decoding="async" width="283" data-element_type="widget" data-e-
height="240" type="widget" data-
src="https://candy.chdtu.edu.ua/wp- settings="{&quot;_animation&quot;:&quot
content/uploads/2026/06/elemen6.png" ;fadeInUp&quot;}" data-
class="attachment-large size-large wp- widget_type="jkit_heading.default"> 
image-29" alt="">                <div class="jeg-elementor-
      kit jkit-heading  align- align-tablet- 
      align-mobile-center 
         </div> jeg_module_113__6a25cdc1e7941"> 
 
7 
482 ЧДТУ 262115 – 01 12 01 
               <div class="heading- settings="{&quot;_animation&quot;:&quot
section-title  display-inline-block"> ;fadeInUp&quot;}" data-
                  <h2 class="heading- widget_type="button.default"> 
title">Стильні десерти для<span             <a class="elementor-button 
class="style-color"><span> особливих elementor-button-link elementor-size-
моментів</span></span></h2> sm" href="#"> 
               </div>             <span class="elementor-
            </div> button-content-wrapper"> 
         </div>             <span class="elementor-
         <div class="elementor-element button-text">Детальніше</span> 
elementor-element-63ab2c56 elementor-             </span> 
widget elementor-widget-text-editor             </a> 
animated fadeInUp" data-id="63ab2c56"          </div> 
data-element_type="widget" data-e-       </div> 
type="widget" data-    </div> 
settings="{&quot;_animation&quot;:&quot </div> 
;fadeInUp&quot;}" data-  
widget_type="text-editor.default"> Пакети <span class="style-
            <p class="isSelectedEnd">Ми color"><span>послуг</span></span></h2><
створюємо авторські десерти, святкові /div></div>    </div> 
торти та канді-бари, які поєднують <section class="elementor-section 
бездоганний смак, сучасний дизайн і elementor-inner-section elementor-
увагу до деталей. Кожне замовлення element elementor-element-bc53579 
розробляється індивідуально, що elementor-section-boxed elementor-
дозволяє втілювати як класичні ідеї, section-height-default elementor-
так і найоригінальніші побажання section-height-default" data-
клієнтів.</p> id="bc53579" data-
            <p element_type="section" data-e-
class="isSelectedEnd">Наші солодкі type="section"> 
композиції стануть яскравою окрасою дня    <div class="elementor-container 
народження, весілля, хрестин, ювілею, elementor-column-gap-default"> 
корпоративного заходу чи будь-якої       <div class="elementor-column 
іншої важливої події. Ми приділяємо elementor-col-25 elementor-inner-column 
особливу увагу оформленню, щоб десерти elementor-element elementor-element-
гармонійно доповнювали стиль і 37a519c" data-id="37a519c" data-
атмосферу свята.</p> element_type="column" data-e-
            <p type="column" data-
class="isSelectedEnd">Для виготовлення settings="{&quot;background_background&
продукції використовуються добірні quot;:&quot;classic&quot;}"> 
інгредієнти високої якості, що          <div class="elementor-widget-
забезпечують неперевершений смак, wrap elementor-element-populated"> 
свіжість і привабливий зовнішній вигляд             <div class="elementor-
кожного десерту.</p> background-overlay"></div> 
            <p>Ми цінуємо довіру наших             <div class="elementor-
клієнтів, тому дотримуємося відкритої element elementor-element-3367b17 
та зрозумілої цінової політики. У elementor-widget elementor-widget-
вартість замовлення вже входять обраний image" data-id="3367b17" data-
смак, декоративне оформлення, пакування element_type="widget" data-e-
та підготовка до подачі. Жодних type="widget" data-
прихованих платежів — лише чесні ціни widget_type="image.default"> 
та якісний сервіс.</p>                <img loading="lazy" 
         </div> decoding="async" width="800" 
         <div class="elementor-element height="800" 
elementor-element-451e48a7 elementor- src="https://candy.chdtu.edu.ua/wp-
mobile-align-center elementor-widget content/uploads/2026/06/cone.png" 
elementor-widget-button animated class="elementor-animation-float 
fadeInUp" data-id="451e48a7" data- attachment-large size-large wp-image-
element_type="widget" data-e- 31" alt="" 
type="widget" data- srcset="https://candy.chdtu.edu.ua/wp-
 
8 
482 ЧДТУ 262115 – 01 12 01 
content/uploads/2026/06/cone.png 800w,             <div class="elementor-
https://candy.chdtu.edu.ua/wp- element elementor-element-aae8f80 
content/uploads/2026/06/cone- elementor-widget elementor-widget-
300x300.png 300w, image" data-id="aae8f80" data-
https://candy.chdtu.edu.ua/wp- element_type="widget" data-e-
content/uploads/2026/06/cone- type="widget" data-
100x100.png 100w, widget_type="image.default"> 
https://candy.chdtu.edu.ua/wp-                <img loading="lazy" 
content/uploads/2026/06/cone- decoding="async" width="800" 
600x600.png 600w, height="800" 
https://candy.chdtu.edu.ua/wp- src="https://candy.chdtu.edu.ua/wp-
content/uploads/2026/06/cone- content/uploads/2026/06/scoop.png" 
150x150.png 150w, class="elementor-animation-float 
https://candy.chdtu.edu.ua/wp- attachment-large size-large wp-image-
content/uploads/2026/06/cone- 33" alt="" 
768x768.png 768w" sizes="(max-width: srcset="https://candy.chdtu.edu.ua/wp-
800px) 100vw, 800px">   content/uploads/2026/06/scoop.png 800w, 
      https://candy.chdtu.edu.ua/wp-
       content/uploads/2026/06/scoop-
            </div> 300x300.png 300w, 
            <div class="elementor- https://candy.chdtu.edu.ua/wp-
element elementor-element-14d8cab content/uploads/2026/06/scoop-
elementor-widget elementor-widget- 100x100.png 100w, 
heading" data-id="14d8cab" data- https://candy.chdtu.edu.ua/wp-
element_type="widget" data-e- content/uploads/2026/06/scoop-
type="widget" data- 600x600.png 600w, 
widget_type="heading.default"> https://candy.chdtu.edu.ua/wp-
               <h5 class="elementor- content/uploads/2026/06/scoop-
heading-title elementor-size- 150x150.png 150w, 
default">Стандарт</h5> https://candy.chdtu.edu.ua/wp-
            </div> content/uploads/2026/06/scoop-
            <div class="elementor- 768x768.png 768w" sizes="(max-width: 
element elementor-element-4a3ae51 800px) 100vw, 800px">   
elementor-widget elementor-widget-text-       
editor" data-id="4a3ae51" data-        
element_type="widget" data-e-             </div> 
type="widget" data-widget_type="text-             <div class="elementor-
editor.default"> element elementor-element-fc4df09 
               <p>Пакет для невеликих elementor-widget elementor-widget-
свят до 30 гостей. Включає базовий heading" data-id="fc4df09" data-
набір популярних десертів та оформлення element_type="widget" data-e-
солодкого столу.</p> type="widget" data-
               <p><strong>Вартість: від widget_type="heading.default"> 
3500 грн.</strong></p>                <h5 class="elementor-
            </div> heading-title elementor-size-
         </div> default">Преміум</h5> 
      </div>             </div> 
      <div class="elementor-column             <div class="elementor-
elementor-col-25 elementor-inner-column element elementor-element-2d19403 
elementor-element elementor-element- elementor-widget elementor-widget-text-
00b4ae9" data-id="00b4ae9" data- editor" data-id="2d19403" data-
element_type="column" data-e- element_type="widget" data-e-
type="column" data- type="widget" data-widget_type="text-
settings="{&quot;background_background& editor.default"> 
quot;:&quot;classic&quot;}">                <p>Розширений пакет для 
         <div class="elementor-widget- масштабних заходів із більшою кількістю 
wrap elementor-element-populated"> десертів, додатковим декором та 
            <div class="elementor- індивідуальним оформленням.</p> 
background-overlay"></div> 
 
9 
482 ЧДТУ 262115 – 01 12 01 
               <p><strong>Вартість: від type="widget" data-
5300 грн.</strong></p> widget_type="heading.default"> 
            </div>                <h5 class="elementor-
         </div> heading-title elementor-size-
      </div> default">Індивідуальний</h5> 
      <div class="elementor-column             </div> 
elementor-col-25 elementor-inner-column             <div class="elementor-
elementor-element elementor-element- element elementor-element-407c3f2 
8de9644" data-id="8de9644" data- elementor-widget elementor-widget-text-
element_type="column" data-e- editor" data-id="407c3f2" data-
type="column" data- element_type="widget" data-e-
settings="{&quot;background_background& type="widget" data-widget_type="text-
quot;:&quot;classic&quot;}"> editor.default"> 
         <div class="elementor-widget-                <p>Формування меню та 
wrap elementor-element-populated"> оформлення відповідно до ваших 
            <div class="elementor- побажань, кількості гостей та формату 
background-overlay"></div> події.</p> 
            <div class="elementor-                <p><b>Вартість: 
element elementor-element-96c1875 розраховується індивідуально</b></p> 
elementor-widget elementor-widget-             </div> 
image" data-id="96c1875" data-          </div> 
element_type="widget" data-e-       </div> 
type="widget" data-       <div class="elementor-column 
widget_type="image.default"> elementor-col-25 elementor-inner-column 
               <img loading="lazy" elementor-element elementor-element-
decoding="async" width="800" fc642bb" data-id="fc642bb" data-
height="800" element_type="column" data-e-
src="https://candy.chdtu.edu.ua/wp- type="column" data-
content/uploads/2026/06/stoberi.png" settings="{&quot;background_background&
class="elementor-animation-float quot;:&quot;classic&quot;}"> 
attachment-large size-large wp-image-          <div class="elementor-widget-
34" alt="" wrap elementor-element-populated"> 
srcset="https://candy.chdtu.edu.ua/wp-             <div class="elementor-
content/uploads/2026/06/stoberi.png background-overlay"></div> 
800w, https://candy.chdtu.edu.ua/wp-             <div class="elementor-
content/uploads/2026/06/stoberi- element elementor-element-840e487 
300x300.png 300w, elementor-widget elementor-widget-
https://candy.chdtu.edu.ua/wp- image" data-id="840e487" data-
content/uploads/2026/06/stoberi- element_type="widget" data-e-
100x100.png 100w, type="widget" data-
https://candy.chdtu.edu.ua/wp- widget_type="image.default"> 
content/uploads/2026/06/stoberi-                <img loading="lazy" 
600x600.png 600w, decoding="async" width="800" 
https://candy.chdtu.edu.ua/wp- height="800" 
content/uploads/2026/06/stoberi- src="https://candy.chdtu.edu.ua/wp-
150x150.png 150w, content/uploads/2026/06/soft.png" 
https://candy.chdtu.edu.ua/wp- class="elementor-animation-float 
content/uploads/2026/06/stoberi- attachment-large size-large wp-image-
768x768.png 768w" sizes="(max-width: 35" alt="" 
800px) 100vw, 800px">   srcset="https://candy.chdtu.edu.ua/wp-
      content/uploads/2026/06/soft.png 800w, 
       https://candy.chdtu.edu.ua/wp-
            </div> content/uploads/2026/06/soft-
            <div class="elementor- 300x300.png 300w, 
element elementor-element-69ad9bb https://candy.chdtu.edu.ua/wp-
elementor-widget elementor-widget- content/uploads/2026/06/soft-
heading" data-id="69ad9bb" data- 100x100.png 100w, 
element_type="widget" data-e- https://candy.chdtu.edu.ua/wp-
content/uploads/2026/06/soft-
 
10 
482 ЧДТУ 262115 – 01 12 01 
600x600.png 600w, elementor-element elementor-element-
https://candy.chdtu.edu.ua/wp- 9b1a198" data-id="9b1a198" data-
content/uploads/2026/06/soft- element_type="column" data-e-
150x150.png 150w, type="column"> 
https://candy.chdtu.edu.ua/wp-          <div class="elementor-widget-
content/uploads/2026/06/soft- wrap elementor-element-populated"> 
768x768.png 768w" sizes="(max-width:             <div class="elementor-
800px) 100vw, 800px">   element elementor-element-32f0fd5 
      elementor-widget elementor-widget-
       jkit_heading" data-id="32f0fd5" data-
            </div> element_type="widget" data-e-
            <div class="elementor- type="widget" data-
element elementor-element-d2566d5 widget_type="jkit_heading.default"> 
elementor-widget elementor-widget-                <div class="jeg-
heading" data-id="d2566d5" data- elementor-kit jkit-heading  align- 
element_type="widget" data-e- align-tablet-center align-mobile- 
type="widget" data- jeg_module_113_2_6a25cdc1e894f"> 
widget_type="heading.default">                   <div class="heading-
               <h5 class="elementor- section-title  display-inline-block"> 
heading-title elementor-size-                      <h2 
default">Додаткові послуги</h5> class="heading-title">Чому обирають наш 
            </div> <span class="style-color"><span>канді-
            <div class="elementor- бар?</span></span></h2> 
element elementor-element-750c384                   </div> 
elementor-widget elementor-widget-text-                </div> 
editor" data-id="750c384" data-             </div> 
element_type="widget" data-e-             <div class="elementor-
type="widget" data-widget_type="text- element elementor-element-1fa2f73 
editor.default"> elementor-widget elementor-widget-text-
               <p>Викладка канді- editor" data-id="1fa2f73" data-
бару</p> element_type="widget" data-e-
               <p>Оренда посуду для type="widget" data-widget_type="text-
канді-бару</p> editor.default"> 
               <p>Оренда столів,                <p>Замовляй еклери, 
геометричних підставок</p> авторські цукерки, макарони, а ми 
               <p>Доставка по місту</p> оформимо у стилі твого свята.</p> 
            </div>             </div> 
         </div>             <div class="elementor-
      </div> element elementor-element-6d72390 
   </div> elementor-view-stacked elementor-
</section> position-inline-start elementor-shape-
</div> circle elementor-mobile-position-block-
</div> start elementor-widget elementor-
</div> widget-icon-box" data-id="6d72390" 
</section> data-element_type="widget" data-e-
<section class="elementor-section type="widget" data-widget_type="icon-
elementor-top-section elementor-element box.default"> 
elementor-element-90a8dad elementor-                <div class="elementor-
reverse-tablet elementor-reverse-mobile icon-box-wrapper"> 
elementor-section-boxed elementor-                   <div 
section-height-default elementor- class="elementor-icon-box-icon"> 
section-height-default" data-                      <span 
id="90a8dad" data- class="elementor-icon"> 
element_type="section" data-e-                         <svg aria-
type="section"> hidden="true" class="e-font-icon-svg e-
   <div class="elementor-container fas-ice-cream" viewBox="0 0 448 512" 
elementor-column-gap-default"> xmlns="http://www.w3.org/2000/svg"> 
      <div class="elementor-column                            <path 
elementor-col-50 elementor-top-column d="M368 160h-.94a144 144 0 1 0-286.12 
 
11 
482 ЧДТУ 262115 – 01 12 01 
0H80a48 48 0 0 0 0 96h288a48 48 0 0 0 46.79 0l278.95-85.7c23.55-7.24 23.55-
0-96zM195.38 493.69a31.52 31.52 0 0 0 38.36 0-45.6zM352.79 315.09c-28.53 
57.24 0L352 288H96z"></path> 8.76-52.84 3.92-65.59 0l-145.02-
                        </svg> 44.55L128 384c0 35.35 85.96 64 192 
                     </span> 64s192-28.65 192-64l-14.18-113.47-
                  </div> 145.03 44.56z"></path> 
                  <div                         </svg> 
class="elementor-icon-box-content">                      </span> 
                     <h3                   </div> 
class="elementor-icon-box-title">                   <div 
                        <span> class="elementor-icon-box-content"> 
                        Сучасне                      <h3 
оформлення     class="elementor-icon-box-title"> 
 </span>                         <span> 
                     </h3>                         Індивідуальний 
                     <p підхід     
class="elementor-icon-box-description">  </span> 
                        Наші десерти та                      </h3> 
декор відповідають сучасним тенденціям                      <p 
оформлення святкових заходів.  class="elementor-icon-box-description"> 
                            Ми враховуємо 
                     </p> тематику заходу, кількість гостей та 
                  </div> побажання замовника для створення 
               </div> унікального солодкого столу.  
            </div>     
            <div class="elementor-                      </p> 
element elementor-element-a22dfea                   </div> 
elementor-view-stacked elementor-                </div> 
position-inline-start elementor-shape-             </div> 
circle elementor-mobile-position-block-             <div class="elementor-
start elementor-widget elementor- element elementor-element-6e7bce8 
widget-icon-box" data-id="a22dfea" elementor-view-stacked elementor-
data-element_type="widget" data-e- position-inline-start elementor-shape-
type="widget" data-widget_type="icon- circle elementor-mobile-position-block-
box.default"> start elementor-widget elementor-
               <div class="elementor- widget-icon-box" data-id="6e7bce8" 
icon-box-wrapper"> data-element_type="widget" data-e-
                  <div type="widget" data-widget_type="icon-
class="elementor-icon-box-icon"> box.default"> 
                     <span                <div class="elementor-
class="elementor-icon"> icon-box-wrapper"> 
                        <svg aria-                   <div 
hidden="true" class="e-font-icon-svg e- class="elementor-icon-box-icon"> 
fas-graduation-cap" viewBox="0 0 640                      <span 
512" class="elementor-icon"> 
xmlns="http://www.w3.org/2000/svg">                         <svg aria-
                           <path hidden="true" class="e-font-icon-svg e-
d="M622.34 153.2L343.4 67.5c-15.2-4.67- fas-leaf" viewBox="0 0 576 512" 
31.6-4.67-46.79 0L17.66 153.2c-23.54 xmlns="http://www.w3.org/2000/svg"> 
7.23-23.54 38.36 0 45.59l48.63 14.94c-                            <path 
10.67 13.19-17.23 29.28-17.88 d="M546.2 9.7c-5.6-12.5-21.6-13-28.3-
46.9C38.78 266.15 32 276.11 32 288c0 1.2C486.9 62.4 431.4 96 368 96h-80C182 
10.78 5.68 19.85 13.86 25.65L20.33 96 96 182 96 288c0 7 .8 13.7 1.5 
428.53C18.11 438.52 25.71 448 35.94 20.5C161.3 262.8 253.4 224 384 224c8.8 
448h56.11c10.24 0 17.84-9.48 15.62- 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 
19.47L82.14 313.65C90.32 307.85 96 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 
298.78 96 288c0-11.57-6.47-21.25-15.66- 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 
26.87.76-15.02 8.44-28.3 20.69- 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 
36.72L296.6 284.5c9.06 2.78 26.44 6.25 94 85.8 174.9 77.2C465.5 467.5 576 
 
12 
482 ЧДТУ 262115 – 01 12 01 
326.7 576 154.3c0-50.2-10.8-102.2-29.8- elementor-absolute elementor-widget 
144.6z"></path> elementor-widget-image" data-
                        </svg> id="3bcce8e" data-element_type="widget" 
                     </span> data-e-type="widget" data-
                  </div> settings="{&quot;_position&quot;:&quot;
                  <div absolute&quot;}" data-
class="elementor-icon-box-content"> widget_type="image.default"> 
                     <h3                <img loading="lazy" 
class="elementor-icon-box-title"> decoding="async" width="800" 
                        <span> height="916" 
                        Якісні src="https://candy.chdtu.edu.ua/wp-
інгредієнти     content/uploads/2026/06/pink-soft-ice-
 </span> cream-in-waffle-cone-2022-02-22-06-42-
                     </h3> 20-utcp.png" class="attachment-large 
                     <p size-large wp-image-37" alt="" 
class="elementor-icon-box-description"> srcset="https://candy.chdtu.edu.ua/wp-
                        Наші десерти та content/uploads/2026/06/pink-soft-ice-
декор відповідають сучасним тенденціям cream-in-waffle-cone-2022-02-22-06-42-
оформлення святкових заходів.  20-utcp.png 800w, 
    https://candy.chdtu.edu.ua/wp-
                     </p> content/uploads/2026/06/pink-soft-ice-
                  </div> cream-in-waffle-cone-2022-02-22-06-42-
               </div> 20-utcp-600x687.png 600w, 
            </div> https://candy.chdtu.edu.ua/wp-
         </div> content/uploads/2026/06/pink-soft-ice-
      </div> cream-in-waffle-cone-2022-02-22-06-42-
      <div class="elementor-column 20-utcp-262x300.png 262w, 
elementor-col-50 elementor-top-column https://candy.chdtu.edu.ua/wp-
elementor-element elementor-element- content/uploads/2026/06/pink-soft-ice-
c0da7e5" data-id="c0da7e5" data- cream-in-waffle-cone-2022-02-22-06-42-
element_type="column" data-e- 20-utcp-768x879.png 768w" sizes="(max-
type="column"> width: 800px) 100vw, 800px">  
         <div class="elementor-widget-       
wrap elementor-element-populated">       
            <div class="elementor-   
element elementor-element-8f192c7             </div> 
elementor-widget elementor-widget-             <div class="elementor-
image" data-id="8f192c7" data- element elementor-element-0b5abd4 
element_type="widget" data-e- elementor-widget__width-initial 
type="widget" data- elementor-absolute elementor-widget 
widget_type="image.default"> elementor-widget-image" data-
               <img loading="lazy" id="0b5abd4" data-element_type="widget" 
decoding="async" width="533" data-e-type="widget" data-
height="596" settings="{&quot;_position&quot;:&quot;
src="https://candy.chdtu.edu.ua/wp- absolute&quot;}" data-
content/uploads/2026/06/торт.png" widget_type="image.default"> 
class="attachment-large size-large wp-                <img decoding="async" 
image-521" alt="" width="561" height="562" 
srcset="https://candy.chdtu.edu.ua/wp- src="https://candy.chdtu.edu.ua/wp-
content/uploads/2026/06/торт.png 533w, content/uploads/2026/06/elemen2.png" 
https://candy.chdtu.edu.ua/wp- class="attachment-large size-large wp-
content/uploads/2026/06/торт- image-16" alt="" 
268x300.png 268w" sizes="(max-width: srcset="https://candy.chdtu.edu.ua/wp-
533px) 100vw, 533px">   content/uploads/2026/06/elemen2.png 
      561w, https://candy.chdtu.edu.ua/wp-
       content/uploads/2026/06/elemen2-
            </div> 300x300.png 300w, 
            <div class="elementor- https://candy.chdtu.edu.ua/wp-
element elementor-element-3bcce8e content/uploads/2026/06/elemen2-
 
13 
482 ЧДТУ 262115 – 01 12 01 
100x100.png 100w, 603px) 100vw, 603px">   
https://candy.chdtu.edu.ua/wp-       
content/uploads/2026/06/elemen2-        
150x150.png 150w" sizes="(max-width:             </div> 
561px) 100vw, 561px">               <div class="elementor-
      element elementor-element-3c5273c 
       elementor-widget__width-initial 
            </div> elementor-absolute elementor-widget-
            <div class="elementor- mobile__width-initial elementor-widget 
element elementor-element-3a2490d elementor-widget-image" data-
elementor-widget__width-initial id="3c5273c" data-element_type="widget" 
elementor-absolute elementor-widget data-e-type="widget" data-
elementor-widget-image" data- settings="{&quot;_position&quot;:&quot;
id="3a2490d" data-element_type="widget" absolute&quot;}" data-
data-e-type="widget" data- widget_type="image.default"> 
settings="{&quot;_position&quot;:&quot;                <img loading="lazy" 
absolute&quot;}" data- decoding="async" width="538" 
widget_type="image.default"> height="569" 
               <img loading="lazy" src="https://candy.chdtu.edu.ua/wp-
decoding="async" width="283" content/uploads/2026/06/ele10.png" 
height="240" class="attachment-large size-large wp-
src="https://candy.chdtu.edu.ua/wp- image-20" alt="" 
content/uploads/2026/06/elemen6.png" srcset="https://candy.chdtu.edu.ua/wp-
class="attachment-large size-large wp- content/uploads/2026/06/ele10.png 538w, 
image-29" alt="">    https://candy.chdtu.edu.ua/wp-
      content/uploads/2026/06/ele10-
      284x300.png 284w" sizes="(max-width: 
            </div> 538px) 100vw, 538px">   
            <div class="elementor-       
element elementor-element-971e910        
elementor-absolute elementor-widget-             </div> 
mobile__width-initial elementor-widget             <div class="elementor-
elementor-widget-image" data- element elementor-element-0ec1183 
id="971e910" data-element_type="widget" elementor-absolute elementor-widget 
data-e-type="widget" data- elementor-widget-image" data-
settings="{&quot;_position&quot;:&quot; id="0ec1183" data-element_type="widget" 
absolute&quot;}" data- data-e-type="widget" data-
widget_type="image.default"> settings="{&quot;_position&quot;:&quot;
               <img loading="lazy" absolute&quot;}" data-
decoding="async" width="603" widget_type="image.default"> 
height="603"                <img loading="lazy" 
src="https://candy.chdtu.edu.ua/wp- decoding="async" width="606" 
content/uploads/2026/06/elemen1.png" height="579" 
class="attachment-large size-large wp- src="https://candy.chdtu.edu.ua/wp-
image-21" alt="" content/uploads/2026/06/blob99.png" 
srcset="https://candy.chdtu.edu.ua/wp- class="attachment-large size-large wp-
content/uploads/2026/06/elemen1.png image-38" alt="" 
603w, https://candy.chdtu.edu.ua/wp- srcset="https://candy.chdtu.edu.ua/wp-
content/uploads/2026/06/elemen1- content/uploads/2026/06/blob99.png 
300x300.png 300w, 606w, https://candy.chdtu.edu.ua/wp-
https://candy.chdtu.edu.ua/wp- content/uploads/2026/06/blob99-
content/uploads/2026/06/elemen1- 600x573.png 600w, 
100x100.png 100w, https://candy.chdtu.edu.ua/wp-
https://candy.chdtu.edu.ua/wp- content/uploads/2026/06/blob99-
content/uploads/2026/06/elemen1- 300x287.png 300w" sizes="(max-width: 
600x600.png 600w, 606px) 100vw, 606px">   
https://candy.chdtu.edu.ua/wp-       
content/uploads/2026/06/elemen1-        
150x150.png 150w" sizes="(max-width:             </div> 
 
14 
482 ЧДТУ 262115 – 01 12 01 
            <div class="elementor- settings="{&quot;_animation&quot;:&quot
element elementor-element-9710ad5 ;fadeInUp&quot;}" data-
elementor-widget__width-initial widget_type="jkit_heading.default"> 
elementor-absolute elementor-widget                <div class="jeg-
elementor-widget-image" data- elementor-kit jkit-heading  align-
id="9710ad5" data-element_type="widget" center align-tablet- align-mobile- 
data-e-type="widget" data- jeg_module_113_3_6a25cdc1e8e3f"> 
settings="{&quot;_position&quot;:&quot;                   <div class="heading-
absolute&quot;}" data- section-title  display-inline-block"> 
widget_type="image.default">                      <h2 
               <img loading="lazy" class="heading-title">Хіт <span 
decoding="async" width="671" class="style-
height="638" color"><span>продажу</span></span></h2> 
src="https://candy.chdtu.edu.ua/wp-                   </div> 
content/uploads/2026/06/blob12-1.png"                </div> 
class="attachment-large size-large wp-             </div> 
image-27" alt=""             <section class="elementor-
srcset="https://candy.chdtu.edu.ua/wp- section elementor-inner-section 
content/uploads/2026/06/blob12-1.png elementor-element elementor-element-
671w, https://candy.chdtu.edu.ua/wp- 59f6cffc elementor-section-boxed 
content/uploads/2026/06/blob12-1- elementor-section-height-default 
600x570.png 600w, elementor-section-height-default" data-
https://candy.chdtu.edu.ua/wp- id="59f6cffc" data-
content/uploads/2026/06/blob12-1- element_type="section" data-e-
300x285.png 300w" sizes="(max-width: type="section"> 
671px) 100vw, 671px">                  <div class="elementor-
      container elementor-column-gap-
       default"> 
            </div>                   <div 
         </div> class="elementor-column elementor-col-
      </div> 33 elementor-inner-column elementor-
   </div> element elementor-element-4927300b 
</section> animated fadeInUp" data-id="4927300b" 
<section class="elementor-section data-element_type="column" data-e-
elementor-top-section elementor-element type="column" data-
elementor-element-772c25cf elementor- settings="{&quot;background_background&
section-boxed elementor-section-height- quot;:&quot;classic&quot;,&quot;animati
default elementor-section-height- on&quot;:&quot;fadeInUp&quot;}"> 
default" data-id="772c25cf" data-                      <div 
element_type="section" data-e- class="elementor-widget-wrap elementor-
type="section" data- element-populated"> 
settings="{&quot;background_background&                         <div 
quot;:&quot;classic&quot;}"> class="elementor-background-
   <div class="elementor-container overlay"></div> 
elementor-column-gap-default">                         <div 
      <div class="elementor-column class="elementor-element elementor-
elementor-col-100 elementor-top-column element-37fba63 elementor-widget 
elementor-element elementor-element- elementor-widget-image" data-
74d981d" data-id="74d981d" data- id="37fba63" data-element_type="widget" 
element_type="column" data-e- data-e-type="widget" data-
type="column"> widget_type="image.default"> 
         <div class="elementor-widget-                            <img 
wrap elementor-element-populated"> loading="lazy" decoding="async" 
            <div class="elementor- width="645" height="624" 
element elementor-element-17ca0cc src="https://candy.chdtu.edu.ua/wp-
elementor-widget elementor-widget- content/uploads/2026/06/315_2_636609384
jkit_heading animated fadeInUp" data- 024221250-e1780816758612.jpeg" 
id="17ca0cc" data-element_type="widget" class="attachment-large size-large wp-
data-e-type="widget" data- image-249" alt="">    
 
15 
482 ЧДТУ 262115 – 01 12 01 
      on&quot;:&quot;fadeInUp&quot;,&quot;ani
      mation_delay&quot;:500}"> 
                        </div>                      <div 
                        <div class="elementor-widget-wrap elementor-
class="elementor-element elementor- element-populated"> 
element-1aac4827 elementor-widget                         <div 
elementor-widget-heading" data- class="elementor-background-
id="1aac4827" data- overlay"></div> 
element_type="widget" data-e-                         <div 
type="widget" data- class="elementor-element elementor-
widget_type="heading.default"> element-67e3088a elementor-widget 
                           <h4 elementor-widget-image" data-
class="elementor-heading-title id="67e3088a" data-
elementor-size-default">Вірін element_type="widget" data-e-
"Тірамісу"</h4> type="widget" data-
                        </div> widget_type="image.default"> 
                        <div                            <img 
class="elementor-element elementor- loading="lazy" decoding="async" 
element-943b61f elementor-widget width="512" height="512" 
elementor-widget-heading" data- src="https://candy.chdtu.edu.ua/wp-
id="943b61f" data-element_type="widget" content/uploads/2026/06/animal.jpg" 
data-e-type="widget" data- class="attachment-medium_large size-
widget_type="heading.default"> medium_large wp-image-268" alt="" 
                           <h4 srcset="https://candy.chdtu.edu.ua/wp-
class="elementor-heading-title content/uploads/2026/06/animal.jpg 
elementor-size-default">85 грн.</h4> 512w, https://candy.chdtu.edu.ua/wp-
                        </div> content/uploads/2026/06/animal-
                        <div 300x300.jpg 300w, 
class="elementor-element elementor- https://candy.chdtu.edu.ua/wp-
element-4bd88100 elementor-align-center content/uploads/2026/06/animal-
elementor-widget elementor-widget- 150x150.jpg 150w, 
button" data-id="4bd88100" data- https://candy.chdtu.edu.ua/wp-
element_type="widget" data-e- content/uploads/2026/06/animal-
type="widget" data- 100x100.jpg 100w" sizes="(max-width: 
widget_type="button.default"> 512px) 100vw, 512px">   
                           <a       
class="elementor-button elementor-        
button-link elementor-size-sm                         </div> 
elementor-animation-pop" href="#">                         <div 
                           <span class="elementor-element elementor-
class="elementor-button-content- element-1ab4e945 elementor-widget 
wrapper"> elementor-widget-heading" data-
                           <span id="1ab4e945" data-
class="elementor-button- element_type="widget" data-e-
text">Замовити</span> type="widget" data-
                           </span> widget_type="heading.default"> 
                           </a>                            <h4 
                        </div> class="elementor-heading-title 
                     </div> elementor-size-default">Кейк-попс 
                  </div> "Ванільний"</h4> 
                  <div                         </div> 
class="elementor-column elementor-col-                         <div 
33 elementor-inner-column elementor- class="elementor-element elementor-
element elementor-element-dd0f77f element-6bb5c714 elementor-widget 
animated fadeInUp" data-id="dd0f77f" elementor-widget-heading" data-
data-element_type="column" data-e- id="6bb5c714" data-
type="column" data- element_type="widget" data-e-
settings="{&quot;background_background& type="widget" data-
quot;:&quot;classic&quot;,&quot;animati widget_type="heading.default"> 
 
16 
482 ЧДТУ 262115 – 01 12 01 
                           <h4 srcset="https://candy.chdtu.edu.ua/wp-
class="elementor-heading-title content/uploads/2026/06/кошик-екзотик-
elementor-size-default">32 грн.</h4> 1024x1024.webp 1024w, 
                        </div> https://candy.chdtu.edu.ua/wp-
                        <div content/uploads/2026/06/кошик-екзотик-
class="elementor-element elementor- 300x300.webp 300w, 
element-cd985e elementor-align-center https://candy.chdtu.edu.ua/wp-
elementor-widget elementor-widget- content/uploads/2026/06/кошик-екзотик-
button" data-id="cd985e" data- 150x150.webp 150w, 
element_type="widget" data-e- https://candy.chdtu.edu.ua/wp-
type="widget" data- content/uploads/2026/06/кошик-екзотик-
widget_type="button.default"> 768x768.webp 768w, 
                           <a https://candy.chdtu.edu.ua/wp-
class="elementor-button elementor- content/uploads/2026/06/кошик-екзотик-
button-link elementor-size-sm 600x600.webp 600w, 
elementor-animation-pop" href="#"> https://candy.chdtu.edu.ua/wp-
                           <span content/uploads/2026/06/кошик-екзотик-
class="elementor-button-content- 100x100.webp 100w, 
wrapper"> https://candy.chdtu.edu.ua/wp-
                           <span content/uploads/2026/06/кошик-
class="elementor-button- екзотик.webp 1200w" sizes="(max-width: 
text">Замовити</span> 800px) 100vw, 800px">   
                           </span>       
                           </a>        
                        </div>                         </div> 
                     </div>                         <div 
                  </div> class="elementor-element elementor-
                  <div element-2efe40c7 elementor-widget 
class="elementor-column elementor-col- elementor-widget-heading" data-
33 elementor-inner-column elementor- id="2efe40c7" data-
element elementor-element-36c80b49 element_type="widget" data-e-
animated fadeInUp" data-id="36c80b49" type="widget" data-
data-element_type="column" data-e- widget_type="heading.default"> 
type="column" data-                            <h4 
settings="{&quot;background_background& class="elementor-heading-title 
quot;:&quot;classic&quot;,&quot;animati elementor-size-default">Тістечко 
on&quot;:&quot;fadeInUp&quot;,&quot;ani ягідне</h4> 
mation_delay&quot;:1000}">                         </div> 
                     <div                         <div 
class="elementor-widget-wrap elementor- class="elementor-element elementor-
element-populated"> element-5a9d728f elementor-widget 
                        <div elementor-widget-heading" data-
class="elementor-background- id="5a9d728f" data-
overlay"></div> element_type="widget" data-e-
                        <div type="widget" data-
class="elementor-element elementor- widget_type="heading.default"> 
element-2e0a6a40 elementor-widget                            <h4 
elementor-widget-image" data- class="elementor-heading-title 
id="2e0a6a40" data- elementor-size-default">55 грн.</h4> 
element_type="widget" data-e-                         </div> 
type="widget" data-                         <div 
widget_type="image.default"> class="elementor-element elementor-
                           <img element-4d5c1dfc elementor-align-center 
loading="lazy" decoding="async" elementor-widget elementor-widget-
width="800" height="800" button" data-id="4d5c1dfc" data-
src="https://candy.chdtu.edu.ua/wp- element_type="widget" data-e-
content/uploads/2026/06/кошик-екзотик- type="widget" data-
1024x1024.webp" class="attachment-large widget_type="button.default"> 
size-large wp-image-244" alt="" 
 
17 
482 ЧДТУ 262115 – 01 12 01 
                           <a 553w, https://candy.chdtu.edu.ua/wp-
class="elementor-button elementor- content/uploads/2026/06/капккк-
button-link elementor-size-sm 252x300.png 252w" sizes="(max-width: 
elementor-animation-pop" href="#"> 553px) 100vw, 553px">   
                           <span       
class="elementor-button-content-        
wrapper">             </div> 
                           <span             <div class="elementor-
class="elementor-button- element elementor-element-4698d05 
text">Замовити</span> elementor-widget__width-initial 
                           </span> elementor-absolute elementor-widget 
                           </a> elementor-widget-image" data-
                        </div> id="4698d05" data-element_type="widget" 
                     </div> data-e-type="widget" data-
                  </div> settings="{&quot;_position&quot;:&quot;
               </div> absolute&quot;}" data-
            </section> widget_type="image.default"> 
         </div>                <img decoding="async" 
      </div> width="561" height="562" 
   </div> src="https://candy.chdtu.edu.ua/wp-
</section> content/uploads/2026/06/elemen2.png" 
<section class="elementor-section class="attachment-large size-large wp-
elementor-top-section elementor-element image-16" alt="" 
elementor-element-de42e77 elementor- srcset="https://candy.chdtu.edu.ua/wp-
section-boxed elementor-section-height- content/uploads/2026/06/elemen2.png 
default elementor-section-height- 561w, https://candy.chdtu.edu.ua/wp-
default" data-id="de42e77" data- content/uploads/2026/06/elemen2-
element_type="section" data-e- 300x300.png 300w, 
type="section" data- https://candy.chdtu.edu.ua/wp-
settings="{&quot;background_background& content/uploads/2026/06/elemen2-
quot;:&quot;classic&quot;}"> 100x100.png 100w, 
   <div class="elementor-background- https://candy.chdtu.edu.ua/wp-
overlay"></div> content/uploads/2026/06/elemen2-
   <div class="elementor-container 150x150.png 150w" sizes="(max-width: 
elementor-column-gap-default"> 561px) 100vw, 561px">   
      <div class="elementor-column       
elementor-col-50 elementor-top-column        
elementor-element elementor-element-             </div> 
6993e8b" data-id="6993e8b" data-             <div class="elementor-
element_type="column" data-e- element elementor-element-6052425 
type="column"> elementor-absolute elementor-widget 
         <div class="elementor-widget- elementor-widget-image" data-
wrap elementor-element-populated"> id="6052425" data-element_type="widget" 
            <div class="elementor- data-e-type="widget" data-
element elementor-element-634a3da settings="{&quot;_position&quot;:&quot;
elementor-widget elementor-widget- absolute&quot;}" data-
image" data-id="634a3da" data- widget_type="image.default"> 
element_type="widget" data-e-                <img loading="lazy" 
type="widget" data- decoding="async" width="564" 
widget_type="image.default"> height="282" 
               <img loading="lazy" src="https://candy.chdtu.edu.ua/wp-
decoding="async" width="553" content/uploads/2026/06/blob8.png" 
height="659" class="attachment-large size-large wp-
src="https://candy.chdtu.edu.ua/wp- image-45" alt="" 
content/uploads/2026/06/капккк.png" srcset="https://candy.chdtu.edu.ua/wp-
class="attachment-large size-large wp- content/uploads/2026/06/blob8.png 564w, 
image-524" alt="" https://candy.chdtu.edu.ua/wp-
srcset="https://candy.chdtu.edu.ua/wp- content/uploads/2026/06/blob8-
content/uploads/2026/06/капккк.png 300x150.png 300w" sizes="(max-width: 
 
18 
482 ЧДТУ 262115 – 01 12 01 
564px) 100vw, 564px">   content/uploads/2026/06/ele10-
      284x300.png 284w" sizes="(max-width: 
       538px) 100vw, 538px">   
            </div>       
            <div class="elementor-        
element elementor-element-b0d3315             </div> 
elementor-absolute elementor-             <div class="elementor-
widget__width-initial elementor-widget element elementor-element-95081bc 
elementor-widget-image" data- elementor-widget__width-initial 
id="b0d3315" data-element_type="widget" elementor-absolute elementor-widget 
data-e-type="widget" data- elementor-widget-image" data-
settings="{&quot;_position&quot;:&quot; id="95081bc" data-element_type="widget" 
absolute&quot;}" data- data-e-type="widget" data-
widget_type="image.default"> settings="{&quot;_position&quot;:&quot;
               <img loading="lazy" absolute&quot;}" data-
decoding="async" width="603" widget_type="image.default"> 
height="603"                <img loading="lazy" 
src="https://candy.chdtu.edu.ua/wp- decoding="async" width="283" 
content/uploads/2026/06/elemen1.png" height="240" 
class="attachment-large size-large wp- src="https://candy.chdtu.edu.ua/wp-
image-21" alt="" content/uploads/2026/06/elemen6.png" 
srcset="https://candy.chdtu.edu.ua/wp- class="attachment-large size-large wp-
content/uploads/2026/06/elemen1.png image-29" alt="">    
603w, https://candy.chdtu.edu.ua/wp-       
content/uploads/2026/06/elemen1-       
300x300.png 300w,             </div> 
https://candy.chdtu.edu.ua/wp-          </div> 
content/uploads/2026/06/elemen1-       </div> 
100x100.png 100w,       <div class="elementor-column 
https://candy.chdtu.edu.ua/wp- elementor-col-50 elementor-top-column 
content/uploads/2026/06/elemen1- elementor-element elementor-element-
600x600.png 600w, 5af1803" data-id="5af1803" data-
https://candy.chdtu.edu.ua/wp- element_type="column" data-e-
content/uploads/2026/06/elemen1- type="column" data-
150x150.png 150w" sizes="(max-width: settings="{&quot;background_background&
603px) 100vw, 603px">   quot;:&quot;classic&quot;}"> 
               <div class="elementor-widget-
       wrap elementor-element-populated"> 
            </div>             <div class="elementor-
            <div class="elementor- element elementor-element-48d4c50 
element elementor-element-582825e elementor-widget elementor-widget-
elementor-widget__width-initial jkit_heading" data-id="48d4c50" data-
elementor-absolute elementor-widget element_type="widget" data-e-
elementor-widget-image" data- type="widget" data-
id="582825e" data-element_type="widget" widget_type="jkit_heading.default"> 
data-e-type="widget" data-                <div class="jeg-
settings="{&quot;_position&quot;:&quot; elementor-kit jkit-heading  align- 
absolute&quot;}" data- align-tablet-center align-mobile- 
widget_type="image.default"> jeg_module_113_4_6a25cdc1e916e"> 
               <img loading="lazy"                   <div class="heading-
decoding="async" width="538" section-title  display-inline-block"> 
height="569"                      <h2 
src="https://candy.chdtu.edu.ua/wp- class="heading-title">Створюємо солодкі 
content/uploads/2026/06/ele10.png" моменти <span class="style-
class="attachment-large size-large wp- color"><span>для ваших 
image-20" alt="" свят</span></span></h2> 
srcset="https://candy.chdtu.edu.ua/wp-                   </div> 
content/uploads/2026/06/ele10.png 538w,                </div> 
https://candy.chdtu.edu.ua/wp-             </div> 
 
19 
482 ЧДТУ 262115 – 01 12 01 
            <div class="elementor-                                  <span 
element elementor-element-f22ed00 class="elementor-icon-list-icon"> 
elementor-widget elementor-widget-text-                                     
editor" data-id="f22ed00" data- <svg aria-hidden="true" class="e-font-
element_type="widget" data-e- icon-svg e-fas-check-circle" viewBox="0 
type="widget" data-widget_type="text- 0 512 512" 
editor.default"> xmlns="http://www.w3.org/2000/svg"> 
               <p                                        
class="isSelectedEnd">Наша команда <path d="M504 256c0 136.967-111.033 
спеціалізується на створенні стильних 248-248 248S8 392.967 8 256 119.033 8 
канді-барів та виготовленні авторських 256 8s248 111.033 248 248zM227.314 
десертів для різноманітних святкових 387.314l184-184c6.248-6.248 6.248-
подій. Ми поєднуємо якісні інгредієнти, 16.379 0-22.627l-22.627-22.627c-6.248-
сучасний дизайн та індивідуальний 6.249-16.379-6.249-22.628 0L216 
підхід, щоб кожне замовлення стало 308.118l-70.059-70.059c-6.248-6.248-
особливим.</p> 16.379-6.248-22.628 0l-22.627 22.627c-
               <p>Ми прагнемо зробити 6.248 6.248-6.248 16.379 0 22.627l104 
процес замовлення максимально простим 104c6.249 6.249 16.379 6.249 
та зручним, а кожен солодкий стіл — 22.628.001z"></path> 
яскравим акцентом вашого свята.</p>                                     
            </div> </svg> 
            <section class="elementor-                                  
section elementor-inner-section </span> 
elementor-element elementor-element-                                  <span 
56eec96 elementor-section-boxed class="elementor-icon-list-
elementor-section-height-default text">Великий вибір десертів та 
elementor-section-height-default" data- солодощів</span> 
id="56eec96" data-                               </li> 
element_type="section" data-e-                               <li 
type="section"> class="elementor-icon-list-item"> 
               <div class="elementor-                                  <span 
container elementor-column-gap- class="elementor-icon-list-icon"> 
default">                                     
                  <div <svg aria-hidden="true" class="e-font-
class="elementor-column elementor-col- icon-svg e-fas-check-circle" viewBox="0 
50 elementor-inner-column elementor- 0 512 512" 
element elementor-element-bd02992" xmlns="http://www.w3.org/2000/svg"> 
data-id="bd02992" data-                                        
element_type="column" data-e- <path d="M504 256c0 136.967-111.033 
type="column"> 248-248 248S8 392.967 8 256 119.033 8 
                     <div 256 8s248 111.033 248 248zM227.314 
class="elementor-widget-wrap elementor- 387.314l184-184c6.248-6.248 6.248-
element-populated"> 16.379 0-22.627l-22.627-22.627c-6.248-
                        <div 6.249-16.379-6.249-22.628 0L216 
class="elementor-element elementor- 308.118l-70.059-70.059c-6.248-6.248-
element-512e982 elementor-widget- 16.379-6.248-22.628 0l-22.627 22.627c-
tablet__width-auto elementor-mobile- 6.248 6.248-6.248 16.379 0 22.627l104 
align-start elementor-icon-list-- 104c6.249 6.249 16.379 6.249 
layout-traditional elementor-list-item- 22.628.001z"></path> 
link-full_width elementor-widget                                     
elementor-widget-icon-list" data- </svg> 
id="512e982" data-element_type="widget"                                  
data-e-type="widget" data- </span> 
widget_type="icon-list.default">                                  <span 
                           <ul class="elementor-icon-list-
class="elementor-icon-list-items"> text">Індивідуальне оформлення канді-
                              <li барів</span> 
class="elementor-icon-list-item">                               </li> 
 
20 
482 ЧДТУ 262115 – 01 12 01 
                              <li                                  <span 
class="elementor-icon-list-item"> class="elementor-icon-list-icon"> 
                                 <span                                     
class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-
                                    icon-svg e-fas-check-circle" viewBox="0 
<svg aria-hidden="true" class="e-font- 0 512 512" 
icon-svg e-fas-check-circle" viewBox="0 xmlns="http://www.w3.org/2000/svg"> 
0 512 512"                                        
xmlns="http://www.w3.org/2000/svg"> <path d="M504 256c0 136.967-111.033 
                                       248-248 248S8 392.967 8 256 119.033 8 
<path d="M504 256c0 136.967-111.033 256 8s248 111.033 248 248zM227.314 
248-248 248S8 392.967 8 256 119.033 8 387.314l184-184c6.248-6.248 6.248-
256 8s248 111.033 248 248zM227.314 16.379 0-22.627l-22.627-22.627c-6.248-
387.314l184-184c6.248-6.248 6.248- 6.249-16.379-6.249-22.628 0L216 
16.379 0-22.627l-22.627-22.627c-6.248- 308.118l-70.059-70.059c-6.248-6.248-
6.249-16.379-6.249-22.628 0L216 16.379-6.248-22.628 0l-22.627 22.627c-
308.118l-70.059-70.059c-6.248-6.248- 6.248 6.248-6.248 16.379 0 22.627l104 
16.379-6.248-22.628 0l-22.627 22.627c- 104c6.249 6.249 16.379 6.249 
6.248 6.248-6.248 16.379 0 22.627l104 22.628.001z"></path> 
104c6.249 6.249 16.379 6.249                                     
22.628.001z"></path> </svg> 
                                                                     
</svg> </span> 
                                                                  <span 
</span> class="elementor-icon-list-
                                 <span text">Онлайн-бронювання послуг</span> 
class="elementor-icon-list-text">Якісні                               </li> 
та свіжі інгредієнти</span>                               <li 
                              </li> class="elementor-icon-list-item"> 
                           </ul>                                  <span 
                        </div> class="elementor-icon-list-icon"> 
                     </div>                                     
                  </div> <svg aria-hidden="true" class="e-font-
                  <div icon-svg e-fas-check-circle" viewBox="0 
class="elementor-column elementor-col- 0 512 512" 
50 elementor-inner-column elementor- xmlns="http://www.w3.org/2000/svg"> 
element elementor-element-c1fb7a5"                                        
data-id="c1fb7a5" data- <path d="M504 256c0 136.967-111.033 
element_type="column" data-e- 248-248 248S8 392.967 8 256 119.033 8 
type="column"> 256 8s248 111.033 248 248zM227.314 
                     <div 387.314l184-184c6.248-6.248 6.248-
class="elementor-widget-wrap elementor- 16.379 0-22.627l-22.627-22.627c-6.248-
element-populated"> 6.249-16.379-6.249-22.628 0L216 
                        <div 308.118l-70.059-70.059c-6.248-6.248-
class="elementor-element elementor- 16.379-6.248-22.628 0l-22.627 22.627c-
element-15cd0ba elementor-widget- 6.248 6.248-6.248 16.379 0 22.627l104 
tablet__width-auto elementor-mobile- 104c6.249 6.249 16.379 6.249 
align-start elementor-icon-list-- 22.628.001z"></path> 
layout-traditional elementor-list-item-                                     
link-full_width elementor-widget </svg> 
elementor-widget-icon-list" data-                                  
id="15cd0ba" data-element_type="widget" </span> 
data-e-type="widget" data-                                  <span 
widget_type="icon-list.default"> class="elementor-icon-list-
                           <ul text">Сучасний дизайн та декор</span> 
class="elementor-icon-list-items">                               </li> 
                              <li                               <li 
class="elementor-icon-list-item"> class="elementor-icon-list-item"> 
 
21 
482 ЧДТУ 262115 – 01 12 01 
                                 <span widget elementor-widget-jkit_heading" 
class="elementor-icon-list-icon"> data-id="69ba861" data-
                                    element_type="widget" data-e-
<svg aria-hidden="true" class="e-font- type="widget" data-
icon-svg e-fas-check-circle" viewBox="0 widget_type="jkit_heading.default"> 
0 512 512"    <div class="jeg-elementor-kit jkit-
xmlns="http://www.w3.org/2000/svg"> heading  align- align-tablet-center 
                                       align-mobile- 
<path d="M504 256c0 136.967-111.033 jeg_module_113_5_6a25cdc1e9603"> 
248-248 248S8 392.967 8 256 119.033 8  
256 8s248 111.033 248 248zM227.314  
387.314l184-184c6.248-6.248 6.248-
16.379 0-22.627l-22.627-22.627c-6.248-
6.249-16.379-6.249-22.628 0L216 
308.118l-70.059-70.059c-6.248-6.248-
16.379-6.248-22.628 0l-22.627 22.627c-
6.248 6.248-6.248 16.379 0 22.627l104 
104c6.249 6.249 16.379 6.249 
22.628.001z"></path> 
                                    
</svg> 
                                 
</span> 
                                 <span 
class="elementor-icon-list-
text">Професійний підхід до кожного 
замовлення</span> 
                              </li> 
                           </ul> 
                        </div> 
                     </div> 
                  </div> 
               </div> 
            </section> 
         </div> 
      </div> 
   </div> 
</section> 
<section class="elementor-section 
elementor-top-section elementor-element 
elementor-element-3e05a64 elementor-
section-boxed elementor-section-height-
default elementor-section-height-
default" data-id="3e05a64" data-
element_type="section" data-e-
type="section"> 
<div class="elementor-container 
elementor-column-gap-default"> 
<div class="elementor-column elementor-
col-100 elementor-top-column elementor-
element elementor-element-ae7e87d" 
data-id="ae7e87d" data-
element_type="column" data-e-
type="column"> 
<div class="elementor-widget-wrap 
elementor-element-populated e-swiper-
container"> 
<div class="elementor-element 
elementor-element-69ba861 elementor- 
 
 
ДОДАТОК В 
 
 
 
ПРОГРАМНЕ ЗАБЕЗПЕЧЕННЯ  
«ВЕБОРІЄНТОВАНА СИСТЕМА БРОНЮВАННЯ ПОСЛУГ 
КАНДІ-БАРУ» 
 
 
 
ПОСІБНИК КОРИСТУВАЧА 
 
482 ЧДТУ 262115 – 01 13 01 
Аркушів 12 
 
 
 
 
Розробник             ________________          Анастасія ДМИТРЕНКО                  
 
    
       Н  
  
 
 
 
 
 
 
 
Черкаси, 2026
2 
482 ЧДТУ 262115 – 01 13 01 
Для запуску веборієнтованої системи бронювання послуг канді-бару в 
одному з інтернет-браузерів  Chrome, Opera чи Firefox необхідно перейти за 
адресою http://candy.chdtu.edu.ua/. В налаштуваннях браузера повинні бути 
ввімкнуті JavaScript, Cookies. 
На головній сторінці веборієнтованої системи бронювання послуг 
канді-бару користувач може ознайомитися з основною інформацією про 
компанію, переглянути актуальні пропозиції та отримати загальне уявлення 
про асортимент продукції й доступні послуги. Головна сторінка виконує 
презентаційну функцію та забезпечує швидкий доступ до основних розділів 
вебресурсу. Вигляд головної сторінки веборієнтованої системи бронювання 
послуг канді-бару наведено на рис. 1.  
 
 
Рисунок 1 – Головна сторінка веборієнтованої системи бронювання послуг 
канді-бару 
 
Далі на головній сторінці веборієнтованої системи бронювання послуг 
канді-бару розміщено розділи «Стильні десерти для особливих моментів» 
 
3 
482 ЧДТУ 262115 – 01 13 01 
(рис. 2), «Пакети послуг» (рис. 3), «Чому обирають наш канді-бар?» (рис. 4), 
«Хіт продажу» (рис. 5), «Створюємо солодкі моменти для ваших свят» (рис. 
6), «Відгуки клієнтів» (рис. 7), «Адреса» (рис. 8), «Підписатися на новини» 
(рис. 9).  
 
Рисунок 2 – Розділ «Стильні десерти для особливих моментів» на головній 
сторінці веборієнтованої системи бронювання послуг канді-бару 
 
Розділ «Пакети послуг» містить опис доступних пакетів 
обслуговування для різних форматів заходів.  
 
4 
482 ЧДТУ 262115 – 01 13 01 
 
Рисунок 3 – Розділ «Пакети послуг» на головній сторінці веборієнтованої 
системи бронювання послуг канді-бару 
У блоці «Чому обирають наш канді-бар?» наведено основні переваги 
компанії та особливості співпраці з клієнтами. 
 
Рисунок 4 – Розділ «Чому обирають наш канді-бар?» на головній сторінці 
веборієнтованої системи бронювання послуг канді-бару 
 
Розділ «Хіт продажу» демонструє найбільш популярні десерти серед 
замовників. 
 
5 
482 ЧДТУ 262115 – 01 13 01 
 
Рисунок 5 – Розділ «Хіт продажу» на головній сторінці веборієнтованої 
системи бронювання послуг канді-бару 
 
Рисунок 6 – Розділ «Створюємо солодкі моменти для ваших свят» на 
головній сторінці веборієнтованої системи бронювання послуг канді-бару 
 
 
 
6 
482 ЧДТУ 262115 – 01 13 01 
 
Рисунок 7 – Розділ «Відгуки клієнтів» на головній сторінці веборієнтованої 
системи бронювання послуг канді-бару 
 
 
Рисунок 8 – Розділ «Адреса» на головній сторінці веборієнтованої системи 
бронювання послуг канді-бару 
 
 
7 
482 ЧДТУ 262115 – 01 13 01 
 
Рисунок 9 – Розділ «Підписатися на новини» на головній сторінці 
веборієнтованої системи бронювання послуг канді-бару 
 
 
 
 
На сторінці «Candy» користувач може переглянути каталог солодощів, 
ознайомитися з їх описом та додати обрані товари до кошика. Для кожного 
товару передбачено кнопку замовлення, яка дозволяє швидко сформувати 
замовлення. Кошик забезпечує перегляд обраних позицій та редагування їх 
кількості перед оформленням замовлення.  Основні частини сторінки 
«Candy» веборієнтованої системи бронювання послуг канді-бару наведено на 
рис. 10-12.  
 
8 
482 ЧДТУ 262115 – 01 13 01 
 
Рисунок 10 – Розділ «Хіт продажу» на сторінці «Candy»  
 
 
 
Рисунок 11 – Товари на сторінці «Candy»  
 
9 
482 ЧДТУ 262115 – 01 13 01 
 
Рисунок 12 – Кошик з товарами 
 
Сторінка «Послуги» містить перелік пакетів канді-бару, зокрема 
стандартний, преміум та індивідуальний варіанти. Для кожного пакета 
наведено короткий опис та кнопку бронювання (рис. 13). Після натискання 
кнопки відкривається форма бронювання, у якій користувач вказує кількість 
гостей, побажання щодо оформлення, опис замовлення, контактні дані та 
спосіб доставки. Форма бронювання послуг наведена на рис. 14.  
 
10 
482 ЧДТУ 262115 – 01 13 01 
 
Рисунок 13 – Сторінка «Послуги» веборієнтованої системи бронювання 
послуг канді-бару 
 
Рисунок 14 – Форма бронювання послуг 
 
11 
482 ЧДТУ 262115 – 01 13 01 
На сторінці «Про нас» розміщено інформацію про діяльність компанії, 
принципи обслуговування клієнтів та переваги замовлення послуг канді-
бару. 
 
 
Рисунок 15 – Сторінка «Про нас» веборієнтованої системи бронювання 
послуг канді-бару 
 
Сторінка «Контакти» призначена для зв'язку з адміністрацією 
вебресурсу. Вона містить контактні дані, адресу, посилання на соціальні 
мережі та форму зворотного зв'язку, за допомогою якої користувач може 
поставити запитання або надіслати повідомлення (рис. 15).  
 
 
12 
482 ЧДТУ 262115 – 01 13 01 
 
Рисунок 16 – Сторінка «Контакти»
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
