Создание приложения Experience Builder и добавление виджетов
Вы создадите веб-приложение интерфейса с помощью ArcGIS Experience Builder. Вы начнете с пустого шаблона, а затем добавите и настроите свои виджеты для установки приложения.
Создание пустого веб-интерфейса
Вы начнете с создания пустого веб-приложениям интерфейса.
- Войдите под учётной записью организации ArcGIS.
Примечание:
Если у вас нет учетной записи организации, см. варианты доступа к программному обеспечению.
- На ленте щелкните Ресурсы.
- Щелкните Создать приложение.
- Выберите Experience Builder.
- На главной странице ArcGIS Experience Builder щелкните Создать новое.
Появится страница Шаблон, отображающая галерею опций шаблона. Шаблоны - это предустановленные компоновки и темы для создаваемых вами приложений. Для этого приложения вы будете использовать шаблон Пустой.
- На вкладке По умолчанию найдите шаблон Пустое полноэкранное и щелкните Создать.
Приложение открывается в конструкторе, показывая пустой холст. Вы переименуете свое приложение, указав более значимое название.
- На ленте щелкните Untitled experience и введите State health demographics.
Веб-интерфейс теперь готов для добавления виджетов. Виджеты подразделяются на категории в зависимости от их функциональности, например, Ориентированный на карту, Ориентированный на данные или Элементы страницы.
Добавление виджетов в приложение
Далее вы добавите в приложение виджет Business Analyst, виджет карта и виджет текст.
- На панели Вставить виджет в разделе Ориентированный на карту перетащите виджет Business Analyst на канву.
Справа появится панель Business Analyst с выбранным по умолчанию режимом Рабочий процесс. Этот режим предоставляет пользователю приложения шаги для выбора местоположения и запуска инфографики. Однако вы знаете конкретную инфографику, которая вам нужна, и конкретные местоположения (округи в вашем штате), которые вы хотите просмотреть, поэтому вместо этого вы будете использовать режим Предустановленный.
- На панели Business Analyst в разделе Режим щелкните Предустановленный.
Далее вы дополните виджет Business Analyst виджетами Карта и Текст.
- На панели Вставить виджет в разделе Ориентированный на карту перетащите виджет Карта на канву.
- На панели Элементы страницы перетащите виджет Текст на холст.
Подсказка:
Если у вас возникли трудности с поиском виджета, вы можете выполнить поиск в верхней части панели Вставить виджет.
- Щелкните виджет Текст, чтобы выделить его. Перетащите его правый маркер, чтобы сделать его той же ширины, что и у виджета Карта.
- Расположите виджет Текст в левом верхнем углу канвы. Расположите виджет Карта непосредственно под ним и изменяйте его размер до тех пор, пока его высота не достигнет нижней части канвы.
- Измените размер виджета Business Analyst, чтобы использовать оставшееся пространство на холсте.
Теперь внешний вид приложения сбалансирован: виджеты Текст и Карта создают столбец, который занимает около трети канвы, а виджет Business Analyst занимает остальное пространство. Вы всегда можете изменить размещение виджетов, но пока это выглядит хорошо.
Вы создали приложение в Experience Builder, добавили в него три виджета и разработали внешний вид вашего приложения и размещение виджетов. Виджетам в настоящее время назначены функции по умолчанию. Далее вы настроите конфигурацию виджетов в соответствии с потребностями вашего бизнеса.
Настройка виджета Business Analyst и публикация приложения
Виджет Business Analyst позволяет отображать инфографику в приложении. Вы добавили виджет Business Analyst и настроили его на использование предустановленного режима, который позволяет встраивать инфографику и предварительно определять местоположение по умолчанию, а также тип буфера и единицы измерения для точечных местоположений. Далее вы настроите добавленные виджеты. Затем вы опубликуете приложение.
Примечание:
В любое время вы можете просмотреть свое приложение и взаимодействовать с ним, щелкнув Просмотр в реальном времени.
Настройка виджетов
Вы настроите виджет Business Analyst для своего проекта отдела здравоохранения, указав подготовленное местоположение на карте. Вы также выберете инфографику, отображаемую в вашем приложении, и установите заголовок.
- На канве щелкните виджет Business Analyst, чтобы выбрать его.
Откроется панель Business Analyst. На этой панели вы можете настроить виджет по своему усмотрению. По умолчанию виджет Business Analyst связан с виджетом Карта. Вы зададите местоположение на карте по умолчанию.
- На панели Business Analyst в разделе Настройки местоположений убедитесь, что выбрано United States. Щелкните Установить местоположение.
Примечание:
Параметр Источник данных показывает источник и время сбора данных, используемых вашим виджетом. Любая создаваемая вами инфографика зависит от этого параметра. По умолчанию для параметра заданы самые свежие данные Esri, которые подходят для ваших целей.
Откроется панель Установить местоположение. На этой панели вы можете определить географическую область для вашей инфографики. В этом примере вы будете использовать больницу системы здравоохранения Канзасского университета в качестве своего местоположения.
- В поле поиска введите 1700 SW 7th St. и щелкните результат поиска в Топике, штат Канзас.
Местоположение добавляется на карту и будет использоваться по умолчанию при доступе пользователей к вашему приложению. Далее вы настроите буферы, которые будут использоваться при расчете демографической информации для инфографики.
- На панели виджета Business Analyst в разделе Буферы щелкните Кольца.
Откроется панель Установить буферы.
- На панели Установить буферы щелкните Время в пути.
Буферы времени в пути имеют дополнительные параметры, зависящие от того, хотите ли вы рассчитать время в пути от объекта или по направлению к нему. У вас также есть возможность использовать данные о трафике. Оставьте эти параметры без изменений.
- Щелкните Применить.
Карта обновляется, чтобы показать районы вокруг объекта, до которых можно доехать за 5, 10 и 15 минут. Эти области станут основой инфографики вашего приложения, которая будет содержать демографическую информацию об этих областях.
Далее вы выберете инфографику по умолчанию, отображаемую в вашем приложении. Поскольку цель приложения - показать демографическую информацию и информацию, связанную со здоровьем, вы выберете инфографику с этими переменными.
- На панели Business Analyst, в разделе Инфографика щелкните Выбрать инфографику.
Откроется панель Выбрать инфографику.
- Разверните категорию Инфографика Esri и выберите Health Care and Insurance Statistics.
Инфографика появится в виджете.
- Закройте панель Выбрать инфографику.
Поскольку вы настраиваете это приложение в предустановленном режиме, у вас есть некоторые опции для инфографики, которые недоступны в режиме рабочего процесса. Вы включите одну из этих опций, которая позволит пользователям щелкнуть по карте, чтобы установить булавку и рассчитать для нее инфографику. Эта опция поможет пользователям, желающим просмотреть инфографику по областям, расположенным не только вокруг объекта.
- На панели Business Analyst разверните настройки инфографики. Включите Запустить щелчком по карте.
Далее вы дадите приложению название и описание, чтобы дать контекст пользователям приложения.
- Дважды щелкните виджет Текст и введите Health Care and Insurance Report.
- Выделите введенный вами текст. На панели Текст измените размер шрифта на 24 пикс.
- Щелкните кнопку Полужирный, затем кнопку По центру.
На канве обновляется текст.
- На ленте щелкните кнопку Сохранить.
Вы настроили приложение по своему вкусу и теперь готовы просмотреть его в режиме просмотра в реальном времени и опубликовать.
Публикация и совместное использование приложения.
Далее вы увидите приложение так, как его увидел бы пользователь в режиме реального времени. Затем вы опубликуете, протестируете приложение и предоставите к нему общий доступ.
- На верхней ленте щелкните Просмотр в реальном времени.
Приложение переходит в режим просмотра в реальном времени, а кнопка меняет цвет, указывая на то, что приложение находится в режиме просмотра в реальном времени.
Просмотр в реальном времени позволяет вам использовать приложение так же, как пользователь приложения.
- В виджете Карта в поисковом окне введите Wesley Medical Center и выберите результат на 550 N Hillside Street в Уичито, штат Канзас.
Карта приблизится к Wesley Medical Center и применит буферы вокруг местоположения, соответствующие времени в пути 5, 10 и 15 минут. Инфографика отображает медицинские и страховые переменные в 5 минутах езды от учреждения.
- В строке заголовка инфографики щелкните ниспадающее меню 5 минут езды и выберите 10 минут езды.
Инфографика обновляется, чтобы показать демографические данные в 10-минутном буфере.
Вы также протестируете включенную вами опцию Запустить щелчком по карте.
- Щелкните где-нибудь на карте.
Булавка размещается в месте щелчка. Время в пути рассчитывается с учетом булавки, а инфографика обновляется для отображения демографической информации по региону.
Теперь, когда вы протестировали свое приложение и оно работает хорошо, вы опубликуете его, чтобы поделиться им.
- Если необходимо, сохраните приложение.
- На ленте щелкните кнопку Опубликовать.
Ваше приложение опубликовано.
- На ленте щелкните кнопку Дополнительно и выберите Просмотреть опубликованный элемент.
Откроется еще одна вкладка веб-браузера, и появится приложение.
- Протестируйте приложение, щелкнув по местоположению на карте и убедившись, что оно создает области времени в пути для этого местоположения и обновляет инфографику.
- Вернитесь на другую вкладку браузера, где ваше приложение находится в режиме редактирования.
- На ленте щелкните кнопку Дополнительно и выберите Копировать ссылку на опубликованный элемент.
Вы скопировали ссылку на опубликованное приложение и можете поделиться ею. Однако общий доступ по умолчанию настроен для владельца, поэтому никто другой не сможет получить доступ к приложению, пока вы не измените настройки. Вы можете перейти на страницу сведений об элементе в ArcGIS Online из приложения.
- На ленте щелкните кнопку Дополнительно и выберите Изменить настройки публикации.
Появится страница сведений об элементе для вашего приложения.
- Нажмите на кнопку Общий доступ.
Появится окно Общий доступ с различными вариантами общего доступа. В настоящее время только владелец приложения может получить к нему доступ, но вы можете изменить настройку, чтобы поделиться им со своей организацией или со всеми (для всех).
- В окне Общий доступ щелкните Организация и щелкните Сохранить.
Теперь приложение доступно в организации, поэтому им могут пользоваться другие участники вашей организации.
В этом учебном пособии вы создали веб-приложение, ориентированное на отображение инфографики для определенного местоположения, введенного пользователем. Вы добавили виджет Business Analyst и другие виджеты, настроили их, протестировали приложение, опубликовали и поделились им. Теперь другие могут использовать ваше приложение для получения информации о медицинском обслуживании и страховании в медицинском учреждении по своему выбору.
Вы можете найти больше учебных пособий в галерее учебных пособий.
