2.4.2 Структура приложения

Структура приложения представлена на рис. 2.11.

Рисунок 2.11 – Структура приложения

На верхнем уровне расположен файл main.html, представляющий собой меню, с помощью которого осуществляется базовая навигация между модулями.

Модуль маршрутов включает в себя следующие файлы:

1) itinerary.html – отвечает за выбор маршрута и составление списка его пунктов. Пункты маршрута автоматически сортируются по времени.

2) add_target.html – отвечает за добавление пунктов в заданный маршрут. Для пункта задаются такие параметры как время, местоположение и описание. Местоположение может быть выбрано из списка имеющихся в базе, определено по карте, либо задано как текущее местоположение устройства.

3) view_target.html – отвечает за просмотр выбранного пункта маршрута. Также данный файл предоставляет возможность перейти к редактированию пункта, либо удалить его.

4) change_target.html – отвечает за редактирование пункта маршрута. Позволяет изменить такие параметры, как время, местоположение и описание.

Модуль локаций включает следующие файлы:

1) locations.html – отвечает за составления списка локаций, с помощью которого можно добавить локацию к маршруту.

2) location_log.html – отвечает за составление общего списка локаций.

3) add_location.html – отвечает за добавление локаций. Для пункта задаются такие параметры как название, адрес, координаты, описание и тип. Адрес и координаты могут быть введены вручную, определены с помощью карты, либо заданы как текущее местоположение устройства.

4) view_location.html – отвечает за просмотр выбранной локации. Также данный файл предоставляет возможность перейти к редактированию локации или удалить ее.

5) change_location.html – отвечает за редактирование параметров локации. Позволяет изменить такие параметры как название, адрес, координаты, описание и тип.

Модуль карт включает в себя следующие файлы:

1) map.html – отвечает за построение и отображение карты текущего маршрута.

2) add_by_map.html – отвечает за поиск и добавление адреса и координат с помощью карты.

Также приложение содержит ряд скриптов:

1) locate.js – содержит скрипты, отвечающие за взаимодействие приложения с GPS-приемником и определение его координат.

2) db_connector.js – содержит скрипты, отвечающие за взаимодействие с базами данных устройства, внесение, изменение и получение данных.

3) map_connector.js – содержит скрипты, отвечающие за взаимодействие с API Яндекс.Карт, запрос и обработку полученных данных геокодирования и построение карты.

4) jquery.js – содержит скрипты, отвечающие за внешний вид и взаимодействие отдельных элементов интерфейса.

3 Реализация информационной системы

3.1 Особенности эксплуатации системы

Взаимодействие пользователя с системой начинается со стартового окна меню, представленного на рис. 3.1.

Рисунок 3.1 – Главное меню

Данное окно предоставляет пользователю возможность выбрать дальнейшее направление действий. Пользователь может перейти к просмотру текущего маршрута на карте, запросить его отображение в текстовом виде, перейти к списку всех локаций, либо к настройкам.

В верхней части окна также отображаются координаты текущего местоположения пользователя – широта и долгота.

Рассмотрим возможности отображения маршрута на карте.

Окно карт представлено на рис. 3.2.

Рисунок 3.2 – Карта текущего маршрута

В данном окне пользователь может увидеть текущий маршрут на карте, где, в том числе отображается текущее местоположение пользователя, перейти к выбору маршрута, либо вернуться в меню.

Для каждого пункта маршрута на карте отображается его название, либо адрес, если название не было введено пользователем. Путь между пунктами обозначен линией, разделенной на сегменты. При выборе сегмента маршрута отображается его протяженность и дальнейшее направление движения.

По клику на кнопку «Где я?» карта сдвигается так, что метка местоположения пользователя оказывается в центре карты.

По клику на кнопку «Выбрать маршрут» пользователь переходит к окну маршрутов.

По клику на кнопку «Меню» пользователь возвращается в главное меню.

Окно маршрутов представлено на рис. 3.3.

Рисунок 3.3 – Текущий маршрут

В данном окне отображается список пунктов выбранного маршрута. Для каждого пункта задано конкретное время, с помощью которого также происходит сортировка пунктов. При добавлении нового пункта он автоматически размещается в списке относительно остальных пунктов

Также для каждого пункта маршрута указано название локации, к которой он привязан, либо ее адрес в том случае, если для локации не задано название.

В данном окне можно выбрать, дату и название маршрута, привязанного к этой дате, либо задать новый маршрут для указанной даты.

Выбор даты осуществляется с помощью календаря, как показано на рис. 3.4.

Рисунок 3.4 – Выбор даты маршрута

Окно добавления пункта маршрута показано на рис. 3.5.

Рисунок 3.5 – Добавление нового пункта маршрута

В данном окне добавления пункта маршрута можно задать время, место и описание для нового пункта маршрута.

Выбор места можно осуществить по карте, по списку имеющихся локаций, либо задать как текущее местоположение устройства.

Окно выбора места по карте показано на рис. 3.6.

Рисунок 3.6 – Добавление местоположения по карте

Здесь можно осуществить поиск места либо с помощью адреса, либо по координатам. Найденное место отображается на карте. В случае, если был введен адрес, пользователю выводятся также и координаты указанного места. Если были введены координаты, соответственно, выводится адрес.

Если в списке локаций уже есть элемент с данным адресом или координатами, то к пункту маршрута привязывается именно он. Если подобного элемента нет, данные о местоположении сначала добавляются к списку локаций, а затем новая локация привязывается к пункту маршрута.

Окно выбора места из списка локаций показано на рис. 3.7.

Рисунок 3.7 – Добавление местоположения по списку

Здесь можно выбрать для добавления локацию из списка. Для каждой локации отображается ее название и адрес.

Для добавления локации к пункту маршрута, необходимо выбрать ее с помощью круглой метки, как показано на рис. 3.7, и нажать кнопку «Добавить цель».

Для того, чтобы просмотреть данные локации, необходимо нажать зеленую кнопку, расположенную в пункте конкретной локации.

Также можно отсортировать локации по типу, с помощью выпадающего списка, расположенного над списком локаций. В этом случае в списке локаций будут отображены локации только заданного типа, например «Музеи» или «Гостиницы».

Окно просмотра данных пункта маршрута показано на рис. 3.8.

Рисунок 3.8 – Отображение данных цели

В данном окне отображаются все параметры выбранного пункта маршрута: запланированное время начала задачи, название места, его адрес, описание, а также описание самой задачи, то есть туристического мероприятия, которое запланировал пользователь.

Описанные данные можно отредактировать, перейдя с помощью кнопки «Изменить данные» к окну редактирования, либо удалить с помощью кнопки «Удалить цель».

Также можно вернуться к просмотру маршрута с помощью кнопки «Назад», если пользователь не намерен изменять данные.

Как упоминалось ранее, с помощью главного меню можно получить доступ к просмотру и редактированию списка локаций.

Окно списка локаций показано на рис. 3.9.

Рисунок 3.9 – Отображение списка локаций

В данном окне выводится полный список всех локации в порядке их добавления.

Для каждой локации отображается ее название и адрес. В случае, если название не было задано пользователем, отображается надпись «отсутствует».

Для просмотра данных локации необходимо нажать зеленую кнопку, расположенную в пункте конкретной локации.

Также можно добавить к списку новую локацию, перейдя на соответствующее окно с помощью кнопки «Добавить новую локацию».

Окно добавления новой локации показано на рис. 3.10.

Рисунок 3.10 – Добавление локации в список

В данном окне для новой локации можно задать название, местоположение, описание и тип локации.

Выбор местоположения можно осуществить по карте, по списку имеющихся локаций, либо задать как текущее местоположение устройства.

Местоположение включает в себя адрес и координаты. В случае, если осуществлялось добавление только по координатам с помощью карты, адрес определяется автоматически как ближайший к заданной точке. Аналогично происходит автоматическое добавление адреса, если в качестве параметров местоположения выбирались текущие координаты устройства.

Тип локации выбирается из списка, либо задается собственный. В дальнейшем он используется для сортировки локаций в списке и облегчения поиска нужного объекта.

Окно редактирования локации показано на рис. 3.11.

Рисунок 3.11 – Редактирование параметров локации

В данном окне можно осуществить изменение таких параметров локации как название, адрес, координаты, описание и тип. Интерфейс и процесс взаимодействия пользователя с данным окном в целом не отличается от аналогичного для процесса добавления новой локации, за исключением того, что производится изменение уже имеющегося объекта, а не добавление нового.