创建 Experience Builder 应用程序并添加微件

您将使用 ArcGIS Experience Builder 创建 web 体验应用程序。 您将从一个空白模板开始,然后添加并配置微件以设置应用程序。

创建空白 web 体验

您将首先创建一个空白的 web 体验应用程序。

  1. 登录到您的 ArcGIS 组织帐户
    注:

    如果您没有组织帐户,请参阅软件访问权限选项

  2. 在功能区中,单击内容

    内容按钮

  3. 单击创建应用程序

    “创建应用程序”按钮

  4. 选择 Experience Builder

    Experience Builder 选项

  5. ArcGIS Experience Builder 主页上,单击新建

    “新建”按钮

    模板页面随即出现,其中显示了模板选项库。 模板是您创建的应用程序的预设布局和主题。 对于此应用程序,您将使用 Blank 模板。

  6. 默认选项卡上,找到 Blank fullscreen 模板并单击创建

    Blank fullscreen 模板

    该应用程序随即在构建器中打开,共中显示了一个空白画布。 您将使用一个更有意义的标题重命名应用程序。

  7. 在功能区上,单击无标题体验并键入 State health demographics

    重命名的应用程序

    现在,即可向 web 体验添加微件。 微件将根据其功能进行分类,例如以地图为中心以数据为中心页面元素

向应用程序添加微件

接下来,您将向应用程序添加 Business Analyst 微件、地图微件和文本微件。

  1. 插入微件窗格上,在以地图为中心下,将 Business Analyst 微件拖动到画布上。

    画布上的 Business Analyst 微件

    Business Analyst 窗格随即显示在右侧,其中工作流模式默认处于选中状态。 此模式将为应用程序用户提供相应步骤,用于选择位置以及运行信息图表。 但是,由于已知所需特定信息图表以及要查看的特定位置(您所在州的县),因此您将改用预设模式。

  2. Business Analyst 窗格的模式下,单击预设

    “预设”模式

    接下来,您将使用地图文本微件来补充 Business Analyst 微件。

  3. 插入微件窗格的以地图为中心部分中,将地图微件拖动到画布上。

    画布上的“地图”微件

  4. 页面元素部分中,将文本微件拖动到画布上。
    提示:

    如果您难以找到微件,可以在插入微件窗格顶部进行搜索。

  5. 单击文本微件将其选中。 拖动其右侧控件直到其与地图微件宽度相同。
  6. 文本微件放置在画布的左上角。 将地图微件直接放置在其下方并调整大小,直到其高度达到画布底部。
  7. 调整 Business Analyst 微件的大小以使用画布上的剩余空间。

    应用程序布局

    现在应用程序的外观平衡,文本地图微件形成一个占据画布约三分之一的列,而 Business Analyst 微件占据其余部分。 您可以随时修改微件的位置,但目前看起来不错。

您在 Experience Builder 中创建了一个应用程序,向其中添加了三个微件,并设计了应用程序的外观和微件的位置。 这些微件目前具有分配给其的默认功能。 接下来,您将自定义微件的配置以满足您的业务需求。


配置 Business Analyst 微件并发布应用程序

Business Analyst 微件用于在应用程序中显示信息图表。您已添加 Business Analyst 微件并将其设置为使用预设模式,该模式允许您嵌入信息图表并预定义默认位置,以及点位置的缓冲区类型和单位。 接下来,您将配置添加的微件。 然后,发布应用程序。

注:

通过单击实时视图,您可以随时预览应用程序并与其进行交互。

配置微件

通过将 Business Analyst 微件链接到地图并在地图上设置预定义位置,您将针对卫生部门工程对该微件进行配置。 您还可以选择在应用程序中显示的信息图表并设置标题。

  1. 在画布上,单击 Business Analyst 微件以将其选中

    随即出现 Business Analyst 窗格。 在此窗格中,您可以根据自己的喜好来配置该微件。 默认情况下,Business Analyst 微件与地图微件相关联。 您需要为地图设置一个默认位置。

  2. Business Analyst 窗格的位置设置下,确保已选择美国。 单击设置位置

    “设置位置”按钮

    注:

    数据源参数列出了微件使用的数据源及其版本。 您创建的任何信息图表均依赖于此参数。 默认情况下,该参数设置为最新 Esri 数据,这适合您的需求。

    随即出现设置位置窗格。 在此窗格中,可以定义信息图表的地理区域。 在本例中,您将使用堪萨斯大学卫生系统医院作为您的位置。

  3. 在搜索字段中,键入 1700 SW 7th St.,然后单击位于堪萨斯州托皮卡的搜索结果。

    地址搜索结果

    该位置随即添加至地图,并将成为用户访问您的应用程序时的默认位置。 接下来,您将设置缓冲区,用于计算信息图表的人口统计信息。

  4. Business Analyst 微件窗格中,在缓冲区下,单击圆环

    “圆环”按钮

    随即出现设置缓冲区窗格。

  5. 设置缓冲区窗格中,单击行驶时间

    “行驶时间”缓冲区选项

    行驶时间缓冲区具有额外的参数,具体取决于您是希望计算从设施点出发的行驶时间,还是到达设施点的行驶时间。 此外,您还可以选择使用流量数据。 您只需保持这些参数不变。

  6. 单击应用

    地图将更新,显示设施点周围 5 分钟、10 分钟和 15 分钟行驶时间内的区域。 这些区域将成为您的应用程序信息图表的基础,信息图表将显示这些区域的人口统计信息。

    接下来,您将选择应用程序中显示的默认信息图表。由于该应用程序的目标是显示人口统计和健康相关信息,因此您将选择包含这些变量的信息图表。

  7. Business Analyst 窗格的信息图表下,单击选择信息图表

    “选择信息图表”按钮

    随即出现选择信息图表窗格。

  8. 展开 Esri 信息图表类别并选择医疗保险统计数据

    Health Care and Insurance Statistics 信息图表选项

    信息图表随即显示在微件中。

    示例信息图表

  9. 关闭选择信息图表窗格。

    由于您是在预设模式下配置此应用程序,因此可以使用一些在工作流模式下不可用的信息图表选项。 您将启用其中一个选项,该选项允许用户单击地图并放置一个标记,并为其计算信息图表。 此选项将帮助用户查看非以设施点为中心区域的信息图表。

  10. Business Analyst 窗格中,展开信息图表设置。 打开通过单击地图运行

    通过单击地图运行选项

    接下来,您将为应用程序提供标题和描述,以便为应用程序用户提供上下文。

  11. 双击文本微件并键入 Health Care and Insurance Report

    包含新文本的“文本”微件

  12. 高亮显示您输入的文本。 在文本窗格中,将字体大小更改为 24 像素。

    文本大小参数已设置为 24 px

  13. 单击加粗按钮,然后单击居中按钮。

    文本设置

    在画布上,文本会更新。

    微件中已更新的文本

  14. 在功能区上,单击保存按钮。

    “保存”按钮

    您已经按照自己的喜好配置了应用程序,现在可以在实时视图模式下查看并发布它。

发布和共享应用程序

接下来,您将使用实时模式查看用户所看到的应用程序。 然后,您将发布、测试并共享该应用程序。

  1. 在顶部功能区上,单击实时视图

    “实时视图”选项

    该应用程序将更改为实时视图,并且按钮将更改颜色以指示应用程序处于实时视图中。

    实时视图模式已激活

    实时视图允许您以与应用程序用户相同的方式使用应用程序。

  2. 在地图微件的搜索栏中,键入 Wesley Medical Center 并选择有关 550 N Hillside Street in Wichita, Kansas 的结果。

    Medical center 搜索结果

    地图随即缩放至 Wesley Medical Center,并在表示 5 分钟、10 分钟和 15 分钟行驶时间的位置周围应用缓冲区。 信息图表显示了距该机构 5 分钟行驶时间的医疗保险变量。

    应用程序预览

  3. 在信息图表的标题栏上,单击 5 minute drive 下拉菜单并选择 10 minute drive

    10 minute drive 选项

    信息图表随即进行更新,以显示 10 分钟缓冲区内的人口统计数据。

    10 分钟行驶时间的信息图表

    您还将测试启用的通过单击地图运行选项。

  4. 单击地图中的任意位置。

    在您单击的位置会放置一个标记。 行驶时间将围绕该标记计算,并且信息图表将更新并显示该区域的人口统计信息。

    测试应用程序并且其运行良好后,即可发布该应用程序,以便进行共享。

  5. 如有必要,请保存该应用程序。
  6. 在功能区上,单击发布按钮。

    “发布”按钮

    您的应用程序已发布。

  7. 在功能区上,单击更多按钮并选择查看已发布的项目

    “查看已发布的项目”选项

    另一个 web 浏览器选项卡随即打开并显示该应用程序。

  8. 通过单击地图上的一个位置,确认已创建该位置的行驶时间区域且已更新信息图表,测试该应用程序。
  9. 返回到您的应用程序处于编辑模式的另一个 web 浏览器选项卡。
  10. 在功能区上,单击更多按钮并选择复制已发布的项目链接

    “复制已发布的项目链接”选项

    您已复制已发布应用程序的链接并可以进行共享。 但是,默认共享设置是针对所有者的,因此在您更改设置之前,其他人都无法访问该应用程序。 您可以从应用程序进入 ArcGIS Online 中应用程序的项目详细信息页面。

  11. 在功能区上,单击更多按钮,然后选择更改共享设置

    “更改共享设置”选项

    随即显示应用程序的项目详细信息页面。

  12. 单击共享按钮。

    “共享”按钮

    随即出现共享窗口,其中包含各种共享选项。 目前,仅应用程序的所有者能够访问该应用程序,但是,您可以更改设置,以与您的组织或所有人(公众)进行共享。

  13. 共享窗口中,单击组织,然后单击保存

    “共享”窗口

    现在已共享该应用程序,以供您组织的其他成员使用。

在本教程中,您创建了一个 web 应用程序,主要显示用户输入的特定位置的信息图表。 您添加了 Business Analyst 微件和其他微件,对其进行了配置,测试了该应用程序,然后发布并共享了该应用程序。 现在,其他人可以使用您的应用程序来查找有关所选医疗机构的医疗保险信息。

您可以在教程库中找到更多教程。