合作伙伴工作台
注册

Web可视化-智能设备监控平台

以智能设备监控平台为例,介绍如何使用在线开发的Web可视化能力实现智能设备的实时数据展示和控制。

1、 创建项目

登陆平台->项目管理->新建项目。

 

2、 创建产品

进入项目详情主页,单击左侧导航栏的产品,新建产品/关联天翼物联网平台(AIoT)— 通用组件服务的产品,具体操作请参见产品管理。

本案例创建产品:智能空调,产品所属分类选择智能城市/环境感知/智能空调。

 

3、 创建设备

进入项目详情主页,单击左侧导航栏的设备,新建设备/关联天翼物联网平台(AIoT)设备

— 通用组件服务的设备,具体操作请参见设备管理。

 

4、 创建Web可视化应用

进入项目详情主页,单击左侧导航栏的主页,新建Web应用。

 

5、 新建页面

进入Web应用->新建页面,对页面导航布局、菜单配置、页面样式进行设置;拖拽相关图形、文字、图片等组件至画布,对组件进行排序、整理,单击组件,在右侧配置样式、大小、颜色、边框等。

 

6、 配置数据源

设备上报的数据可使用多种组件展示,如文字组件、图片组件、实时曲线组件、各种图形组件。配置组件时,需将组件的数据源配置为设备上报的对应数据。

以下示例中,使用了以下组件:

配置文字组件,展示智能设备上报的属性数值(详见下图)。

配置实时曲线组件,用于展示智能设备在一段时间内属性数值的变化。

数据源配置为设备上报的对应属性。如,温度的数据源为智能空调上报的当前温度。

 

7、 页面排版完成后,点击保存,进行预览,查看和验证所有页面。

 

8、 点击发布按钮,下载前端运行包,将应用发布至云端。


这篇文档是否帮助您解决了问题?
如果您愿意进一步帮助我们改进文档 ,请留下您的联系方式。