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

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

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

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

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

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

  2. На ленте щелкните Ресурсы.

    Кнопка Ресурсы

  3. Щелкните Создать приложение.

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

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

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

    Опция Experience Builder

    Начальная страница Experience Builder откроется в новой вкладке.

  5. Если откроется окно Быстрый режим, щелкните Принимаю.
  6. Нажмите Создать новую.

    Кнопка Создать новую

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

  7. В строке поиска введите Jewelry.
  8. У шаблона JewelryBox щелкните Создать.

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

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

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

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

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

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

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

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

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

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

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

Шаблон JewelryBox содержит виджет карты. Вы добавите виджет Business Analyst.

  1. На панели слева от карты щелкните кнопку Добавить виджет.

    Кнопка Добавить виджет

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

  2. На панели Добавить виджет, в разделе Ориентированный на карту, прокрутите вниз и щелкните виджет Business Analyst.

    Виджет Business Analyst

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

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

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

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

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

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


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

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

Подсказка:

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

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

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

Когда вы добавляете виджет Business Analyst, он добавляет на карту собственный инструмент поиска. Поэтому на карте теперь есть два инструмента поиска. Вы удалите один из них.

  1. В левом верхнем углу виджета карты щелкните панель поиска. Щелкните кнопку Удалить.

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

  2. Когда вас попросят подтвердить, что вы хотите удалить виджет, щелкните Удалить.

    Теперь на карте есть только один инструмент поиска. Далее вы настроите параметры поиска.

  3. Щелкните виджет Business Analyst в канве, чтобы выбрать его. На панели Business Analyst в разделе Настройки местоположений убедитесь, что выбрано United States.

    Опция США

  4. Щелкните кнопку Настроить поиск.

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

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

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

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

  6. Закройте панель Настроить поиск.

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

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

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

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

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

  9. Закройте панель Настроить буферы.

    Затем вы настроите инфографику.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Кнопка Тема

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

    Яркая тема

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Строка поиска адреса

    Примечание:

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

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

    Точка на карте на Oceanside

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

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

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

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

    Опция Время пешком

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

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

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

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

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

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

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

  11. Просмотрите оставшуюся инфографику. Когда закончите, выберите инфографику Демографический профиль.
  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, настроили его в соответствии с вашими бизнес-потребностями, протестировали приложение, а также опубликовали и поделились им для использования другими. Агенты по продаже недвижимости оценят это приложение, поскольку демографические данные в пределах желаемого времени в пути и времени пешком легко обнаруживаются и могут помочь им принимать решения на основе данных.

Вы можете найти больше учебных пособий в галерее учебных пособий.