Παρακαλώ χρησιμοποιήστε αυτό το αναγνωριστικό για να παραπέμψετε ή να δημιουργήσετε σύνδεσμο προς αυτό το τεκμήριο:
http://elartu.tntu.edu.ua/handle/lib/52877| Title: | Розробка та оптимізація вебінтерфейсу державного електронного сервісу з урахуванням принципів зручності використання та доступності |
| Other Titles: | Development and Optimization of a Web Interface for a Government E-Service Considering Usability and Accessibility Principles |
| Authors: | Барда, Святослав Степанович Barda, Sviatoslav |
| Affiliation: | Тернопільський національний технічний університет імені ім. І. Пулюя |
| Bibliographic reference (2015): | Барда С. С. Розробка та оптимізація вебінтерфейсу державного електронного сервісу з урахуванням принципів зручності використання та доступності : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. Р. М. Небесний. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2026. 58 с. |
| Issue Date: | 27-Ιου-2026 |
| Submitted date: | 13-Ιου-2026 |
| Date of entry: | 29-Ιου-2026 |
| Publisher: | Тернопільський національний технічний університет імені ім. І. Пулюя |
| Country (code): | UA |
| Place of the edition/event: | Тернопіль |
| Supervisor: | Небесний, Руслан Михайлович Nebesnyi, Ruslan |
| UDC: | 004.42 |
| Keywords: | 122 комп’ютерні науки державний електронний сервіс електронні звернення громадян вебінтерфейс доступність зручність використання react node.js postgresql rest api state electronic service electronic citizen appeals web interface accessibility usability |
| Page range: | 58 |
| Abstract: | У кваліфікаційній роботі бакалавра розглянуто питання розроблення вебінтерфейсу державного електронного сервісу електронних звернень громадян. Метою дослідження було проєктування, реалізація та тестування програмного рішення, призначеного для подання, перегляду та контролю статусу електронних звернень громадян. У роботі проаналізовано особливості державних електронних сервісів, принципи зручності використання та вимоги доступності вебресурсів відповідно до рекомендацій WCAG 2.1. Практична частина передбачала створення клієнтської частини на основі React, реалізацію серверної логіки із використанням Node.js та Express.js, розроблення бази даних PostgreSQL, а також впровадження механізмів автентифікації та авторизації користувачів. Результатом роботи став функціональний вебсервіс, який дозволяє реєструвати користувачів, створювати електронні звернення, переглядати історію звернень та відстежувати їх поточний статус. Проведене тестування підтвердило працездатність реалізованих функцій, відповідність функціональним вимогам та доцільність використання розробленого рішення для організації електронної взаємодії громадян із державними установами. The bachelor's qualification thesis examines the development of a web interface for a state electronic service of citizens’ electronic appeals. The aim of the research was to design, implement, and test a software solution intended for submitting, reviewing, and tracking the status of electronic appeals. The paper analyzes the characteristics of state electronic services, usability principles, and web accessibility requirements in accordance with WCAG 2.1 guidelines. The practical part involved the development of a client-side application using React, implementation of server-side functionality with Node.js and Express.js, creation of a PostgreSQL database, and integration of user authentication and authorization mechanisms. The result of the work is a functional web service that enables user registration, submission of electronic appeals, review of appeal history, and monitoring of appeal statuses. The conducted testing confirmed the correct operation of the system’s main functions and demonstrated the feasibility of using the developed solution for organizing electronic interaction between citizens and public authorities. |
| Description: | Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 27.06.2026р. на засіданні екзаменаційної комісії №31 у Тернопільському національному технічному університеті імені Івана Пулюя |
| Content: | Зміст * ВСТУП 10 РОЗДІЛ 1. АНАЛІТИЧНА ЧАСТИНА 12 1.1 Поняття та роль державних електронних сервісів у сучасному цифровому середовищі 12 1.2 Особливості вебінтерфейсів державних інформаційних систем 13 1.3 Принципи usability у веброзробці 15 1.4 Accessibility як обов’язкова вимога сучасних вебсервісів 16 1.5 Аналіз існуючих аналогів та постановка задачі (з посиланнями) 18 1.6 Висновок до розділу 1 20 РОЗДІЛ 2. ПРОЄКТУВАННЯ ВЕБІНТЕРФЕЙСУ ДЕРЖАВНОГО ЕЛЕКТРОННОГО СЕРВІСУ 22 2.1 Обґрунтування вибору технологій розробки 22 2.2 Проєктування архітектури системи 23 2.3 Проєктування структури бази даних 25 2.4 Проєктування REST API 27 2.5 Проєктування користувацького інтерфейсу 29 2.6 Висновок до розділу 2 31 РОЗДІЛ 3. ПРАКТИЧНА ЧАСТИНА (ДЕМОНСТРАЦІЯ, АНАЛІЗ ТА УЗАГАЛЬНЕННЯ ОТРИМАНИХ РЕЗУЛЬТАТІВ) 32 3.1 Проєктування архітектури вебсистеми електронних звернень громадян 32 3.2 Розробка серверної частини та бази даних 34 3.3 Реалізація клієнтської частини вебзастосунку 38 3.4 Реалізація принципів usability та accessibility 44 3.5 Тестування системи та аналіз результатів 46 3.6 Висновок до розділу 3 49 РОЗДІЛ 4. БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ ТА ОСНОВИ ОХОРОНИ ПРАЦІ 50 4.1 Безпека життєдіяльності 50 4.2 Основи охорони праці 51 4.3 Висновок до розділу 4 52 ВИСНОВКИ 54 ПЕРЕЛІК ДЖЕРЕЛ 56 |
| URI: | http://elartu.tntu.edu.ua/handle/lib/52877 |
| Copyright owner: | © Барда Святослав Степанович, 2026 |
| References (Ukraine): | 1. ISO 9241-11:2018. Ergonomics of human-system interaction — Usability: Definitions and concepts. 2. W3C. Web Content Accessibility Guidelines (WCAG) 2.1. https://www.w3.org/TR/WCAG21/ 3. Офіційний портал Дія. https://diia.gov.ua/ 4. React Documentation. https://react.dev/ 5. Node.js Documentation. https://nodejs.org/en/docs 6. PostgreSQL Documentation. https://www.postgresql.org/docs/ 7. Матеріали з електронного урядування та цифрової трансформації державних послуг України. 8. Nielsen Norman Group. Usability 101: Introduction to Usability. https://www.nngroup.com/articles/usability-101-introduction-to-usability/ 9. W3C Web Accessibility Initiative (WAI). Accessibility Resources. https://www.w3.org/WAI/ 10. Небесний Р. М. Рекомендаційна система формування команд виконавців з відповідними фаховими компетентностями : дис. ... д-ра філософії / Руслан Михайлович Небесний ; Тернопільський національний технічний університет імені Івана Пулюя. Тернопіль, 2023. URL: https://elartu.tntu.edu.ua/handle/lib/43005 (дата звернення: 17.06.2026). 11. Smart people: the role of big data analytics in digital transformation / R. Nebesnyi, O. Palka, L. Dmytrotsa, H. Kozbur. BAITmp 2025: The 2nd International Workshop on Bioinformatics and Applied Information Technologies for medical purpose. 2026. Vol. 2. P. 163–174. URL: https://ceur-ws.org/Vol-4159/paper14.pdf (дата звернення: 17.06.2026). 12. Formation of an IT Project Team by Analogy with a Flock / R. Vaskiv, N. Veretennikova, R. Nebesnyi, H. Bilovus, Y. Zhovnir. 2024 IEEE 19th International Conference on Computer Science and Information Technologies (CSIT) (Lviv, 16–19 Oct. 2024). Lviv : IEEE, 2024. P. 01–04. URL: https://doi.org/10.1109/CSIT65290.2024.10982684. 13. OWASP Foundation. (2023). OWASP Top 10 Web Application Security Risks. https://owasp.org/www-project-top-ten/ 14. OWASP Foundation. (2023). Cross Site Scripting Prevention Cheat Sheet. https://cheatsheetseries.owasp.org/ 15. OWASP Foundation. (2023). Authentication Cheat Sheet. https://cheatsheetseries.owasp.org/ 16. Mozilla Developer Network. HTML Documentation. https://developer.mozilla.org/en-US/docs/Web/HTML 17. Mozilla Developer Network. CSS Documentation. https://developer.mozilla.org/en-US/docs/Web/CSS 18. Mozilla Developer Network. JavaScript Documentation. https://developer.mozilla.org/en-US/docs/Web/JavaScript 19. React Router Documentation. https://reactrouter.com/ 20. Tailwind CSS Documentation. https://tailwindcss.com/docs 21. Vite Documentation. https://vitejs.dev/guide/ 22. Express.js Documentation. https://expressjs.com/ 23. PostgreSQL Global Development Group. PostgreSQL Tutorial. https://www.postgresql.org/docs/current/tutorial.html 24. ECMAScript Language Specification. https://tc39.es/ecma262/ 25. WHATWG. HTML Living Standard. https://html.spec.whatwg.org/ 26. W3C. Accessible Rich Internet Applications (WAI-ARIA). https://www.w3.org/WAI/standards-guidelines/aria/ 27. Google Developers. Web Fundamentals. https://web.dev/ 28. Formation of an IT Project Team in the Context of PMBOK Requirements / R. Nebesnyi, N. Kunanets, R. Vaskiv, N. Veretennikova. 2021 IEEE 16th International Conference on Computer Sciences and Information Technologies (CSIT). 2021. Vol. 2. P. 431–436. URL: https://doi.org/10.1109/CSIT52704.2021.9615291 (дата звернення: 17.06.2026). 29. Microsoft Learn. ASP.NET and Web Accessibility Guidance. https://learn.microsoft.com/ 30. State of JS Survey 2024. JavaScript Ecosystem Report. https://stateofjs.com/ 31. Portfolio project management / R. Nebesnyi, N. Kunanets, N. Veretennikova, R. Vaskiv, Z. Haladzhun, M. Graca. ITPM. 2024. P. 141–152. URL: https://ceur-ws.org/Vol-3709/paper12.pdf (дата звернення: 17.06.2026). 32. Digital.gov. User Experience and Accessibility Guidelines. https://digital.gov/ 33. United Nations E-Government Survey 2024. United Nations Publications. 34. Шкідливий вплив персонального комп’ютера на здоров’я людини. URL: https://ir.lib.vntu.edu.ua/bitstream/handle/123456789/21370/5363.pdf 35. Желібо Є. П., Сагайдак І. С. Безпека життєдіяльності. Навчальний посібник для аудиторної та практичної роботи. К.: ЕКОМЕН, 2011. 200 с. |
| Content type: | Bachelor Thesis |
| Εμφανίζεται στις συλλογές: | 122 — Компʼютерні науки, F3 Комп’ютерні науки (бакалаври) |
Αρχεία σε αυτό το τεκμήριο:
| Αρχείο | Περιγραφή | Μέγεθος | Μορφότυπος | |
|---|---|---|---|---|
| 2026_KRB_SN-41_Barda_SS.pdf | Дипломна робота | 1,87 MB | Adobe PDF | Δείτε/ Ανοίξτε |
Όλα τα τεκμήρια του δικτυακού τόπου προστατεύονται από πνευματικά δικαιώματα
Εργαλεία διαχειριστή