Веб застосунок інтернет-магазину «FloraForAll»

1.

МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
Фаховий коледж інженерії, управління та
землевпорядкування
Державного університету «Київський авіаційний інститут»
Тема: «Веб застосунок інтернет-магазину
«FloraForAll»»
Здобувач освіти: Святослав ЗІНЧЕНКО
Керівник: Віталій НЕЧИПОРУК

2.

Актуальність

3.

Об’єкт
дослідження
–
процес
організації
та
автоматизації електронної торгівлі через веб-застосунок.
Предмет дослідження – інструменти, технології та
методи створення веб-застосунку інтернет-магазину для
реалізації продукції та взаємодії з користувачами.
Мета дослідження – розробити функціональний,
захищений і зручний у використанні веб-застосунок для
інтернет-магазину
«FloraForAll»,
що
сприятиме
автоматизації торгових процесів, покращенню взаємодії з
клієнтами та збільшенню конверсії продажів.

4.

Для досягнення цієї мети були визначені наступні завдання:
‒ проаналізувати сучасні вимоги до інтернет-магазинів у цифровому
середовищі;
‒ спроєктувати архітектуру веб-застосунку з урахуванням специфіки онлайнторгівлі;
‒ підібрати оптимальні технології та фреймворки для реалізації серверної та
клієнтської частини;
‒ розробити прототип користувацького інтерфейсу з урахуванням принципів
UX/UI-дизайну;
‒ реалізувати
ключовий
функціонал
веб-застосунку
«FloraForAll»
(реєстрація, каталог товарів, фільтрація, кошик, замовлення, особистий
кабінет);
‒ провести тестування функціональності,
продуктивності та безпеки
системи;
‒ оцінити ефективність запропонованого рішення та відповідність бізнесвимогам.

5.

Мапа сайту

6.

Діаграма варіантів використання

7.

Діаграма послідовності (реєстрування
користувача)

8.

Приклад роботи
Веб сайту

9.

Приклад роботи
Веб сайту

10.

Приклад роботи
Веб сайту

11.

Приклад роботи
Веб сайту

12.

Висновки
У
процесі
виконання
кваліфікаційної
роботи
було
досягнуто
поставленої мети – розроблено повноцінний веб-застосунок інтернетмагазину «FloraForAll», що враховує сучасні вимоги до електронної
комерції, безпеки даних, адаптивного дизайну та користувацького досвіду.
Застосунок реалізовано із використанням базових технологій веброзробки
– HTML5, CSS3 та JavaScript, а також з дотриманням принципів
багаторівневої архітектури, що забезпечує модульність і масштабованість
програмного продукту.
У результаті роботи:
Проведено аналіз предметної області електронної комерції у сфері
флористики та визначено функціональні та нефункціональні вимоги до
системи.
Спроєктовано інтерфейс користувача з урахуванням принципів UX/UIдизайну, забезпечено адаптивність для різних типів пристроїв.

13.

Висновки
Реалізовано основний функціонал веб-застосунку: реєстрацію та
авторизацію, перегляд каталогу, фільтрацію товарів, кошик, оформлення
замовлення, особистий кабінет та мультимовний інтерфейс.
Розроблено фронтенд-інтерфейс і стилізацію, впроваджено перемикач
теми та перемикач мови інтерфейсу.
Побудовано
логічну
мапу
сайту
та
UML-діаграми
(варіантів
використання та послідовності), що забезпечують чітке уявлення про
взаємодію користувача з системою.
Проведено
тестування
працездатності
веб-застосунку,
зокрема
перевірено функціональність форм, навігації, перемикачів теми й мови, а
також відповідність очікуваній поведінці користувача.
Опрацьовано питання охорони праці, зокрема організацію робочого
місця програміста, вимоги до освітлення та акустичного комфорту, а також
протипожежні заходи.

14.

Висновки
Оформлено
створено
технічну
презентаційні
документацію,
матеріали
та
а
також
інструкцію
користувача.
Розроблений веб-застосунок демонструє високий
рівень практичного застосування теоретичних знань із
програмування,
проектування
вебдизайну,
програмних
безпеки
систем.
даних
Його
та
можна
адаптувати для реального використання, а також
удосконалювати, інтегруючи нові модулі (наприклад,
онлайн-оплату,
адміністрування
замовлень,
підключення до служб доставки тощо).
API-

15.

Дякую за увагу