Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал: http://elartu.tntu.edu.ua/handle/lib/52877
Назва: Розробка та оптимізація вебінтерфейсу державного електронного сервісу з урахуванням принципів зручності використання та доступності
Інші назви: Development and Optimization of a Web Interface for a Government E-Service Considering Usability and Accessibility Principles
Автори: Барда, Святослав Степанович
Barda, Sviatoslav
Приналежність: Тернопільський національний технічний університет імені ім. І. Пулюя
Бібліографічне посилання: Барда С. С. Розробка та оптимізація вебінтерфейсу державного електронного сервісу з урахуванням принципів зручності використання та доступності : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. Р. М. Небесний. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2026. 58 с.
Дата публікації: 27-чер-2026
Дата подання: 13-чер-2026
Дата внесення: 29-чер-2026
Видавництво: Тернопільський національний технічний університет імені ім. І. Пулюя
Країна (код): UA
Місце видання, проведення: Тернопіль
Науковий керівник: Небесний, Руслан Михайлович
Nebesnyi, Ruslan
УДК: 004.42
Теми: 122
комп’ютерні науки
державний електронний сервіс
електронні звернення громадян
вебінтерфейс
доступність
зручність використання
react
node.js
postgresql
rest api
state electronic service
electronic citizen appeals
web interface
accessibility
usability
Діапазон сторінок: 58
Короткий огляд (реферат): У кваліфікаційній роботі бакалавра розглянуто питання розроблення вебінтерфейсу державного електронного сервісу електронних звернень громадян. Метою дослідження було проєктування, реалізація та тестування програмного рішення, призначеного для подання, перегляду та контролю статусу електронних звернень громадян. У роботі проаналізовано особливості державних електронних сервісів, принципи зручності використання та вимоги доступності вебресурсів відповідно до рекомендацій 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.
Опис: Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 27.06.2026р. на засіданні екзаменаційної комісії №31 у Тернопільському національному технічному університеті імені Івана Пулюя
Зміст: Зміст * ВСТУП 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
Власник авторського права: © Барда Святослав Степанович, 2026
Перелік літератури: 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 с.
Тип вмісту: Bachelor Thesis
Розташовується у зібраннях:122 — Компʼютерні науки, F3 Комп’ютерні науки (бакалаври)

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


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

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