ПРЕЗЕНТАЦІЯ-Andrii

1.

МІНІСТЕРСТВО ФІНАНСІВ УКРАЇНИ
ДЕРЖАВНИЙ ПОДАТКОВИЙ УНІВЕРСИТЕТ
ФАКУЛЬТЕТ ФІНАНСІВ ТА ЦИФРОВИХ ТЕХНОЛОГІЙ
КАФЕДРА комп’ютерних та інформаційних технологій і систем
«Технології розробки вебдодатків: сучасні підходи та методології»
SLIDESMANIA.COM
ЗДОБУВАЧ ВИЩОЇ ОСВІТИ ДРУГОГО (МАГІСТЕРСЬКОГО)
РІВНЯ, II КУРСУ, ГРУПИ КМІ-24-1
ПІДЬКО АНДРІЙ СЕРГІЙОВИЧ
НАУКОВИЙ КЕРІВНИК, КАНД. ПЕД. НАУК, ДОЦЕНТ
ГЛАДЧЕНКО ОКСАНА ВІКТОРІВНА
Ірпінь – 2026

2. Актуальність теми

Актуальність теми зумовлена потребою у спрощенні
створення якісного резюме для широкого кола користувачів із
врахуванням сучасних вимог до дизайну, функціональності та
персоналізації.
Широке
впровадження
JavaScript-фреймворків,
таких як React, а також хмарних баз даних, свідчить про високий
рівень розвитку вебтехнологій. Вебзастосунки забезпечують
зручний доступ до сервісів із будь-якого пристрою, що робить їх
особливо актуальними. У цьому контексті важливим є створення
SLIDESMANIA.COM
інноваційних
інструментів
для
формування
документації, зокрема онлайн-конструкторів резюме.
професійної

3.

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

4.

Завдання роботи
провести
аналіз
вебдодатків;
основних
підходів
до
створення
проаналізувати аналогові системи
обґрунтувати вибір хмарної бази даних для зберігання та
обробки даних;
сформувати вимоги до системи
розробити архітектуру та реалізувати вебзастосунок для
генерації резюме;
провести
SLIDESMANIA.COM
вебдодатку;
тестування
функціональності
створеного

5. Порівняльна таблиця аналогових систем

Критерій / Платформа
Kickresume
Resume Genius
Resume.io
Evro.cv
Безкоштовний функціонал
5
4
5
5
4
2
4
4
3
3
3
2
5
5
5
3
4
2
4
3
3
1
2
5
Створення супровідних листів
5
4
4
4
Підтримка ATS-сумісності
3
4
5
3
Додаткові інструменти (аналітика,
збереження версій)
3
3
5
3
Загальна зручність
5
4
5
4
Простота інтерфейсу
Кількість шаблонів
Якість дизайну шаблонів
Наявність AI-помічника
Можливість кастомізації
SLIDESMANIA.COM

6. Формування вимог: Функціональні

01 Реєстрація та автентифікація
02 Створення кількох резюме
03 Редагування в реальному часі
04 Зміна шаблону
05 Кольорова палітра
06 Експорт у PDF
07 Фото профілю
08 Управління резюме
SLIDESMANIA.COM

7. Формування вимог: Нефункціональні

01 Стабільність при навантаженні
02 Адаптивний інтерфейс
03 Безпечне зберігання даних
04 Масштабованість системи
05 Висока швидкодія
06 Інтуїтивний інтерфейс
07 Якісний PDF-експорт
08 Синхронізація в реальному часі
SLIDESMANIA.COM

8.

Інструменти реалізації
SLIDESMANIA.COM

9.

Архітектура системи
SLIDESMANIA.COM

10.

Ключові файли та теки проєкту
SLIDESMANIA.COM

11.

Діаграма взаємодії компонентів: Frontend (React)
SLIDESMANIA.COM

12.

Діаграма взаємодії компонентів: Backend (Node.js / Express)
SLIDESMANIA.COM

13.

Діаграма класів
SLIDESMANIA.COM

14.

Діаграма послідовності: Реєстрація користувача
SLIDESMANIA.COM

15.

Діаграма послідовності: Збереження резюме
SLIDESMANIA.COM

16.

Структура бази даних
SLIDESMANIA.COM

17.

Демонстрація результатів
SLIDESMANIA.COM
Головна сторінка

18.

Демонстрація результатів
SLIDESMANIA.COM
Форми входу та реєстрації

19.

Демонстрація результатів
SLIDESMANIA.COM
Панель користувача

20.

Демонстрація результатів
SLIDESMANIA.COM
Форма створення резюме

21.

Демонстрація результатів
SLIDESMANIA.COM
Форма додавання досвіду роботи

22.

Демонстрація результатів
SLIDESMANIA.COM
Форма додавання мов та навичок

23.

Демонстрація результатів
SLIDESMANIA.COM
Вибір шаблону резюме

24.

Демонстрація результатів
SLIDESMANIA.COM
Вибір кольорової палітри

25.

Демонстрація результатів
SLIDESMANIA.COM
Завантаження резюме в PDF форматі

26.

Висновки
SLIDESMANIA.COM
В процесі виконання кваліфікаційної роботи було досліджено
сучасні підходи до проєктування та розробки вебдодатків і на їх основі
реалізовано функціональну систему конструктора резюме з адаптивним
інтерфейсом та хмарним збереженням даних. Спроєктовано клієнтську і
серверну архітектуру, структуру бази даних та механізми безпечної
взаємодії між компонентами. Розроблена система забезпечує створення,
редагування й збереження резюме з підтримкою шаблонів,
налаштування стилю та експорту у формат PDF. Проведене тестування
підтвердило стабільність роботи, коректність обробки даних і зручність
використання. Отримані результати свідчать про практичну цінність
розробки та можливість її подальшого розвитку, зокрема шляхом
розширення функціоналу й адаптації під мобільні платформи.

27. Дякую за увагу!

SLIDESMANIA.COM