Details

Объект исследования - процесс проектирования и разработки веб-системы для работы с интерактивными картами. Предмет исследования - методы создания и управления интерактивными картами с возможностью добавления пользовательских меток и их организации в коллекции. Цель работы - разработка веб-системы для работы с интерактивными картами, позволяющей пользователям добавлять метки, создавать коллекции и использовать пользовательские изображения в качестве фона. Методология исследования основана на сравнительном анализе существующих решений, проектировании архитектуры по принципам трехуровневой клиент–серверной модели и итеративной разработке с тестированием компонентов. В работе проведено исследование современных подходов и технологий для создания интерактивных карт. Выполнен анализ существующих платформ, выявлены их преимущества и недостатки. Разработана архитектура системы TopoTik, включающая бэкенд на FastAPI, фронтенд на Vue.js и базу данных PostgreSQL. Разработана структура базы данных для хранения информации о картах, метках, коллекциях и пользователях. Реализованы ключевые компоненты системы: авторизация пользователей, управление интерактивными картами, работа с метками и их коллекциями, загрузка и обработка пользовательских изображений. Проведено комплексное тестирование системы, включающее модульное, интеграционное и API-тестирование. В процессе разработки использованы: Python 3.12 с фреймворком FastAPI, JavaScript с фреймворком Vue.js, СУБД PostgreSQL с расширением PostGIS, библиотека Leaflet.js для интерактивных карт, объектное хранилище Backblaze S3, контейнеризация Docker Desktop. Область применения результатов: образовательные проекты, исторические и краеведческие исследования, локальные туристические сервисы, творческие про екты писателей и разработчиков игр, требующие визуализации пространственных данных. В результате разработана полнофункциональная веб-система для работы с интерактивными картами, соответствующая современным требованиям к веб-приложениям и обеспечивающая широкие возможности для визуализации данных. Инструмент успешно решает проблему недостаточной гибкости существующих решений, предоставляя удобный интерфейс для работы с пользовательскими изображениями карт и системой меток.

Object of research - the process of designing and developing a web system for working with interactive maps. Subject of research - methods of creating and managing interactive maps with the ability to add custom markers and organize them into collections. The aim of the work is to develop a web system for working with interactive maps that allows users to add markers, create collections, and use custom images as a background. The research methodology is based on comparative analysis of existing solutions, designing architecture according to the principles of a three-tier client-server model, and iterative development with component testing. The work includes a study of modern approaches and technologies for creating interactive maps. An analysis of existing platforms was performed, identifying their advantages and disadvantages. The architecture of the TopoTik system was developed, including a backend on FastAPI, frontend on Vue.js, and PostgreSQL database. A database structure was designed for storing information about maps, markers, collections, and users. Key components of the system were implemented: user authorization, interactive map management, working with markers and their collections, uploading and processing user images. Comprehensive system testing was conducted, including unit, integration, and API testing. The development utilized: Python 3.12 with FastAPI framework, JavaScript with Vue.js framework, PostgreSQL database with PostGIS extension, Leaflet.js library for interactive maps, Backblaze S3 object storage, and Docker Desktop containerization. Application areas of the results: educational projects, historical and local history research, local tourism services, creative projects of writers and game developers requiring spatial data visualization. As a result, a fully functional web system for working with interactive maps was developed, meeting modern requirements for web applications and providing extensive capabilities for data visualization. The tool successfully addresses the problem of insufficient flexibility in existing solutions, providing a convenient interface for working with custom map images and a marker system.

• Разработка инструмента для создания интерактивных карт с пользовательскими коллекциями меток
  • Введение
  • 1. Анализ предметной области
  • 2. Проектирование
  • 3. Разработка
  • 4. Тестирование
  • Заключение
  • Список использованных источников
  • Приложение 1 Код файлов тестов