Фронтенд частина системи обліку взаємодії волонтерів і військових

Abstract

Метою цієї бакалаврської роботи є розробка фронтенд-частини єдиної системи для обліку та координації взаємодії волонтерів і військових. Розроблювана вебсистема призначена для пришвидшення та полегшення відповідних процесів співпраці зацікавлених сторін, за допомогою створення зручного та інтуїтивно зрозумілого інтерфейсу для користувачів з будь-яким рівнем технічних навичок, а також забезпечення високої продуктивності та адаптивності для стабільної роботи з системою на різних типах пристроїв, зокрема у складних умовах в яких перебувають військовослужбовці. Методи та технології. Попереднє проєктування UX/UI дизайну та створення інтерактивного прототипу було здійснено за допомогою інструментарію Figma. Під час розробки програмної системи було використано компонентний підхід, який надав можливість спростити розробку та подальше масштабування. Фронтенд частина розроблена з використанням базових веб-технологій, HTML5 для семантичної верстки, CSS3 для стилізування та адаптивності за допомогою Flexbox та CSS Grid та мови програмування JavaScript для динамічності. Було прийнято рішення не використовувати важкі фреймворки, для забезпечення максимальної продуктивності. Автентифікація та безпека передачі даних здійснюється за допомогою технології JWT, санітизація введених даних запобігає XSS-атакам, а для обміну даними з серверною частиною використовується Fetch API для надсилання асинхронних запитів. Апробація програмного продукту. Результати розробки були опубліковані у вигляді тез на тему «Фронтенд частина системи обліку взаємодії волонтерів і військових» на VII Всеукраїнській науково-практичній конференції студентів та аспірантів «Теоретичні та прикладні аспекти розробки комп’ютерних систем '2026» Структура записки. Обсяг записки становить 74 сторінки, 28 джерел та 4 додатки. Робота складається із чотирьох розділів: ● Перший розділ містить аналіз та моделювання предметної області, розгляд існуючих аналогів та здійснення постановки завдання; ● Другий розділ стосується процесу проєктування інформаційної системи, опису вебзастосунку, його складових та архітектури, логічної організації системи, а також механізмів взаємодії та обміну даними; ● Третій розділ присвячений розробці програмного забезпечення. У ньому виконано моделювання структури та взаємодії об’єктів, описано компонентну структуру системи, обґрунтовано вибір інструментів та технологій розробки, а також наведено алгоритми роботи основних програмних модулів; ● Четвертий розділ містить рекомендації щодо впровадження та експлуатації системи, опис процесу тестування, визначення вимог до апаратного та програмного забезпечення, а також формування інсталяційного пакет.