Разработка интерактивного web-приложения с использованием многопрофильных слоёв представления информации

NovaInfo 46, с.39-46, скачать PDF
Опубликовано
Раздел: Технические науки
Просмотров за месяц: 1
CC BY-NC

Аннотация

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

Ключевые слова

КАРТОГРАФИЯ, КАРТА, WEB-ПРИЛОЖЕНИЕ

Текст научной работы

Web-картография представляет собой процесс использования карт, предоставляемых географическими информационными системами (ГИС). Поскольку web-карта на World Wide Web одновременно обслуживается и потребляется, то использование web-карт больше, чем просто web-картографии, это одновременно сервисная деятельность и потребительская активность. Термины "web-ГИС" и "web-картография" остаются несколько синонимами. Web-ГИС используют веб-карты и конечных пользователей. Термин "сервис определения местоположения" относится к веб-картографии потребительских товаров и услуг. Web-картография, как правило, включает в себя веб-браузер или другой пользовательский агент, способный к клиент-серверному взаимодействию.

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

Появление web-картографии можно рассматривать в качестве основного нового направления в картографии. До недавнего времени картография была ограничена несколькими компаниями, институтами и картографическими агентствами, что требовало относительно дорогого и сложного оборудования и программного обеспечения, а также квалифицированных картографов и инженеров.

С появлением web-картографии, был рожден новый диапазон данных и технологий — от свободных данных, генерируемых OpenStreetMap до собственных наборов данных, принадлежащих Navteq, Google, Waze и др.

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

Первая классификация web-карт была сделана Менно-Ян Крааком в 2001 году. Он различил статические и динамические веб-карты и далее выделил интерактивные и только для просмотра веб-карты. На сегодняшний день существует большое количество динамических и статических web-карт.

Аналитические web-карты

Аналитические web-карты предлагают ГИС-анализ. Геоданных могут быть в статическом положении, или нуждаться в обновлении. Граница между аналитическими web-картами и web-ГИС размыта. Часть анализа может быть осуществлена сервером геоданных ГИС.

Анимированные и в режиме реального времени

Realtime-карты показывают ситуацию феномена близкую к реальному времени (всего несколько секунд или минут задержки). Они, как правило, анимированные. Данные собираются с помощью датчиков и карты генерируются или обновляются через регулярные промежутки времени или по требованию.

Анимированные карты показывают изменения в карте в течение долгого времени анимации. Технологии, позволяющие на стороне клиента отображение анимированных web-карт включают в себя масштабируемую векторную графику (SVG), Adobe Flash, Java, QuickTime и другие. Web-карты с анимацией в реальном времени включают в себя карты погоды, карты пробок и системы мониторинга транспортных средств. Сервис CartoDB запустил библиотеку с открытым исходным кодом. Он позволяет создавать динамические анимированные карты с миллионами записей. Twitter использует эту технологию для создания карт, чтобы отразить, каким образом пользователи отреагировали на новости и события во всем мире.

Совместные web-карты

Совместные карты имеют большой потенциал развития. В совместной работе с открытым исходным кодом программного обеспечения, пользователи сотрудничают, чтобы создать и улучшить опыт web-картографии. Некоторые совместные проекты web-картографии:

  1. Google Map Maker;
  2. Here Map Creator;
  3. OpenStreetMap;
  4. WikiMapia.

Онлайн атласы

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

Статические web-карты

Статические web-страницы доступны только для просмотра без анимации или интерактивности. Эти файлы создаются один раз, часто вручную, и редко обновляется. Типичные графические форматы для статических web-карт являются PNG, JPEG, GIF, TIFF или (например, DRG) для растровых файлов, SVG, PDF или SWF для векторных файлов. К ним относятся отсканированные бумажные карты. Бумажные карты имеют гораздо более высокое разрешение и информационную плотность, чем обычные компьютерные дисплеи одного и того же физического размера. И карты могут быть нечитаемыми, если на экранах установлено неправильное разрешение.

Система разбита на два основных модуля. Первый модуль отвечает за пользователей системы и отображение карты и включает в себя еще несколько блоков:

  • Блок настройки соединения с облачной базой данных QuickBlox;
  • Блок настройки Google Maps API для отображения интерактивной карты;
  • Блок отображения интерактивной карты Google Maps;
  • Блок регистрации;
  • Блок авторизации;
  • Блок добавления в базу данных нового объекта пользователем.

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

  • Блок авторизации администратора;
  • Блок вывода списка объектов на экран;
  • Блок редактирования объектов (удаление, изменение, добавление нового);
  • Блок управления пользователями.

Автоматизированная система представляет собой web-приложение со встроенной картой (Google maps). Карта Google Maps разбита на 4 так называемых слоя:

  • Маркерный слой. Слой, в котором происходит отрисовка всех объектов из базы данных;
  • Три временных слоя. Каждый временной слой соответствует определенному промежутку времени (1900-1950, 1951-2000, 2000-наше время).

Схема слоев системы представлена на рисунке 1.

Схема слоев системы
Рисунок 1. Схема слоев системы

Обобщенная функциональная модель web-приложения представлена на рисунке 1.

Функциональная модель системы
Рисунок 2. Функциональная модель системы

Система в процессе своего функционирования взаимодействует лишь с 1 смежной системой — сервисом, предоставляющим облачную базу данных, Quickblox.

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

Таблица 1. Сведения об обеспечении потребительских характеристик системы, определяющих ее качество

Требование

Метод реализации

Взаимодействие с базой данных

Реализуется за счёт использования javascript Quickblox SDK

Вывод на карту списка объектов

Реализуется за счет использования Google Maps API

Вывод на экран информации об отдельном объекте

Реализуется за счет использования Google Maps API, JQuery.

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

Инициатором и конечным пользователем процесса поиска информации является пользователь.

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

В ответ на запросы, база данных вернет строку в формате JSON (JavaScript Objet Notation).

Пример ответа для запроса пользователя:

{	"user": {	  "id": 1326,	  "owner_id": 4360,	  "full_name": "Sun Burn",	  "email": "sun@domain.com",	  "login": "Sun",	  "phone": "7665727",	  "website": "http://sun.com",	  "created_at": "2012-04-23T09:09:26Z",	  "updated_at": "2012-05-09T10:06:39Z",	  "last_request_at": "2012-05-09T10:04:50Z",	  "external_user_id": 28552,	  "facebook_id": "4561356",	  "twitter_id": "1653489",	  "custom_data": null,	  "blob_id": null,	  "user_tags": "type, volume, name"	}}

Пример ответа на запрос списка объектов:

  {	"class_name":"object",	"skip":0,	"limit":100,	"items":[	   {		  "id": 55abc1c9535c12f534009e6c,		  "created_at":1345448268,		  "o_name":"ВПИ Корпус А",		  "o_description":"А корпус",		  "latitude": 48.790715,		  "longitude": 44.775084,		  "o_url": [	   "http://www.url3.ru",	   ":http://www.url4.ru"	  ],		"o_year": [	   "1990",	   "2005"	  ]	   },	   {		  "id": 55abc1c9535c12f534009e6c,		  "created_at":1345448268,		  "o_name":"ВПИ Корпус В",		  "o_description":"В корпус",		  "latitude": 48.790745,		  "longitude": 44.775184,		  "o_url": [	   "http://www.url3.ru",	   ":http://www.url4.ru"	  ],		"o_year": [	   "1990",	   "2005"	  ]	   }	]}

Вид главной страницы приложения представлен на рисунке 3.

Главная страница web-приложения
Рисунок 3. Главная страница web-приложения

Читайте также

Список литературы

  1. Pinde Fu. Getting to Know Web GIS // Esri Press. 2015. 1 edition. С. 93-96
  2. Дубинин М.Ю., Костикова А.М. Веб-ГИС // Компьютерра. 2008. №33. С. 22-28.
  3. Рогачев С.А. Веб-картография. Представление разнородной пространственной информации // Труды СПИИРАН. 2013. Вып. 6(29). 2013. С. 132-143.
  4. Рыбанов А.А., Макушкина Л.А., Фадеева М.В. Технология повышения эффективности информационной поддержки, мониторинга и контроля за процессом выполнения выпускных квалификационных работ // Известия Волгоградского государственного технического университета. 2013. Т. 10. № 13 (116). С. 122-125.

Цитировать

Карижский, С.А. Разработка интерактивного web-приложения с использованием многопрофильных слоёв представления информации / С.А. Карижский, Д.Н. Лясин. — Текст : электронный // NovaInfo, 2016. — № 46. — С. 39-46. — URL: https://novainfo.ru/article/6316 (дата обращения: 15.08.2022).

Поделиться