HarmonyOS应用开发实战 课件《智慧工厂》App实战开发-任务08.实操.实现物品监测可视化.pptx

《智慧工厂》App实战开发任务8实现物品监测可视化

任务描述本任务完成使用UWB定位模块监测物品的保管范围，将UWB定位标签绑定在物品上，在物品监测页面显示物品的当前位置，实现物品监测可视化。

任务能力目标能使用ArkTS组件编写物品监测页面；能了解UWB高精度定位模块的组成；能了解UWB定位模块中的坐标点；能通过MQTTBox模拟UWB定位设备向ThingsBoard发送遥测数据；App能从ThingsBoard获取UWB定位的遥测数据；能实现物品监测数据可视化。

分析UWB定位模块中的坐标发送模拟的UWB遥测数据封装UWB设备的数据实体类任务实施-步骤TaskImplementationSteps010203获取UWB设备的遥测数据04封装执行器实体类展示UWB的数据实现物品监测可视化050607验证08

01分析UWB定位模块中的坐标

分析UWB定位模块中的坐标通过部署的UWB定位模块中的4个UWB节点之间的宽和高的距离，可以得知物品的安全监测范围。

分析UWB定位模块中的坐标4个UWB节点通过UWB定位技术,获取到它们距离被监管物品的4个直线距离（r0,r1,r2,r3），经过UWB定位模块的解算后，计算出被监管物品的X轴和Y轴的坐标值。X轴和Y轴的坐标分别显示为bestx和besty。

分析UWB定位模块中的坐标经过UWB定位模块的解算后，与定位有关的数据有6个，分别是bestx、besty、r0、r1、r2和r3，这6个数据组成了物品的当前坐标数据，同时，定位解算是否成功的状态值也用status进行记录。{value:{\bestx\:171.315,\besty\:101.478,\r0\:199,\r1\:115,\r2\:77,\r3\:141,\status\:0}}

02发送模拟的UWB遥测数据

发送模拟的UWB遥测数据使用MQTTBox软件，向ThingsBoard发送模拟的UWB定位需要的6个遥测数据。{value:{\bestx\:171.315,\besty\:101.478,\r0\:199,\r1\:115,\r2\:77,\r3\:141,\status\:0}}

03封装UWB设备的数据实体类

封装UWB设备的数据实体类在App上，需要获取被监管物品的X轴和Y轴坐标点以及设备的状态，为了方便操作，需要将从ThingsBoard上获取到的UWB定位的数据封装成对象，因此需要封装UWB设备的数据实体类。

04获取UWB设备的遥测数据

获取UWB设备的遥测数据在viewmodel目录下新建UWBSensorViewModel类，进行UWB设备信息的数据初始化、使用HttpUtil工具类提供的方法和与ThingsBoard交互数据的方法，从ThingsBoard获取UWB设备的遥测数据，并将获取到的数据存放到集合中。

05封装执行器实体类

封装执行器实体类当被监管的物品超出设定的安全范围时，需要使用执行器开启相关的告警提示，先定义相关的执行器实体类，用于在物品超出监控范围时先进行提示。。

06展示UWB的数据

展示UWB的数据由于UWB设备在定位坐标系上仅显示为坐标点，为了形象的描述物品的监控，将被监管的物品模拟变大，因此有了物品的宽度与高度。

展示UWB的数据在view目录下新建UWBSensor组件，用于展示UWB的数据。在UWBSensor组件中，显示物品的监测情况，并在一级标题中提供打开设置对话框的图片按钮，用来设置新的安全监测范围。当打开对话框时，将原来设定的物品安全监测范围的宽（setWidth）高（setHeight）传递到对话框的输入框中。

展示UWB的数据当在对话框中设定了新的安全监测范围后，页面按新设定的宽高值重新绘制安全监测范围。

07实现物品监测可视化

实现物品监测可视化在Index.ets主页面，导入与UWB设备相关的组件和类、添加物品监测页数据信息、在组件的生命周期函数aboutToAppear()中添加从ThingsBoard获取UWB数据的代码，并在“物品监测”页签对应的内容子视图里，使用UWBSensor()组件替换原来的Text组件，实现物品监测数据的展示。

08验证

验证使用模拟器运行应用，在“物品监测”内容页，观察物品的显示信息，单击一级标题中的对话框，设置新的安全监测范围后，观察页面的安全监测范围是否有变化。使用MQTTBox向ThingsBoard发送新的模拟的UWB的坐标数据，观察物品的移动是否超出安全监测范围。

任务小结本任务先分析了UWB高精度定位模块的组成，再分析UWB的坐标系，针对设定的安全范围与实际在页面上显示的安全范围进行了分析，让读者理解如何从现实中的物体转化为程序中的表示形式，最后