Введение 3
1 Анализ предметной области и объекта исследований 5
1.1 Web - приложение 5
1.2 Одностраничное web - приложение 7
1.3 Используемые технологии 10
1.4 Фреймворк 14
2 Проектирование 17
2.1 Методологии проектирования 17
2.2 Архитектурные шаблоны проектирования web - приложения 21
2.3 Предпроектный анализ 22
2.4 Проектный анализ 26
2.5 Структура web - приложения 30
3 Программная реализация прототипа системы 32
3.1 Настройка окружения 32
3.2 Анализ функциональной части 37
3.3 Тестирование 45
Заключение 48
Список литературы
На данный момент ГИС - технологии и web - приложения прочно вошли в повседневный ритм жизни каждого человека. Пользователю достаточно установить приложение или воспользоваться онлайн - сервисом для возможности ориентироваться на местности с помощью карт, просматривать маркеры объектов и следить за передвигающимся транспортом. Сейчас важно иметь возможность отобразить на картах значимый объект, что благотворно влияет на развитие бизнеса. Все больше организаций уделяет время предоставлению исчерпывающей информации о своей деятельности, включая описания расположения.
Рынок геоинформационных систем довольно обширен и предоставляет разнообразные программы с богатым набором функций. Однако, стоимость этих программ довольно высока, что снижает экономическую эффективность их использования. Также эти программы не обладают гибкостью в использовании, пользователь не может выбрать конкретный набор функций, необходимый ему для решения поставленной задачи. Поэтому зачастую пользователю совсем не выгодно покупать или использовать определенный геоинформационный продукт, так как приходится переплачивать за функционал, в чем, по сути, нет необходимости. Кроме платных систем, существуют наборы открытых библиотек, которые позволяют создавать собственное высококачественное программное обеспечение. Таким образом, можно создать геоинформационную систему, которая будет обладать своими специфическими свойствами, будет удобна в использовании и экономически эффективна. Данный аспект определил актуальность темы выпускной квалификационной работы.
Объектом исследования является сегмент сервисных центров, которые будут отображаться в web - приложении.
Предметом исследования является web - приложение с возможностью отображения перечня сервисных центров, их товарами и услугами.
Целью выпускной квалификационной работы является создание web - приложения сервисных центров с использованием ГИС - технологий.
Для достижения поставленной цели необходимо решить ряд задач:
• Изучить объект и предмет исследования;
• Провести анализ создания web - приложений;
• Изучить методологию и архитектурные шаблоны проектирования web -приложения;
• Определить структуру проекта;
• Оценить программную реализацию прототипа системы.
В большинстве случаев приложения с элементами ГИС - технологий включают большой спектр объектов и функционала. Разрабатываемое SPA - приложение же будет включать узкоспециализированный поиск конкретного сегмента организаций, предоставляющих услуги по ремонту и техническому обслуживанию.
Практической значимостью является разработка удобного ориентированного на пользователя инструмента с возможностью быстрого извлечения и просмотра интересующей информации.
Основными задачами разрабатываемой системы являются оптимизация процесса поиска и подбора нужного отраслевого объекта, в функционал которого входит:
• Определение местоположения пользователя
• Фильтрация сервисных центров по сформированным критериям
• Внедрение в рабочую область приложения стороннего ГИС - сервиса
• Расположение маркеров объектов с детальной информацией
• Отладка и доработка пользовательского интерфейса
В данном контексте отраслевым объектом является сегмент сервисных центров с заданной географической принадлежность.
В результате выполнения выпускной квалификационной работы было разработано web -приложение для поиска сервисных центров с элементами ГИС - технологии с использованием языка программирования JavaScript и frontend - фреймворка Vue. Проект введен в эксплуатацию и доступен в бета- версии по адресеhttp://spectree.beget.tech/.
Были рассмотрены диаграммы проектирования ИС, с помощью которых можно декомпозировать сложную структуру на модули и тем самым упростить и ускорить разработку, составлена диаграмма Ганта для упорядочивания процесса разработки, проведен расчет трудозатратности и разработан макет проекта.
На данный момент пользователи web - приложения могут взаимодействовать с картой от сервиса Google.Map и взаимодействовать с маркерами выбранного сервисного центра с возможностью просмотра детальной информации.
Поставленные цели и задачи выпускной квалификационной работы реализованы в полном объеме.
В дальнейшем проект будет модернизироваться и обрастать новыми функциональными узлами. В ходе разработки были:
• Получены теоретические и практические знания по проектированию web - приложений
• Изучена природа и основные нюансы SPA-приложений
• Получены навыки формирования технического задания и реализации проекта с помощью современных инструментов разработки.
Освоенные навыки и теория будут использованы для дальнейшей разработки web - приложений и CRM - систем с использованием современных инструментов разработки и учетом всех методологий и паттерном проектирования.
