Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал: http://elartu.tntu.edu.ua/handle/lib/50883
Назва: Проєкт архітектурної реалізації та макет веб-орієнтованої CRM-системи на основі шаблонів фреймворку Vue
Інші назви: Architectural Implementation Project and Layout of a Web-Based CRM System Based on Vue Framework Templates
Автори: Кібук, Ростислав Максимович
Kibuk, Rostyslav Maksymovych
Приналежність: ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна
Бібліографічний опис: Кібук Р. М. Проєкт архітектурної реалізації та макет веб-орієнтованої CRM-системи на основі шаблонів фреймворку Vue : робота на здобуття кваліфікаційного ступеня магістр : спец. 122 - комп’ютерні науки / наук. кер. В. В. Никитюк. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 66 с.
Бібліографічне посилання: Кібук Р. М. Проєкт архітектурної реалізації та макет веб-орієнтованої CRM-системи на основі шаблонів фреймворку Vue : робота на здобуття кваліфікаційного ступеня магістр : спец. 122 «Комп’ютерні науки» / наук. кер. В. В. Никитюк. Тернопіль : ТНТУ, 2025. 66 с.
Дата публікації: 22-гру-2025
Дата подання: 8-гру-2025
Дата внесення: 2-січ-2026
Видавництво: ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна
Країна (код): UA
Місце видання, проведення: Тернопіль
Науковий керівник: Никитюк, Вячеслав Вячеславович
Nykytyuk, Vyacheslav
Члени комітету: Цебрій, Олексій Романович
Tsebriy, Oleksiy
УДК: 004.774:005.344
Теми: 122
комп’ютерні науки
архітектура пз
веб-застосунок
макетування
управління відносинами з клієнтами
шаблони проектування
crm
frontend development
javascript
mvc
single page application
ui/ux
vue.js
Діапазон сторінок: 66
Короткий огляд (реферат): Кваліфікаційна робота присвячена проєктуванню архітектури та розробці макета сучасної CRM-системи (Customer Relationship Management) з використанням компонентного підходу фреймворку Vue. У першому розділі проведено аналіз ринку CRM-рішень, визначено ключові функціональні вимоги до систем управління відносинами з клієнтами та обґрунтовано вибір технологічного стеку для розробки Single Page Application (SPA). Другий розділ містить опис архітектурних шаблонів, розробку структури компонентів, схему бази даних та проєктування інтерфейсу користувача (UI/UX). У третьому розділі представлено практичну реалізацію макета системи: налаштування маршрутизації, управління станом програми та інтеграцію з API. Робота демонструє переваги використання готових шаблонів та реактивних фреймворків для швидкої розробки масштабованих бізнес-рішень. Окремо розглянуто питання економічної доцільності проєкту та заходи з охорони праці
The qualification work is devoted to the design of the architecture and the development of a layout for a modern CRM system (Customer Relationship Management) using the component-based approach of the Vue framework. The first chapter analyzes the CRM solutions market, defines key functional requirements for customer relationship management systems, and justifies the choice of the technology stack for Single Page Application (SPA) development. The second chapter contains a description of architectural patterns, the development of the component structure, the database schema, and the design of the user interface (UI/UX). The third chapter presents the practical implementation of the system layout: routing configuration, application state management, and API integration. The work demonstrates the advantages of using pre-built templates and reactive frameworks for the rapid development of scalable business solutions. Separate sections address the economic feasibility of the project and occupational health measures
Опис: Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 22.12.2025р. на засіданні екзаменаційної комісії №32 у Тернопільському національному технічному університеті імені Івана Пулюя
Зміст: ВСТУП 1 АНАЛІЗ ТЕХНОЛОГІЧНИХ ПІДХОДІВ ДО СТВОРЕННЯ CRM-СИСТЕМ 1.1 Сутність та роль CRM у сучасному бізнесі 1.2 Порівняльний аналіз сучасних JavaScript-фреймворків 1.3 Вибір інструментарію та шаблонів для розробки макета 2 АРХІТЕКТУРНЕ ПРОЄКТУВАННЯ ВЕБ-ОРІЄНТОВАНОЇ СИСТЕМИ 2.1 Визначення функціональної та технічної архітектури 2.2 Проєктування компонентної моделі на основі Vue.js 2.3 Розробка UI/UX дизайну та структури навігації 3 РЕАЛІЗАЦІЯ ТА ВАЛІДАЦІЯ ПРОЄКТНИХ РІШЕНЬ 3.1 Налаштування середовища розробки та збірки проєкту 3.2 Розробка модулів управління клієнтами та аналітики 3.3 Тестування інтерфейсу та оцінка продуктивності 4 ОБҐРУНТУВАННЯ ЕКОНОМІЧНОЇ ЕФЕКТИВНОСТІ 5 ОХОРОНА ПРАЦІ ТА БЕЗПЕКА В НАДЗВИЧАЙНИХ СИТУАЦІЯХ ЗАГАЛЬНІ ВИСНОВКИ СПИСОК ЛІТЕРАТУРИ
URI (Уніфікований ідентифікатор ресурсу): http://elartu.tntu.edu.ua/handle/lib/50883
Власник авторського права: © Кібук Ростислав Максимович, 2025
Перелік літератури: 1. Influence of Digital Technology on Roadmap Development for Digital Business Transformation / I. Strutynska et al. Advanced computer information teghnologies. 2019. P. 333–337.
2. Шпилик С. Управління збутовою діяльністю підприємства. 2012.
3. Петрик М., Петрик O. Моделювання програмного забезпечення.
4. Стручок В. Безпека в надзвичайних ситуаціях. Методичний посібник для магістрів.
5. Vue.js: The Progressive JavaScript Framework. Official Documentation. URL: https://vuejs.org/guide/introduction.html.
6. Pinia: The intuitive store for Vue.js. Official Documentation. URL: https://pinia.vuejs.org/introduction.html.
7. Supabase: The Postgres Development Platform. Official Documentation. URL: https://supabase.com/docs.
8. lement Plus: A Vue 3 based component library. Official Documentation. URL: https://element-plus.org/en-US/guide/installation.
9. Docker Docs: Multi-stage builds. URL: https://docs.docker.com/build/building/multi-stage/.
10. PostgreSQL 18 Documentation: CREATE POLICY (Row Level Security). URL: https://www.postgresql.org/docs/current/sql-createpolicy.html.
11. Google for Developers: An image format for the Web (WebP). URL: https://developers.google.com/speed/webp.
12. Chrome for Developers: Lighthouse performance scoring. URL: https://developer.chrome.com/docs/lighthouse/performance/performance-scoring.
13. MDN Web Docs: The WebSocket API. URL: https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API.
14. Nginx Documentation: Beginner’s Guide. URL: https://nginx.org/en/docs/beginners_guide.html.
15. Vite: Next Generation Frontend Tooling. URL: https://vitejs.dev/guide/.
16. Vue Router: The official router for Vue.js. URL: https://router.vuejs.org/introduction.html.
17. web.dev: Metrics (Core Web Vitals). URL: https://web.dev/explore/metrics.
18. Git Documentation: Official reference. URL: https://git-scm.com/doc.
19. Strapi Blog: A Developer's Guide to WebP Image Format. RL: https://strapi.io/blog/developer-guide-webp.
20. Кодекс цивільного захисту України : Закон України від 02.10.2012 № 5403-VI. URL: https://zakon.rada.gov.ua/laws/show/5403-17 (дата звернення: 18.12.2025).
21. Про затвердження Правил пожежної безпеки в Україні : Наказ Міністерства внутрішніх справ України від 30.12.2014 № 1417. URL: https://zakon.rada.gov.ua/laws/show/z0252-15 (дата звернення: 18.12.2025).
22. Вимоги щодо безпеки та захисту здоров’я працівників під час роботи з екранними пристроями : Наказ Міністерства соціальної політики України від 14.02.2018 № 150. URL: https://zakon.rada.gov.ua/laws/show/z0244-18 (дата звернення: 18.12.2025).
Тип вмісту: Master Thesis
Розташовується у зібраннях:122 — комп’ютерні науки

Файли цього матеріалу:
Файл Опис РозмірФормат 
Mag_2025_SNm-61_Kibuk_RM.pdfДипломна робота1,91 MBAdobe PDFПереглянути/відкрити


Усі матеріали в архіві електронних ресурсів захищені авторським правом, всі права збережені.

Інструменти адміністратора