Веб-сайт сучасної кав'ярні “Друга хвиля” з використанням фрейморку Laravel

1.

1
Тема: Веб-сайт сучасної
кав'ярні “Друга хвиля” з
використанням
фрейморку Laravel
Науковий керівник: к.пед.н., доцент Маніта І.Ю.
Виконав: студент 41 КН, Головач Д.О.

2.

Об’єкт дослідження:
2
Сучасні веб-технології розробки сайтів для
закладів громадського харчування, зокрема
кав’ярень.
Предмет дослідження:
Процес створення функціонального та естетично
привабливого веб-сайту для кав’ярні “Друга
хвиля” з використанням фреймворку Laravel.
Розробити сучасний веб-сайт для кав’ярні “Друга хвиля”
на основі Laravel, який забезпечить зручний доступ до
інформації про заклад, меню, локацію, а також дозволить
покращити взаємодію з клієнтами.
“Друга Хвиля”
Мета дослідження:

3.

Завдання
3
Дослідити сучасні веб-сайти кав’ярень та визначити актуальні функції (меню,
локація, бронювання, новини).
Вивчити інструменти для розробки сайту: Laravel, MySQL, Blade, Tailwind CSS.
Скласти технічне завдання з описом функціоналу, дизайну, безпеки та
продуктивності.
Розробити структуру сайту, базу даних і логіку взаємодії користувача з
Реалізувати сайт, створити інструкцію для адміністратора та провести
тестування
“Друга Хвиля”
системою.

4.

Порівняльний аналіз існуючих веб-застосунків кав’ярень
Назва
Переваги
Недоліки
One Love Coffee
Стильний дизайн, зручне меню, події
Немає онлайн-бронювання,
обмежений функціонал
4
Повільне завантаження, застарілий
інтерфейс
завантаження
Карта закладів, онлайн-замовлення
Takava Coffee-Buffet
Сучасний сайт, блог, новини,
соцмережі
Немає мобільного додатку,
дублювання контенту
The Blue Cup Coffee Shop
Адаптивність, графік, відгуки
Немає замовлень і реєстрації, лише
одна мова
“Друга Хвиля”
Lviv Croissants

5.

ДІАГРАМА ВАРІАНТІВ ВИКОРИСТАННЯ ВЕБ-ЗАСТОСУНКУ
5
“Друга Хвиля”

6.

ВИКОРИСТАНІ ІНСТРУМЕНТИ ТА ТЕХНОЛОГІЇ
6
Технологія
Laravel (PHP-фреймворк)
PHP (мова серверної логіки)
Порівняння
Symfony, Yii2, CodeIgniter, ASP.NET (C#)
Laravel — простий у використанні,
ідеальний для швидкого запуску.
Symfony — складніший, ASP.NET —
підходить для Windowsінфраструктури.
Node.js, Python, Java, C#, C++
PHP — популярна та проста. Node.js
— для реального часу, Python — для
аналітики, Java/C# — для складних
систем, C++ — для високої
продуктивності.
PostgreSQL, SQLite, MongoDB
MySQL — швидка й надійна.
PostgreSQL — для складних запитів,
SQLite — для локальних додатків,
MongoDB — для гнучких структур.
“Друга Хвиля”
MySQL (СУБД)
Альтернатива

7.

Демонстрація інтерфейсу веб-застосунку (№1)
Головний екран
7
“Друга Хвиля”

8.

Демонстрація інтерфейсу веб-застосунку (№2)
Їжа та напої
8
“Друга Хвиля”

9.

РЕЗУЛЬТАТИ ТЕСТУВАННЯ ВЕБЗАСТОСУНКУ
9
Тип тестування
Інструменти та підхід
Результати перевірки
Функціональна перевірка
Тест меню, форм бронювання,
інтерактиву
• Pest PHP
• Laravel
• Ручне проходження
сценаріїв
Знайдено помилку в кнопці
замовлення — усунено через
оновлення логіки маршрутизації.
Браузерна сумісність
Адаптація під десктоп і мобільні
• CrossBrowserTesting
• Chrome DevTools
• Responsive View
Коректне
відображення
основних
пристроях,
візуальних збоїв.
Оцінка зручності (UX)
Аналіз взаємодії користувачів
• Google Forms для
зворотного зв’язку
• Тест-сценарії
• UXtweak
Користувачі
легко
знаходять
потрібну інформацію, сайт —
інтуїтивний.
на
без
“Друга Хвиля”

10.

10
Висновки та
перспективи
розвитку
• Проведено аналіз сучасних рішень на ринку цифрових
сервісів для кав'ярень.
• Вивчено технологічні інструменти та платформи (зокрема
Laravel) для розробки веб-застосунків у сфері
ресторанного бізнесу.
• Складено технічне завдання для створення вебзастосунку з функціями керування замовленнями та
клієнтськими програмами лояльності.
• Реалізовано веб-застосунок, проведено тестування,
Перспективи:
Цифровий сервіс може бути розширений, додаючи
складено інструкцію з використання.
• Розроблено концептуальну модель інтерактивного сервісу
нові функції, покращуючи UX/UI та інтегруючи
для автоматизації процесів замовлення та управління
аналітичні інструменти для ефективного ведення
кав'ярнею.
бізнесу.

11.

10
Дякую за увагу!
Головач Д.О