Web AppBuilder: создание картографических веб-приложений без разработки

Рассказываем о современных возможностях конструктора веб-приложений Web AppBuilder for ArcGIS, тонкостях настройки некоторых виджетов, а также разбираем решение реальной задачи с применением существующих виджетов. 

Что такое Web AppBuilder for ArcGIS

  • Конструктор картографических веб-приложений без написания кода — создание 2D и 3D приложений
  • Интегрирован с платформой Esri ArcGIS
  • Построен на технологиях ArcGIS JS API v3 и v4, HTML 5
  • Можно расширить функциональность самостоятельно через доп.разработку
  • Адаптивный интерфейс для качественной работы на разных устройствах

История развития продукта

Основные компоненты Web AppBuilder for ArcGIS

  • Темы – дизайн приложения, набор стилей и компоновок интерфейса, выбор цвета
  • Карта или сцена — веб-карта или веб-сцена из ArcGIS Online или Portal for ArcGIS
  • Виджеты – настраиваемые инструменты приложения
  • Атрибуты – брендинг (логотип, заголовок, ссылки)

Большинство задач решаются готовыми виджетами

  • Традиционные инструменты: легенда, зум, список слоев и д.р.
  • Аналитические: инфографика, геообработка, статистика
  • Для Network Analyst, Data Reviewer
  • Специализированные: анализ инцидентов, стоимости, ЧС

Информация о всех виджетах https://doc.arcgis.com/ru/web-appbuilder/create-apps/widget-overview.htm

Пользовательские виджеты

Возможность разработать собственные инструменты и встроить их в конструктор. С версии 10.6 процесс был существенно упрощен:

  • Размещение виджета на веб-сервере
  • Добавление расширения .json в MIME-типы на веб-сервере
  • Добавление ссылки на manifest.json в Ресурсы Portal for ArcGIS

Обзор: https://blogs.esri-cis.ru/2017/11/09/customwidgets-web-appbuilder/
Справка: http://enterprise.arcgis.com/ru/portal/latest/use/add-custom-widgets.htm

 

А теперь давайте посмотрим, как создать реальное картографическое приложение с помощью Web AppBuilder for ArcGIS.

Постановка задачи

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

Проект: минимальные инвестиции, веб-приложение без разработки на основе имеющегося инструментария Web AppBuilder for ArcGIS

Инструменты: различные фильтры, построение диаграмм, закладки, построение зон доступности, поиск по городам и ФО

Брендинг и компоновка

Логотип, заголовок, корпоративный цвет, компоновка интерфейса

 

Базовая функциональность

Поиск, закладки, фильтр по списку уникальных значений, шторка

 

Анализ продаж, расчёт зон доступности

Фильтр по нескольким параметрам, зависимая от фильтра диаграмма, запуск геообработки

 

Выводы

  • Web AppBuilder for ArcGIS постоянно развивается и поддерживается Esri
  • Позволяет получить представления о лучших практиках разработки под ArcGIS (Web Appbuilder Developer Edition содержит весь код в открытом виде)

Отлично подходит в случаях:

  • начинающих пользователей веб-ГИС
  • старта проекта
  • прототипирования
  • при ограниченном бюджете на разработку
  • для минимизации разработки за счёт большого числа готовых компонент
  • для 3D-визуализации в вебе
  • для приложений, которые будут открываться на планшетах и смартфонах

Некоторые скрытые возможности виджетов

  • Зависимые друг от друга фильтры и диаграммы
  • Фильтрация по собственному списку уникальных значений
  • Объединение виджетов в логические группы
  • Редактирование связанных записей
  • Виджет «Выборка» может быть использован для выборки входных данных для геообработки
  • Тайм-слайдер – начало с текущего времени +/- заданное время