Создание карты зон охвата онкологических центров

В настоящее время в Соединенных Штатах насчитывается 72 онкологических центра, назначенных NCI, в 36 штатах и округе Колумбия. Большинство из них, хотя и не все, связаны с университетскими медицинскими центрами.

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

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

Загрузите данные зон охвата

Сначала вы загрузите полигоны зон охвата с веб-сайта NCI, чтобы создать карту онкологических центров и их соответствующих зон охвата.

  1. В браузере перейдите на страницу NCI Catchment Areas.
  2. Прокрутите страницу примерно наполовину вниз, пока не дойдете до раздела Datasets.
  3. Щелкните ссылку Catchment Area Shapefile, чтобы загрузить архив данных .zip.

    Ссылка Catchment Area Shapefile в разделе Datasets страницы NCI Catchment Areas

    Файл NCI_Catchment_Areas_fall2023.zip загружен на ваш компьютер.

    Запомните место, куда был загружен файл.

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

Создание карты

Далее вы создадите новую карту с информацией об онкологических центрах.

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

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

  3. Щелкните Карта.

    Вкладка Карта в организации ArcGIS Online

    Откроется новая карта.

    Сначала вы добавите адреса онкологических центров на свою карту, чтобы визуализировать их расположение по всей территории Соединенных Штатов. Эти данные уже есть в ArcGIS Online и готовы к непосредственному добавлению на карту.

  4. На панели Слои щелкните кнопку Добавить.

    Панель Слои новой карты с кнопкой Добавить

  5. Щелкните стрелку ниспадающего меню Мои ресурсы и щелкните ArcGIS Online.

    Панель Добавить слой с ниспадающим списком источников слоев

  6. В окне поиска введите NCI center addresses.
  7. Найдите слой NCI_Center_Addresses, принадлежащий Esri Tutorials, щелкните по нему и щелкните кнопку Добавить.

    Элемент векторного слоя NCI_Center_Addresses, принадлежащий Esri Tutorials

    На карту добавлены точечные объекты онкологических центров.

    На карте показан векторный слой NCI_Center_Addresses.

    Они обозначены по типу, с категориями и символами, перечисленными на панели Свойства слоя в разделе Символы.

    Панель Свойства для слоя, показывающая символы

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

Создание нового слоя зон охвата

Далее вы создадите новый слой, показывающий зоны охвата онкологического центра, используя файл .zip, который вы загрузили с сайта NCI.

  1. На панели инструментов Содержание щелкните Добавить и щелкните Добавить слой из файла.

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

    Появится панель Добавить слой.

    Панель Добавить слой

    Панель Добавить слой позволяет перетаскивать файлы для их загрузки в ArcGIS Online.

  2. Перейдите в папку на вашем компьютере, в которую был загружен файл NCI_Catchment_Areas_fall2023.zip. Щелкните и перетащите файл .zip на панель загрузки файлов.

    Файл .zip из папки Загрузки перетаскивается на панель Добавить слой.

    Панель Добавить слой обнаруживает, что загруженный файл .zip содержит данные шейп-файла.

    Панель Добавить слой с загрузкой шейп-файла

    Затем вы добавите заголовок и некоторые метаданные, которые помогут идентифицировать новый слой.

  3. Щелкните Далее.
  4. Для Заголовок введите Зоны охвата онкологических центров_ и добавьте свои инициалы.

    Поле Заголовок на панели Добавить слой с новым заголовком, включающим ваши инициалы

  5. Для Теги, введите следующие теги и нажимайте клавишу Tab после каждого тега.

    • Здоровье
    • Зоны охвата онкологических центров
    • Медицинские услуги

  6. Для Краткая информация введите Этот слой представляет зоны охватов онкологических центров на осень 2023 года по данным Национального института онкологии.

    Теги и краткая информация были добавлены сюда.

  7. Щелкните Создать и добавить на карту.

    Кнопка Создать и добавить на карту на панели Добавить слой.

    Слой создан и добавлен на вашу карту.

Изменение порядка слоев и базовой карты

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

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

    Кнопка Назад на панели Добавить слой.

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

  2. На панели Содержание щелкните по маркеру слоя NCI_Center_Addresses и перетащите его над слоем Зоны охвата онкологических центров_ВАШИ ИНИЦИАЛЫ.

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

    Слои в установленном вами порядке

    Слой точек теперь будет отображаться над слоем полигонов.

    Карта с измененным порядком слоев

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

  3. На панели Содержание щелкните кнопку Базовая карта.

    Панель инструментов Содержание и кнопка Базовая карта

    В настоящее время карта использует опцию Топографическая базовая карта. Базовые карты ArcGIS Online входят в ArcGIS Living Atlas of the World, коллекцию достоверных карт и данных от Esri и тысяч других организаций. Поскольку в центре внимания вашей карты находятся зоны охватов онкологических центров, вы измените базовую карту на обеспечивающую более простой, нейтральный фон, что позволит вашим данным лучше выделяться.

  4. Прокрутите список Базова карта вниз и выберите базовую карту Светло-серое полотно.

    Список Базовая карта c базовой картой Светло-серое полотно

    Карта обновляется, чтобы отобразить данные онкологического центра на новой базовой карте.

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

    Это изменение фокусирует внимание на данных объектов, а не на базовой карте.

Изменение символа слоя

Далее вы измените цвет полигонов зон охватов онкологических центров.

  1. На панели инструментов Содержание щелкните кнопку Слои.

    Кнопка Слои на панели инструментов Содержание

  2. Щелкните слой Зоны охвата онкологических центров_ВАШИ ИНИЦИАЛЫ.

    Слой зон охватов

  3. На панели инструментов Настройки в правой части карты щелкните кнопку Стили.

    Кнопка Стили на панели инструментов Настройки

  4. На панели Стили в разделе Выбрать стиль щелкните Опции стиля.

    Кнопка Опции стиля на панели Стили

  5. На панели Стили в разделе Местоположение (единый символ) щелкните кнопку Редактировать рядом с патчем Стиль символа.

    Кнопка Редактировать для стиля символа

    Появится панель Стиль символа.

    Вы отредактируете цвета заливки и границ для полигонов зон охвата.

  6. На панели Стиль символа щелкните кнопку Редактировать рядом с патчем Цвет заливки.

    Кнопка Редактировать для патча Цвет заливки

  7. На панели Выбрать цвет в поле номер цвета введите 067ac6.

    Поле с кодом Hex на панели Выбрать цвет

    Число 067ac6 представляет собой шестнадцатеричный (hex) код для определенного оттенка синего. Ввод шестнадцатеричного (hex) кода - это быстрый способ указать цвет, если вы знаете код для нужного вам цвета. Также можно выбрать свой собственный цвет, указав значения Красный, зеленый, синий (RGB) или Оттенка, насыщенности и значения (HSV), или щелкнув интерактивные виджеты выбора цвета.

  8. Щелкните Готово.
  9. На панели Стиль символа щелкните кнопку Редактировать рядом с патчем Цвет контура.

    Кнопка Редактировать для патча Цвет контура

  10. На панели Выбрать цвет в поле номер цвета введите FFFFFF и щелкните Готово.

    Поле с кодом Hex на панели Выбрать цвет

    Hex код FFFFFF — белый.

  11. Закройте панель Cтили символов и щелкните Готово на панели Стили.
  12. Закройте панель Стили.

    Вы улучшили картографию, чтобы лучше проиллюстрировать онкологические центры и их зону охвата.

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

  13. На панели инструментов Содержание щелкните Сохранить и открыть, а затем выберите Сохранить как.

    Опция Сохранить как

  14. На панели Сохранить карту для Заголовок введите Карта зон охвата онкологических центров и добавьте свои инициалы.

    Панель Сохранить карту с введенным Заголовком

  15. Для Теги, введите следующие теги и нажимайте клавишу Tab после каждого тега.

    • Здоровье
    • Зоны охвата онкологических центров
    • Медицинские услуги

  16. Для Краткая информация введите На этой карте отображаются онкологические центры, назначенные NCI, и их зоны охвата.

    Введены Теги и краткая информация.

  17. Щелкните Сохранить.

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

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

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

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


Создание приложения для отображения инфографики

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

Создание приложения из карты

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

Для создания приложения Experience Builder с виджетом Business Analyst, нужно войти в систему ArcGIS Online с учетной записью, имеющей права доступа к GeoEnrichment и Network Analysis. Дополнительные сведения см. в Виджет Business Analyst - документация ArcGIS Experience Builder.

  1. На панели инструментов Содержание щелкните кнопку Создать приложение и щелкните Experience Builder.

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

    Страница шаблонов ArcGIS Experience Builder откроется в новой вкладке. Эта страница позволяет выбрать шаблон для вашего приложения. Вы выберете пустой шаблон, который позволит настроить виджеты именно там, где вы хотите.

  2. На панели Выбрать шаблон для запуска для шаблона Пустое полноэкранное щелкните кнопку Создать.

    Панель Выбрать шаблон для запуска с выбранным шаблоном Пустое полноэкранное

  3. Если вам будет предложено ознакомиться с Experience Builder, щелкните Пропустить.

    Вам может быть предложено ознакомиться с кратким обзором. Щелкните Пропустить.

  4. В поле Название приложения щелкните Untitled experience 1.

    Название приложения по умолчанию отображается в левом верхнем углу.

    Это имя нового приложения по умолчанию. Вы измените его на что-то более значимое.

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

    Поскольку вы создали это приложение непосредственно из карты, виджет карты уже находится в канве. Канва - это рабочая область в Experience Builder, в которой вы будете добавлять и настраивать виджеты. Виджеты обеспечивают конкретную, целенаправленную функциональность приложения. Вы хотите, чтобы ваше приложение позволяло пользователям исследовать и понимать зоны охвата онкологических центров и группы населения, которые они обслуживают. Для этого потребуются еще два виджета: виджет Business Analyst и виджет Список.

Добавление виджета Business Analyst

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

  1. Если панель Вставить виджет не видна, щелкните на боковой панели кнопку Вставить виджет.

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

    На панели Вставить виджет показан список виджетов. Виджеты разделены на различные категории, такие как Ориентированный на карту, Ориентированный на данные или Элементы страницы.

  2. Прокрутите список виджетов в разделе Ориентированный на карту вниз до виджета Business Analyst.
  3. Щелкните и перетащите виджет Business Analyst в канву над виджетом Карта.

    Виджет Business Analyst в списке Вставить виджет можно щелкнуть и перетащить в канву.

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

    Виджет Business Analyst в ненастроенном состоянии в канве

    Справа от канвы появится панель настроек виджета Business Analyst.

    Панель настроек виджета Business Analyst

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

  4. В разделе Режим щелкните Предустановленный.

    Режим рабочего процесса Предустановленный

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

    Заполнитель виджета в канве изменится.

    Виджет Business Analyst в канве в режиме Предустановленный

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

Добавление виджета Список

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

  1. Прокрутите список виджетов в разделе Ориентированный на данные вниз до виджета Список.
  2. Щелкните и перетащите виджет Список в канву слева от виджета Карта.

    Виджет Список в списке Вставить виджет можно щелкнуть и перетащить в канву.

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

  3. Наведите курсор на виджет Список.

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

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

  4. Щелкните виджет Список и перетащите его вниз и влево в канве.

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

    Направляющие линии в канве

  5. Наведите курсор на правый верхний угол виджета Список.

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

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

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

    Виджет Список правильно расположен в канве

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

    Виджет карты изменил размер и положение в канве

  8. Используйте ту же технику, чтобы изменить размер и положение виджета Business Analyst так, чтобы он занимал оставшееся пространство в канве.

    Виджет Business Analyst изменил размер и положение в канве

    Чтобы узнать больше о функциональности компоновки в Experience Builder, см. серию руководств Создание компоновки в ArcGIS Experience Builder.

Подключить виджет Список к данным

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

  1. в канве щелкните виджет Список.

    Виджет Список, выбранный в канве.

    Справа от канвы появится панель настроек виджета Список.

    Панель настроек виджета Список

  2. В нижней части панели настроек виджета Список щелкните Запустить.

    Кнопка Запустить на панели настроек виджета

  3. В верхней части панели настроек виджета Список щелкните Выбрать данные.

    Кнопка Выбрать данные

    Появится панель Выбрать данные.

  4. На панели Выбрать данные щелкните кнопку Развернуть рядом с Карта зоны охвата онкологического центра.

    Кнопка развернуть карту на панели Выбрать данные

  5. Щелкните полигональный слой Зоны охвата онкологических центров.

    Полигональный слой Зоны охвата онкологических центров на панели Выбрать данные

    Теперь виджет Список подключен к данным на карте.

Настроить виджет Cписок для показа динамического текста

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

  1. В канве, в виджете Список, щелкните круг-заполнитель изображения.

    Заполнитель изображения в виджете Список

  2. На панели инструментов редактирования элемента виджет Список щелкните кнопку Удалить.

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

  3. Щелкните текстовое поле в виджете Список.

    Щёлкните текстовое поле.

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

    Угол текстового поля выделен и готов к перемещению

  5. Измените размер текстового поля, чтобы оно занимало доступное пространство.

    Размер текстового поля был изменен, чтобы использовать пространство

  6. Дважды щелкните текстовое поле, чтобы отредактировать его содержимое.

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

  7. На панели инструментов редактирования элемента виджет Список щелкните кнопку Динамическое содержимое.

    Кнопка Динамическое содержимое на панели инструментов

    Появится список атрибутов полигонального слоя Зоны охвата онкологических центров.

  8. В списке атрибутов Динамического содержимого щелкните name.

    Список атрибутов динамического содержимого

  9. В списке атрибутов Динамического содержимого щелкните address.

    Элемент Адрес в списке Динамического содержимого

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

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

  10. Закройте Список атрибутов Динамического содержимого.
  11. В текстовом поле щелкните между {name} и {address} и нажмите Enter.

    Элемент динамического текста {address} перемещается во вторую строку текстового поля.

    Элемент динамического текста адрес во второй строке текстового поля

  12. В текстовом поле щелкните {name} и на появившейся панели форматирования текста щелкните кнопку Полужирный.

    Панель форматирования текста с кнопкой Полужирный

  13. В элементе список щелкните пустое пространство над кнопкой.

    Пустое пространство над кнопкой

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

    Виджет Список, показывающий отформатированный динамический текст

    Вы настроили виджет Список на отображение динамического текста из атрибутов полигональных объектов слоя Зоны охвата онкологических центров. Далее вы настроите кнопку для перехода по ссылке на веб-страницы онкологических центров.

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

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

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

  1. В элементе виджета Список щелкните элемент управления Кнопка.

    Элемент управления Кнопка в элементе виджет Список

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

    Панель Кнопка

  2. На панели Кнопка щелкните в поле Текст, удалите текст по умолчанию Кнопка и введите Веб-сайт.

    Текст надписи кнопки, измененный на Веб-сайт

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

  3. На панели Кнопка щелкните кнопку Задать ссылку.

    Кнопка Задать ссылку

    Откроется панель Задать ссылку.

  4. На панели Задать ссылку щелкните ниспадающий список Ссылка на.

    Панель Задать ссылку

  5. В списке Ссылка на щелкните URL.

    Элемент URL в списке Ссылка на

  6. Щелкните кнопку Страница рядом с полем URL.

    Кнопка Страница поля URL

  7. В списке Страниц щелкните Атрибут.

    Опция Атрибут в списке Страниц

  8. В списке Атрибутов щелкните URL.

    Атрибут URL в списке атрибутов

    Это поле, в котором хранится URL-адрес веб-страницы каждого онкологического центра.

  9. Нажмите OK.

    Кнопка ОК на панели Задать ссылку

    Кнопки элемента виджета Список теперь настроены на открытие веб-страниц онкологических центров.

Настройка стиля кнопки в соответствии с вашей картой

Теперь вы оформите стиль кнопки так, чтобы она соответствовала символам зон охвата онкологических центров на карте.

  1. На панели Кнопка включите Дополнительные настройки.

    Кнопка-переключатель Дополнительно на панели Кнопка

    Дополнительные опции форматирования кнопки отображаются в разделе Дополнительно на панели Кнопка.

  2. Щелкните значок цвета Заливки кнопки.

    Щелкните значок цвета Заливки.

  3. На панели цвета щелкните Дополнительно.

    Опция цвета Дополнительно на панели Цвет заливки кнопки

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

  4. В текстовом поле HEX замените значение по умолчанию на #067ac6.

    Текстовое поле Hex в инструменте выбора цвета кнопки

  5. Щелкните панель Кнопка рядом с панелью цвет Заливки, чтобы скрыть панель цвета.

    Щелкните панель Кнопка, чтобы скрыть ее.

    Цвет кнопки теперь соответствует цвету полигона зоны охвата на карте.

    Цвет кнопки обновлен в соответствии с полигонами зон охватов на карте.

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

  6. На панели Кнопка на панели инструментов форматирования Текста щелкните Полужирный.

    Опция Полужирный на панели инструментов форматирования Текста

  7. На панели Кнопка на панели инструментов форматирования Текста щелкните кнопку Цвет текста и на панели цвета в разделе Стандартные цвета щелкните значок белого цвета.

    Раздел Стандартные цвета в инструменте выбора цвета текста

  8. Щелкните панель Кнопка рядом с панелью инструментов форматирования Текста, чтобы скрыть панель цвета.

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

    Текст кнопки обновлен.

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

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

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

  1. Щелкните верхнюю часть виджета Список.

    Верхняя часть виджета Список

    Появится панель настроек виджета Список.

  2. На панели настроек виджета Список щелкните вкладку Действие.

    Вкладка Действие на панели настроек виджета Список

  3. На вкладке Действие щелкните Добавить триггер.

    Добавьте кнопку-триггер на вкладку Действие

    Появится панель Выбрать триггер.

  4. На панели Выбрать триггер щелкните Изменения выборки записей.

    Тригер Изменения выборки записей на панели Выбрать триггер

    Появится панель Выбрать цель.

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

  5. На панели Выбрать цель в разделе Виджеты щелкните Карта.

    Панель Выбрать цель, отображающая список виджетов

    Появится панель Выбрать действие.

    Панель Выбрать действие

  6. На панели Выбрать действие щелкните Приблизить к.

    Для виджета добавлено действие Приблизить к.

    Действие с картой Приблизить к добавлено в действия для виджета Список.

    Вы добавите еще одно действие для подключения виджета Business Analyst к виджету Список.

  7. Щелкните Добавить действие.

    Вкладка Действие с кнопкой Добавить действие

  8. На панели Выбрать цель в разделе Виджеты щелкните Business Analyst.

    Панель Выбрать цель, отображающая список виджетов

  9. На панели Выбрать действие щелкните Выбрать объект.

    Опция Выбрать объект на панели Выбрать действие

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

Добавление возможности поиска

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

  1. На панели настроек виджета Список щелкните вкладку Содержание.

    Вкладка Содержание на панели настроек виджета Список

  2. На вкладке Содержание разверните раздел Инструменты.

    Раздел Инструменты вкладки Содержание

  3. В разделе Инструменты включите опцию Поиск.

    Включить опцию поиск.

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

  4. В разделе Поиск щелкните ниспадающий список Выбрать поля поиска.

    Раскрывающийся список Выбрать поля поиска в разделе Поиск

  5. В списке полей отметьте поля name и address.

    Список полей для поиска с отмеченными полями имя и адрес

  6. Щелкните на фоне панели конфигурации рядом с надписью Выбрать поля поиска, чтобы скрыть список полей.

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

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

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

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

  1. В канве щелкните виджет Business Analyst.

    Виджет Business Analyst в канве

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

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

  2. На панели настроек виджета Business Analyst на вкладке Содержимое в поле Текст введения замените существующий текст следующим: Найдите онкологический центр в списке, чтобы просмотреть интерактивную инфографику со статистикой здравоохранения и страхования для населения в зоне обслуживания центра.

    Новый текст добавлен в поле Текст введения.

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

  3. Прокрутите панель настройки виджета Business Analyst до раздела Инфографика и щелкните Выбрать инфографику.

    Раздел Инфографика панели настроек виджета Business Analyst

    Откроется панель Выбрать инфографику.

  4. На панели Выбрать инфографику разверните раздел Инфографика Esri.

    Панель Выбрать инфографику

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

  5. Прокрутите список инфографики до раздела Health Care and Insurance Statistics и щелкните Health Care and Insurance Statistics.

    Элемент инфографика Health Care and Insurance Statistics в списке инфографики Esri

  6. Закройте панель Выбрать инфографику.

    Инфографика добавляется на панель настроек виджета.

    Элемент инфографика Health Care and Insurance Statistics добавлен на панель настроек виджета Business Analyst.

    Вы настроили все виджеты в своем приложении ArcGIS Experience Builder, чтобы сделать его интерактивным и динамичным.

Публикация приложения

Приложение теперь готово к публикации и тестированию.

  1. В верхней части окна приложения щелкните кнопку Сохранить.

    Кнопка Сохранить в верхней части приложения

  2. Щелкните кнопку Публикация.

    Кнопка Опубликовать в верхней части приложения

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

    Кнопка Опубликовать указывает на то, что приложение было опубликовано.

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

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

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

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

  4. В виджете Список щелкните первый элемент.

    Виджет Список опубликованного приложения

    Карта приближается, чтобы сфокусироваться на зоне охвата онкологического центра.

    Карта, показывающая зону охвата выбранного онкологического центра.

    Виджет Business Analyst отображает инфографику демографических характеристик зоны охвата.

    Примечание:
    Если инфографика не отображается, повторите шаги по настройке виджета Business Analyst.

  5. В поле Поиск виджета Список введите Dallas и нажмите Enter.

    Поле Поиск с результатами поиска Dallas

    Список отфильтрован до одного элемента, в поле адреса которого указано Dallas.

  6. Очистите поиск, щелкнув кнопку Очистить в поле Поиск.
  7. Щелкните кнопку Веб-сайт для элемента в виджете Список.

    Сайт онкологического центра откроется в новой вкладке.

    Приложение работает правильно.

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

    Примечание:

    Просмотр и загрузка инфографики расходует кредиты ArcGIS Online. Узнайте больше о том, как опубликовать виджет Business Analyst в общедоступном приложении.

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

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