Utilizza questo identificativo per citare o creare un link a questo documento: http://elartu.tntu.edu.ua/handle/lib/50883
Titolo: Проєкт архітектурної реалізації та макет веб-орієнтованої CRM-системи на основі шаблонів фреймворку Vue
Titoli alternativi: Architectural Implementation Project and Layout of a Web-Based CRM System Based on Vue Framework Templates
Autori: Кібук, Ростислав Максимович
Kibuk, Rostyslav Maksymovych
Affiliation: ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна
Bibliographic description (Ukraine): Кібук Р. М. Проєкт архітектурної реалізації та макет веб-орієнтованої CRM-системи на основі шаблонів фреймворку Vue : робота на здобуття кваліфікаційного ступеня магістр : спец. 122 - комп’ютерні науки / наук. кер. В. В. Никитюк. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 66 с.
Bibliographic reference (2015): Кібук Р. М. Проєкт архітектурної реалізації та макет веб-орієнтованої CRM-системи на основі шаблонів фреймворку Vue : робота на здобуття кваліфікаційного ступеня магістр : спец. 122 «Комп’ютерні науки» / наук. кер. В. В. Никитюк. Тернопіль : ТНТУ, 2025. 66 с.
Data: 22-dic-2025
Submitted date: 8-dic-2025
Date of entry: 2-gen-2026
Editore: ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна
Country (code): UA
Place of the edition/event: Тернопіль
Supervisor: Никитюк, Вячеслав Вячеславович
Nykytyuk, Vyacheslav
Committee members: Цебрій, Олексій Романович
Tsebriy, Oleksiy
UDC: 004.774:005.344
Parole chiave: 122
комп’ютерні науки
архітектура пз
веб-застосунок
макетування
управління відносинами з клієнтами
шаблони проектування
crm
frontend development
javascript
mvc
single page application
ui/ux
vue.js
Page range: 66
Abstract: Кваліфікаційна робота присвячена проєктуванню архітектури та розробці макета сучасної 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
Descrizione: Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 22.12.2025р. на засіданні екзаменаційної комісії №32 у Тернопільському національному технічному університеті імені Івана Пулюя
Content: ВСТУП 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
Copyright owner: © Кібук Ростислав Максимович, 2025
References (Ukraine): 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).
Content type: Master Thesis
È visualizzato nelle collezioni:122 — комп’ютерні науки

File in questo documento:
File Descrizione DimensioniFormato 
Mag_2025_SNm-61_Kibuk_RM.pdfДипломна робота1,91 MBAdobe PDFVisualizza/apri


Tutti i documenti archiviati in DSpace sono protetti da copyright. Tutti i diritti riservati.

Strumenti di amministrazione