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

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

创建空白 web 体验

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

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

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

  2. 单击内容选项卡,然后单击创建应用程序

    “创建应用程序”按钮

  3. 选择 Experience Builder

    Experience Builder 选项

  4. 在主页上,单击新建

    “新建”按钮

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

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

    Blank fullscreen 模板

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

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

    默认标题可能会有所不同。

    重命名的应用程序

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

向应用程序添加微件

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

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

    正在将微件拖动到画布上

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

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

    “预设”模式

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

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

    正在将“地图”微件拖动到画布上

  4. 页面元素部分中,将文本微件拖动到画布上。
  5. 排列文本地图微件,使其具有相同的宽度并占据左侧画布的大约三分之一。 调整 Business Analyst 微件的大小以使用画布上的剩余空间。

    应用程序布局

    现在,应用程序的外观实现平衡。 您可以随时修改微件的位置,但目前看起来不错。

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


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

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

注:

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

配置微件

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

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

    随即出现 Business Analyst 窗格。 在此窗格中,您可以根据自己的喜好来配置该微件。

  2. 选择一个地图微件下拉菜单中,选择地图

    “地图”选项

  3. 位置设置下,确保选择美国并单击设置位置

    “设置位置”按钮

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

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

    地址搜索结果

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

  5. Business Analyst 微件窗格中,单击设置缓冲区

    “设置缓冲区”选项

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

  6. 设置缓冲区窗格中,单击行驶时间,然后单击应用

    “行驶时间”缓冲区选项

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

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

    “选择信息图表”选项

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

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

    信息图表下拉列表

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

    示例信息图表

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

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

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

  10. 文本微件中,高亮显示该文本。 在文本窗格中,将字体大小更改为 28 px,单击粗体按钮,然后单击居中按钮以将文本居中对齐。

    文本设置

    在画布上,文本会更新。

    微件中已更新的文本

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

    “保存”按钮

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

发布和共享应用程序

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

  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. 在功能区上,单击更多按钮并选择查看已发布的项目

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

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

  6. 可以通过搜索医疗机构来测试该应用程序。
  7. 返回到您的应用程序处于编辑模式的另一个 web 浏览器选项卡。
  8. 在功能区上,单击更多按钮并选择复制已发布的项目链接

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

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

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

    “更改共享设置”选项

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

  10. 单击共享按钮。

    “共享”按钮

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

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

    与组织共享。

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

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

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