Ezzel az azonosítóval hivatkozhat erre a dokumentumra forrásmegjelölésben vagy hiperhivatkozás esetén: 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-jún-2026
Submitted date: 13-jún-2026
Date of entry: 29-jún-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
Ebben a gyűjteményben:122 — Компʼютерні науки, F3 Комп’ютерні науки (бакалаври)

Fájlok a dokumentumban:
Fájl Leírás MéretFormátum 
2026_KRB_SN-41_Barda_SS.pdfДипломна робота1,87 MBAdobe PDFMegtekintés/Megnyitás


Minden dokumentum, ami a DSpace rendszerben szerepel, szerzői jogokkal védett. Minden jog fenntartva!

Admin Tools