АННОТАЦИЯ 3
Перечень условных обозначений 3
Введение 4
1 Анализ требований 6
1.1 Анализ предыдущей версии системы 6
1.2 Фиксация новых требований 15
2 Используемые технологии и архитектурные решения 20
2.1 Инструменты разработки 20
2.2 Архитектура приложения 26
2.3 Структура приложения 28
3 Реализация 29
3.1 Отображение объектов на карте 29
3.2 Работа с GeoServer 33
3.3 Кастомизация компонентов библиотеки Prime React 37
3.4 Процесс получения табличных данных результатов диагностики 41
3.5 Процесс отображения информации о состоянии нормативного участка
на карте 42
3.6 Страницы приложения 43
Заключение 58
Список использованных источников и литературы 59
В современном мире технологический прогресс проникает в различные сферы деятельности, и дорожная инфраструктура не является исключением. С развитием информационных технологий появляются новые возможности для эффективного управления дорожными сетями, повышения безопасности и улучшения качества обслуживания дорожного движения.
Данный проект представляет собой обратную разработку (reverse engineering) клиентской части системы «Геопортал IndorRoad», заказчиком которой является компания Индорсофт. Заказчиком были установлены ограничения по используемым инструментам разработки, основным из которых является использование технологии React JS (подробнее о данной технологии написано в разделе 2.1).
Г еопортал помогает объединить имеющуюся инженерную информацию об автомобильной дороге в одной информационной системе и предоставляет её пользователю в структурированном виде.
Информация об автомобильной дороге включает в себя:
• её расположение на карте, а также расположение объектов дорожной инфраструктуры, находящихся на ней
• инженерная информация дорожных объектов
• кадры панорамной съемки, проводившейся на данной дороге.
Отображение этой информации осуществлялось ранее с помощью библиотеки Webix JS2. Библиотека проигрывала в сравнение с наиболее актуальными решениями, а также не обладала всем необходимым функционалом. В связи с этим была поставлена цель - разработать клиентскую часть для системы «Геопортал IndorRoad» на технологии React JS. Для достижения поставленной цели были определены следующие задачи:
1. Определить и проанализировать существующий функционал системы и его проблемы.
2. Зафиксировать новые требования к системе по отображению диагностики дорог.
3. Спроектировать разрабатываемую клиентскую часть системы.
4. Разработать клиентскую часть системы с помощью библиотеки React JS.
В результате работы все поставленные задачи были решены в полном объеме. Таким образом, была разработана клиентская часть системы «Геопортал IndorRoad» на технологии React JS, цель данной работы достигнута. Были выполнены следующие задачи:
1. Определение и анализ существующего функционала системы и его проблемы.
2. Фиксирование новых требований к системе по отображению диагностики дороги.
3. Проектирование разрабатываемой клиентской части системы.
4. Разработка клиентской части системы с помощью библиотеки React JS.
В процессе работы были получены навыки анализа требований и проектирования приложения. Также были углублены знания технологии React JS. В данный момент система находится в эксплуатации и постепенно дополняется новым функционалом.
