Создание приложения Experience Builder

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

Создание веб-интерфейса по шаблону

Сначала вы создадите веб-приложение. Вы начнете с шаблона, а затем настроите приложение.

  1. Войдите под учётной записью организации ArcGIS.
    Примечание:

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

  2. Щелкните вкладку Ресурсы и щелкните Создать приложение.

    Кнопка Создать приложение

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

  3. Выберите Experience Builder из ниспадающего списка.

    Опция Experience Builder

  4. На главной странице Experience Builder щелкните Создать новое.

    Кнопка Создать новое приложение

    Появляется список шаблонов. Вы воспользуетесь шаблоном Jewelry Box. Jewelry Box отображает список объектов в сочетании с картой.

  5. На вкладке По умолчанию найдите шаблон Jewelry Box и щелкните Создать.

    Шаблон Карман

    ArcGIS Experience Builder появляется, показывая карту в центре канвы. Вы переименуете свой интерфейс более значащим названием.

  6. Вверху ленты щелкните Untitled experience и введите или скопируйте и вставьте Real estate demographics.

    Переименование заголовка приложения

    Далее вы убедитесь, что видите всю канву.

  7. В правом нижнем углу экрана щелкните кнопку Подогнать ширину под текущее окно.

    Кнопка Подогнать ширину под текущее окно

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

  8. В верхней части компоновки щелкните кнопку-переключатель Заблокировать компоновку, чтобы отключить блокировку компоновки.

    Кнопка переключателя Заблокировать компоновку

Добавление виджета в приложение

Шаблон Jewelry Boxсодержит виджет карты и список. Вам список не нужен, и вы удалите его, чтобы освободить место для виджета Business Analyst.

  1. На канве щелкните виджет списка, чтобы выбрать его, и нажмите на кнопку Удалить.

    Удалить список.

  2. Щелкните Удалить еще раз, чтобы подтвердить, что хотите удалить список.
  3. В разделе заголовок на вертикальной панели инструментов щелкните кнопку Вставить.

    Кнопка Вставить виджет

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

    Галерея виджетов

  4. В галерее виджетов в разделе Ориентированный на карту, прокрутите вниз и найдите виджет Business Analyst.

    Виджет Business Analyst

  5. Перетащите виджет Business Analyst на канву, где должен быть список.

    Зона размещения Добавить виджет

    Виджет появится в приложении.

    Виджет добавлен в приложение

    Кроме того, открывается панель Business Analyst с выбранным по умолчанию режимом Рабочий процесс.

    Режим Рабочий процесс

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

  6. При необходимости щелкните виджет Business Analyst, чтобы выбрать его. Перетащите его нижнюю часть вниз канвы.

    Виджет Business Analyst измененного размера

Вы создали приложение и добавили виджет. Далее вы настроите виджет.


Настройка виджета Business Analyst и публикация приложения

Виджет Business Analyst позволяет отображать демографическую информацию в виде инфографики и создавать буферы времени пешком и времени в пути на машине. Вы уже добавили виджет в приложение. Далее вы настроите его в соответствии с потребностями бизнеса.

Подсказка:

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

Настройка виджета

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

  1. При необходимости щелкните виджет Business Analyst на канве, чтобы выбрать его и отобразить панель Business Analyst.
  2. Щелкните ниспадающее меню Выбрать виджет Карта и выберите Карта.

    Опция Карта

    Виджет Business Analyst добавляет на карту собственный инструмент поиска. Когда вы включаете этот виджет, функция поиска виджета Карта автоматически отключается. Далее вы удалите поисковый инструмент карты.

  3. Выберите поисковую строку и щелкните Удалить дважды, чтобы удалить ее.

    Кнопка Удалить

  4. Щелкните виджет в канве, чтобы выбрать его снова. В разделе Настройки местоположений убедитесь, что выбрано США.

    Опция США

  5. Щелкните кнопку Настроить поиск, чтобы отредактировать текст введения.

    Кнопка Настроить поиск

    Другие агенты по продаже недвижимости в вашей компании могут быть незнакомы с терминологией ГИС, используемой в текущем введении, поэтому вы отредактируете текст.

  6. На панели Настроить поиск введите (или скопируйте и вставьте) следующий текст: Search for an address or location to view demographic information.

    Вводный текст

  7. Закройте панель Настроить поиск.
  8. На панели Business Analyst щелкните Настроить буферы.

    Кнопка Настроить буферы

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

  9. В разделе Настройки по умолчанию снимите отметку с буфера Кольца, оставив буферы Время в пути и Время пешком включенными.

    Панель Настроить буферы

  10. Закройте панель Настроить буферы.
  11. На панели Business Analyst щелкните Настроить инфографику.

    Кнопка Настроить инфографику

  12. На панели Настроить инфографику для Выбрать инфографику щелкните ниспадающее меню Инфографика Esri.

    Ниспадающее меню Инфографика Esri

    Появится список возможной инфографики. Вы можете выбрать инфографику, которая наиболее важна для вашего бизнеса. Например, агенты по продаже недвижимости в вашей компании часто используют демографические профили, сводную демографическую информацию и профили Esri Tapestry Segmentation, поэтому вы включите эту инфографику.

  13. Снимите отметку с Инфографики Esri. Отметьте Профиль демографии, Демографическая сводка и Dominant Tapestry Profile.

    Выбранные параметры инфографики

    Далее вы упростите интерфейс инфографики для нужд агентов по продаже недвижимости.

  14. Закройте панель Настроить инфографику.
  15. На панели Business Analyst разверните настройки инфографики.

    Опция Настройки инфографики

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

  16. Отключите опции экспорта Динамического HTML и экспорта Excel.

    Параметры настройки инфографики

  17. Сверните опцию Настройки инфографики.

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

  18. В разделе заголовок на вертикальной панели инструментов щелкните кнопку Тема.

    Кнопка Тема

  19. Поэкспериментируйте, выбрав некоторые темы, чтобы посмотреть, как они влияют на приложение. После того, как вы попробовали несколько тем, выберите тему Яркая.

    Яркая тема

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

Включение базовых карт в виджете Карта

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

  1. На канве щелкните виджет карты, чтобы выбрать его.

    Откроется панель Карта.

  2. В разделе Инструменты включите Базовую карту.

    Опция Базовая карта

    В виджете Карта появляется кнопка Базовая карта.

    Кнопка Базовая карта

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

  3. На ленте щелкните кнопку Сохранить.

    Кнопка Сохранить

Тестирование приложения в режиме реального времени

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

  1. На верхней ленте щелкните Просмотр в реальном времени.

    Кнопка Просмотр в реальном времени

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

    Режим просмотра в реальном времени активен

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

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

  2. На карте рядом с поисковым окном щелкните кнопку Базовая карта и выберите Темно-серое полотно.

    Тёмно-серое полотно, базовая карта

    Карта обновится с базовой картой Темно-серое полотно.

  3. В виджете Business Analyst в строке поиска введите 835 s coast highway и выберите местоположение в Oceanside, CA (Оушенсайд, Калифорния.).

    Поиск адреса

    Примечание:

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

    Карта приближается к местоположению и добавляет точку.

    Точка добавлена на карту.

  4. Внизу виджета щелкните Далее.
  5. На шаге Буферы щелкните Время пешком и Время в пути, чтобы убедиться, что для каждого из них есть 5-, 10- и 15-минутные буферы.

    Настройки Времени в пути

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

  6. Щелкните Время пешком, чтобы выбрать этот буфер.

    Выберите Время пешком.

    Примечание:

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

  7. Щелкните Далее.

    Карта применяет буферы вокруг местоположения, представляющие время пешком 5, 10 и 15 минут.

    Буферы на карте

  8. На вкладке Инфографика щелкните ниспадающее меню Выбрать инфографику.

    Появится список Инфографика Esri. Можно навести курсор на значок рядом с именем, чтобы предварительно просмотреть, как будет выглядеть инфографика.

  9. Для инфографики Dominant Tapestry Profile наведите курсор на значок предварительного просмотра.

    предварительный просмотр инфографики

  10. Просмотрите оставшуюся инфографику, чтобы увидеть предварительный просмотр, а затем выберите инфографику Demographic profile.
  11. На шаге Инфографика разверните Инфографику Esri и выберите Профиль демографии.

    Раздел Инфографика

  12. Щелкните Запустить инфографику.

    Инфографика отображает демографические переменные в радиусе пяти минут пешком от места.

    Инфографика с профилем демографии

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

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

    Опция 10-минутная зона пешей доступности

    Значения в инфографике изменяются, чтобы отразить увеличение населения.

  14. Сохраните приложение.

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

Публикация и совместное использование приложения.

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

  1. На ленте щелкните кнопку Опубликовать.

    Кнопка Опубликовать

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

  2. На ленте щелкните кнопку Дополнительно и выберите Просмотреть опубликованный элемент.

    Опция Просмотреть опубликованный элемент

    Приложение отображается на другой вкладке веб-браузера.

  3. В поисковой строке щелкните кнопку Базовая карта и выберите Streets (Night).
  4. В виджете на вкладке Поиск щелкните инструмент Нарисовать точку.

  5. Увеличьте масштаб до местоположения на карте, щелкните по карте, чтобы добавить точку, и щелкните Далее.
  6. На вкладке Буферы примите значения буферов Время в пути по умолчанию и щелкните Далее.
  7. На вкладке Инфографика выберите инфографику Demographic Summary и щелкните Запустить инфографику.

    Пример инфографики

  8. Вернитесь на вкладку веб-браузера, где ваше приложение находится в режиме редактирования.
  9. На ленте щелкните Дополнительно и выберите Копировать ссылку на опубликованный элемент.

    Опция Копировать ссылку на опубликованный элемент

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

  10. На ленте щелкните кнопку Дополнительно и выберите Изменить настройки публикации.

    Изменить настройки публикации

    Появится страница сведений об элементе для вашего приложения.

  11. Нажмите на кнопку Общий доступ.

    Кнопка Поделиться

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

  12. В окне Общий доступ щелкните Организация и щелкните Сохранить.

    Доступ для Организации

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

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