创建无需编码的 311 应用程序

以下步骤概述了如何根据可配置模板创建应用程序。 在本课程中,您将使用并定制模板,以便为 Cilantro 市生成 311 应用程序。

  • 选择模板。
  • 更改设置。
  • 在设备上进行测试。
  • 生成安装文件。
  • 发布到首选商店。

注:

311 是许多美国和加拿大社区支持的非紧急电话号码。 公民可以拨打此号码以访问各种城市服务,投诉或报告非紧急社区问题,例如废弃车辆、涂鸦或道路损坏。 在世界范围内,地方政府向其公民提供相同的服务,但通常没有标准化的号码。

创建应用程序

Cilantro 市为您提供包含一个点的要素图层和一个表示 Cilantro 311 城市服务的折线图层。 您将使用 AppStudio Quick Report 模板以创建跨平台的移动应用程序。

注:

当您要创建数据采集应用程序时,Quick Report 模板是您的理想之选。 您可使用 Quick Report 模板捕获观测点并将其提交到在线图层。 您可以使用图表、颜色和启动画面图像来添加自己的标识。 许多城市已基于 Quick Report 模板创建了 311 移动应用程序。

首先,如有必要,您需下载并安装 AppStudio 以及一些 Cilantro 市的徽标和图标。 然后,您将使用 Quick Report 模板创建应用程序。

  1. 下载 Cilantro-City-Branding zip 文件。
  2. Cilantro-City-Branding.zip 的内容提取至您选择的位置(例如 C:\Cilantro-City)。
  3. 打开 AppStudio
    注:

    如果您没有 AppStudio,则可以从 ArcGIS AppStudio 资源页面免费下载。 下载完成后,单击文件以启动安装向导。 按照向导的说明安装应用程序。

  4. AppStudio 应用程序功能区上,单击登录
  5. 登录窗格中,选择登录

    “登录”选项

  6. 使用授权用户帐户登录 ArcGIS 组织帐户ArcGIS Enterprise
    注:

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

  7. AppStudio 应用程序中,单击新建应用程序

    “新建应用程序”按钮

    新建应用程序窗口随即出现,并在功能区中的选项卡下显示组织有序的各种即用型应用程序模板。

  8. 新建应用程序窗口中,单击模板选项卡,然后选择 Quick Report 模板。

    Quick Report 模版

    注:

    模板名称可以将版本号显示为名称的一部分。 另外,当您选择模板时,在窗口的右侧将显示摘要以及用例和模板设置的描述。

  9. 在侧窗格中,单击创建按钮。

    已使用该模板创建一个新的 Quick Report 应用程序。 该应用程序已添加至可用应用程序的列表。 可能显示由组织的其他成员创建的应用程序。 但是,如果这是您首次使用 AppStudio,则其将为唯一的应用程序。选择新的应用程序后,查看右侧窗格,该窗格将提供有关该应用程序的其他信息。

  10. 如有必要,在应用程序列表中,单击新的 Quick Report 应用程序以将其选中。 在侧窗格中,单击编辑标题按钮。

    编辑应用程序名称。

  11. 对于标题,输入 Cilantro 311,然后单击保存更改按钮以更新应用程序标题。

自定义应用程序

您的 Cilantro 311 应用程序的设计应清楚地代表您的组织以及应用程序的使用和功能。 要增加应用程序的视觉感染力和信息价值,您接下来需要通过添加描述、城市颜色、徽标和标识来更改外观。

  1. 在应用程序列表中,确认已选择您的 Cilantro 311 应用,然后单击侧窗格中的设置按钮。

    随即显示 AppStudio 设置窗口。 根据需要重新定位窗口。 请勿关闭父 AppStudio 应用程序窗口。

    选择“设置”。

    AppStudio 设置窗口中,您将更改和更新应用程序缩略图。

  2. 详细信息窗格中,单击代表应用程序缩略图的图标。

    更改缩略图。

    随即显示一个浏览器窗口。

  3. 在浏览器窗口中,浏览到包含您提取的 Cilantro-City-Branding 内容的文件夹。 双击 thumbnail-cilantro311 图片。
  4. 随即显示一个对话框,说明此图像的副本将替换当前缩略图。 单击以确认替换。

    详细信息窗格使用城市徽标更新 Cilantro 311 应用程序缩略图。

  5. 详细信息窗格中,对于摘要,输入 Report issues to the city easily and quickly
  6. 对于描述输入此应用程序允许公民向 Cilantro 市简单快捷地请求非紧急社区 311 服务,例如涂鸦清除、路灯维修和树木维护等。

    接下来,您将添加一个图标,以在智能手机和其他可能部署该应用程序的设备上识别并标识该应用程序。

  7. AppStudio 设置窗口中,单击资源选项卡。
  8. 资源窗格中,对于应用程序图标,单击图像。

    更改图标。

  9. 在浏览器窗口中,找到包含您提取的 Cilantro-City-Branding 内容的文件夹。 双击 Icon-cilantro311 图片。
  10. 在消息窗口中,单击以将图像文件复制到应用程序的工程文件夹。

    图标随即进行更新。 接下来,您将添加背景图像。

  11. AppStudio 设置窗口中,单击属性选项卡。

    QuickReport 属性窗格随即出现。

  12. 找到并查看窗格中的启动屏幕表单颜色其他属性选项卡。
  13. 启动屏幕选项卡上,对于背景图像,单击默认(森林火灾)背景图像。

    更改背景图像。

  14. 在浏览器窗口中,找到包含您提取的 Cilantro-City-Branding 内容的文件夹。 双击 background-cilantro311 图片。
  15. 如果您收到一条消息,询问您是否要将图像复制到应用程序的文件夹,请单击

    QuickReport 属性窗格中,启动屏幕背景图像将更新以反映 cilantro 311 应用程序的更新标识。

  16. 启动屏幕选项卡上,滚动并定位显示徽标属性,然后单击显示徽标按钮以关闭徽标。

    “显示徽标”设置

  17. 您可能需要自行更新页脚链接并添加电话号码、网站详细信息以及其他联系人详细信息(例如电子邮件地址)。
  18. AppStudio 设置窗口的底部,单击应用以保存更改。

    随即显示一个绿色的消息框确认您的设置已成功应用。

    Cilantro 市为您提供包含一个点的要素图层和一个表示 Cilantro 311 城市服务的折线图层。 接下来,您需将要素图层添加到应用程序。

添加数据

由于 Cilantro 市为您提供了将在 311 移动应用程序中用于采集信息的要素图层,因此您无需创建新的要素图层。 该要素图层(更具体地说,是在要素图层的设计和创建过程中使用的模板)十分重要是因为 Quick Report 应用程序将使用它来构建选择和选项,公民将使用这些选项报告和提交非紧急社区 311 请求。

  1. QuickReport 属性窗格中,找到并单击表单选项卡。

    “表单”选项卡

    注:

    要素服务(更常称为要素图层)允许组织通过 Internet 提供要素,并提供显示要素时所使用的特定符号系统。 此外,它们提供了可用于增强编辑体验的模板,用户可以在其中执行查询以查找和更新现有要素并添加新要素。 所有更新都将应用到服务器,并可供要素图层的用户使用。

  2. 表单窗格中,找到并查看要素服务地址属性。
    注:

    您的 Quick Report 应用程序将使用要素图层及其图层和设置作为构建应用程序报告详细信息的模板。 例如,您可能有一个街道要素图层,用于采集邻域内的街道标志信息。 每个现有的或由您新捕获并存储在图层中的街道标志要素都可能包括多个属性,您可使用这些属性更新和捕获标志状况(包括标志的图片)并报告与街道标志相关的投诉。

  3. 要素服务地址属性中,将默认地址替换为以下 URL:
    https://services2.arcgis.com/j80Jz20at6Bi0thr/arcgis/rest/services/Cilantro/FeatureServer

    要素服务地址

    注:

    要查找托管要素服务地址,请在 ArcGIS OnlineArcGIS Enterprise 中打开托管要素服务图层项目。 向下滚动至 URL 部分,然后单击复制按钮以复制地址。

    复制要素服务 URL。

  4. 对于要素服务的图层 ID,键入 0,1

    Cilantro 市的要素图层 ID 将识别以下内容:

    • 0 代表采集涂鸦、路灯、垃圾或标志问题的点要素
    • 1 代表采集街道或人行道问题的折线

    要素服务或要素图层可以由组成服务的多个图层组成。 在引用应用程序中的特定图层时,您需要输入图层 ID 以识别您的应用程序将访问和使用的图层。 图层 ID 从 0 开始编号,因此,如果要素图层由五个图层组成,而您使用三个图层,则图层 ID 列表可能为 0、3、4,表示您正在引用服务中的第一个、第四个和第五个图层。

    注:

    您可以在 ArcGIS REST 服务目录中查看和识别要素服务图层 ID,以及图层名称和要素类型(点、折线或面)。

接下来,您将在生成安装文件之前完成应用程序标识配置。

添加标识颜色

更改和更新应用程序的颜色,以使其与 311 移动应用程序的徽标和图标所使用的颜色匹配。

  1. QuickReport 属性窗格中,单击颜色选项卡。
  2. 对于页眉背景颜色,键入 #f15a24,然后按 Enter 键。 对于按钮颜色的彩色十六进制代码,输入 #f15a24,然后按 Enter 键。

    更新标识颜色

  3. AppStudio 设置窗口的底部,单击应用

    随即显示一个绿色的消息框确认您的设置已成功应用。

    接下来,您将为 ArcGIS Runtime 设置许可。 未获得许可的应用程序将显示带水印的地图。 对于此应用程序,您将选择免费的 Lite 许可。

  4. AppStudio 设置窗口的左侧窗格中,找到并选择许可选项卡。
  5. 许可窗格的 ArcGIS Runtime 许可下,对于许可密匙,单击设置 Lite 许可

    “设置 Lite 许可”按钮

    许可密钥对话框随即更新并显示有效的许可密钥令牌。

  6. AppStudio 设置窗口的底部,单击应用,然后关闭窗口。

测试您的应用程序

接下来,您将测试您的应用程序。首先,您将在桌面应用程序中对其进行测试。 然后,您可以选择在移动设备上对其进行测试。

  1. AppStudio 窗口中,确认已选择 Cilantro 311 应用程序。
  2. 在侧窗格中,单击运行

    “运行”按钮

  3. 随即在新窗口中打开 Cilantro 311 应用程序。

    运行该应用程序。

  4. 请自行测试 Cilantro 311 应用程序的功能。
    • 单击新建并生成关于废弃车辆、新涂鸦或道路损坏的新报告。
    • 使用下一步按钮以浏览各种应用程序选项。
    • 添加位置窗格中,移动地图以优化报告的位置。
    • 完成操作后,关闭应用程序。

    “添加位置”页面上的 Web 地图

    接下来,您可以上传应用程序并与社区共享。

  5. AppStudio 窗口中,确认已选择 Cilantro 311 应用程序,然后单击上传按钮。

    “上传”按钮

  6. AppStudio 上传窗口中,对于共享选项,单击我的组织,然后单击 + 上传按钮。

    随即显示绿色的上传成功消息以确认您的应用程序已成功上传,现可供社区成员下载和安装。

  7. 关闭 AppStudio 上传窗口。

    接下来,您可以选择在移动设备上安装 AppStudio Player,或通过安装 AppStudio Player 桌面版在桌面上测试应用程序。 以下内容说明了桌面安装的步骤,随后是针对移动设备的可选步骤。

    注:

    如果您的桌面上未安装 AppStudio Player,则可以从 ArcGIS AppStudio 资源页面进行下载。 下载完成后,单击文件以启动安装向导。 按照向导的说明安装应用程序。

    要在移动设备上安装 AppStudio Player,可以从 Microsoft StoreGoogle PlayApp Store 免费下载。 在您的移动设备上,按照指示完成安装。

  8. 在桌面或移动设备上,启动 AppStudio Player。 单击登录并登录到您的 ArcGIS 帐户,然后选择 Cilantro 311 应用程序。
    注:

    AppStudio Player 中,您可以使用 ArcGIS OnlineArcGIS Enterprise 帐户进行登录。

  9. AppStudio Player 中,下载您的应用程序并对其进行测试,方法为添加新报告或采集点或线以标识报告位置。

使用 ArcGIS AppStudio Developer Edition,开发人员可以创建一个应用程序安装文件,以允许将该应用程序发布到商店。 以下可选部分说明了执行此操作的步骤。

创建应用程序安装文件(可选)

如果您拥有 ArcGIS AppStudio Developer Edition 许可(通过购买 ArcGIS Developer Subscription Builder 级别及以上获得),则可以创建应用程序安装文件。 在本部分中,您将创建一个应用程序安装文件,针对 Android.apk 文件,针对 Windows.exe 文件。

注:

您将需要 Apple Developer 许可才能创建用于 iOS 设备的应用程序安装文件 .ipa

  1. AppStudio 的侧面板上,单击设置
  2. AppStudio 设置窗口中,单击平台 > Android。 对于包名称,请提供一个名称,例如 com.companyname.myapp
    注:

    程序包的命名应遵循一个约定,即标准程序包名称中包含您的组织或公司名称。

    指定 Android 包名称。

  3. 单击应用
  4. 关闭 AppStudio 设置窗口。
  5. AppStudio 中,确认已选择该应用程序,然后在侧窗格中单击构建

    选择构建工具。

    随即出现构建窗口。

  6. 对于云端构建,单击选择

    选择“云端构建”

  7. 云端构建配置窗口中,对于选择目标平台,在 Android 列中,选中 ARMv8(64 位)复选框,然后在 Windows 列中,选中 64 位复选框。

    云端配置

  8. 单击分析构建,然后单击请求构建

    随即显示构建状态窗口。

    AppStudio 云服务需要几分钟来创建应用程序安装文件。 构建请求完成后,您将收到一封包含下载和安装说明的电子邮件。

  9. 构建状态窗口中,单击 https://appstudio-ota.arcgis.com/,然后使用您的 ArcGIS 帐户进行登录。

    下载链接

    注:

    您也可以选择在 https://appstudio.arcgis.com/ 的应用程序控制台页面扫描安装文件的 QR 码。

  10. 单击安装,然后在您的设备上下载并安装应用程序。

    “安装”按钮

在本课程中,您将 ArcGIS AppStudio 和即用型可配置模板配合使用,为 Cilantro 市创建并部署一个移动应用程序,使公民可以提交非紧急社区 311 请求,例如涂鸦清除、路灯维修和树木维护。 开发这款支持多平台运行的应用程序的过程无需编写任何代码,并且可以将此应用程序在组织中共享或与公众共享。 可选步骤说明了如何在各种移动平台上安装 AppStudio Player 以及如何创建应用程序安装文件。

有关详细信息,请查看以下内容: