Розробка клієнтського web-додатку візуалізації міських маршрутів курєрів засобами React, TypeScript та WebSocket

Abstract

Бакалаврська робота присвячена розробці клієнтської частини веб-додатка у вигляді інтерактивної панелі диспетчера для моделювання та візуалізації міських логістичних маршрутів у реальному часі. У першій частині роботи наведено аналіз предметної області міської логістики, здійснено огляд існуючих інтерфейсних рішень-аналогів, визначено технічні вимоги до UI/UX та сформульовано постановку задачі. У другій частині описано проєктування компонентної структури веб-додатка, розробку UML-діаграм варіантів використання, послідовностей та діяльності для формалізації логіки взаємодії користувача з інтерфейсом. У третій частині подано настанову користувача, описано практичну реалізацію та тестування інтерфейсу веб-додатка. Для виконання завдання використано бібліотеку React та мову програмування TypeScript для побудови реактивного інтерфейсу, інструментарій Material-UI для стилізації компонентів, інтерактивну карту Leaflet для візуалізації геоданих та маршрутів, а також клієнтські WebSockets для асинхронного отримання телеметрії; розробка проводилася в середовищі Visual Studio Code.