《工业可视化》课件 任务2.1 设计生产设备监控页面 -任务实施

《工业可视化》/工业互联网系列课程湖南三一工业职业技术学院项目二生产制造的可视化设计任务2.1设计生产设备监控页面>>※任务实施《工业可视化》/工业互联网系列课程目录1.任务分析2.创建项目3.设计标题及设备图4.设计设备运行状态5.设计耗材统计信息6.设计设备能效信息7.设计设备状态演化8.设计设备工况趋势9.预览验证页面效果1.任务分析（1）

任务分析本任务的主要目的是显示单设备的运行工况，以焊接机器人为例，需要包括设备的基本信息，设备能效数据，设备状态信息，设备的生产耗材统计信息，设备状态演化趋势，设备的工况趋势等。具体展示数据和显示组件分析结果如下：展示模块具体内容使用组件数据源设备基本信息设备编号、所属厂房、设备位置、负责人文本组件无设备运行状态运行状态图片组件物模型-设备状态正常/报警图片组件物模型-报警信号耗材统计信息焊丝总量文本组件物模型-焊丝总量焊丝用量文本组件物模型-焊丝用量送丝速度文本组件物模型-送丝速度公司实力总利用率文本组件物模型-总利用率今日开机率文本组件物模型-今日开机率今日作业率文本组件物模型-今日作业率设备状态演化设备状态演化图状态演化图组件数据库-焊接机器人状态演化设备工况趋势焊接电流折线图组件数据库-焊接机器人电流电压任务分析2.创建项目（1）在云视界首页，单击“创建项目”，在弹出来的对话框中，单击“导入项ID”。创建项目2.创建项目导入项目说明：如果导入的项目需要使用物模型的数据源时需要配置“物模型类型”“物模型”“设备id”，否则可无需填写。（2）在“导入项目”弹窗中，输入需要导入的项目ID，当导入其他用户的项目时需要输入授权码，导入自己创建的项目时无需输入授权码；输入自定义的项目名称，本书示例为“焊接机器人运行工况”；模型类型选择“物模型”；本示例的物模型选择“焊接机器人”；在设备ID的下拉框中选择对应需要显示工况的设备；最后单击“导入”即可完成导入项目。2.创建项目（2）创建项目完成后，自动弹出来可视化页面的编辑界面，如图所示。导入项目2.创建项目说明：如果需要使用物模型作为数据源，但是在创建项目时没有配置物模型信息，则也可以在编辑状态下进行整个页面的物模型数据源配置。操作步骤如下：①切换到图层，②选中“焊接机器人工况”页面，③选中“数据源”栏，打开物模型开关，④在“模型”下拉框中选择“焊接机器人”，在“设备”下拉框中选择对应的设备“焊接机器人02”，⑤最后单击“保存”按钮。设计标题3.设计标题及设备图（1）通过把文本组件设计本页面的主标题。可视化页面的标题和设备图片，可以让观看者对本页面展示的主要内容和具体设备一目了然。设计设备图3.设计标题及设备图（2）切换到“素材库”，在“任务2_1”文件夹的图片素材中选择“焊接机器人”图片拖拽至页面中间空白处合适的位置说明：本步骤所示的素材默认已经提前上传，如果还未上传，也可按照任务1.1的操作步骤，自行导入本书配套资源中的“2.1任务图片素材”文件夹中的图片。4.设计设备运行状态本任务设计的设备状态信息，主要是使用图片组件来根据设备实时的运行状态进行变化展示，例如当设备在待机状态，会显示待机图片，当设备处于报警状态，会显示报警图片；使设备操作人员、维修人员、车间管理者看到的信息更直观。

（1）在素材库的“我的素材库→工业可视化课程→任务2_1”文件夹中，找到“状态作业”的图片，拖拽到页面画布区的“设备状态”区域，并通过手动或输入数值调整其尺寸大小。

设置数据源（2）单击切换到图片组件的数据源，打开“物模型”开关，注意此时图片组件的图片无法显示，待数据源设置完毕保存，刷新后会正常显示图标；数据源选择“采集点数据”，单击取值后的“+”图标，在下拉框中选择“N设备状态”。4.设计设备运行状态设置数据源（3）单击判断条件的“+”，生成3个条件判断，并把我的素材库中对应的图片拖拽到条件图片框中；当设备状态采集到的值为1时，显示作业图片；当设备状态采集到的值为2时，显示待机图片；当设备状态采集到的值为3时，显示停机图片。4.设计设备运行状态设置数据源（4）数据源设置完成后，单击“保存当前页”标签，接着单击“刷新”标签，即可看到图片组件的图片会重新显示。4.设计设备运行状态设置数据源（4）数据源设置完成后，单击“保存当前页”标签，接着单击“刷新”标签，即可看到图片组件的图片会重新显示。4.设计设备运行状态设置数据源（5）重复前面的操作步骤，设计生产设备是否正常状态还是报警状态。4.设计设备运行状态4.设计设备运行状态其数据源配置如图所示：5.设计耗材统计信息耗材统计显示区域中，文本组件的属性已经配置完成。现在需要配置其数据源，使页面上显示焊丝总量、焊丝用量、送丝速度的数值，以便设备操作技术员和车间管理者能实时查看到设备的耗材信息。（1）选中焊材统计区域中，焊丝总量后的文本组件，切换到数据源。打开数据源后的物模型开关按钮；选择采集点数据；取值选择“焊丝总量”，即焊接机器人物模型的“焊丝总量”属性；鼠标移动到焊丝总量处，会浮现“编辑、配置、删除”的图标；单击中间的配置图标，在弹框中配置数据的格式，最后单击确定按钮完成配置。完成文本组件的数据源配置好，记得及时保存。设置焊丝总量数据源设置焊丝总量数据源5.设计耗材统计信息说明：取值配置可根据实际需求进行配置数值格式、小数位数、单位后缀、是否显示千分符等，本示例仅做参考。设置焊丝用量数据源（2）按照焊丝总量的文本组件数据源配置操作，同样配置焊丝用量的文本组件数据源5.设计耗材统计信息设置送丝速度数据源（3）按照焊丝总量的文本组件数据源配置操作，同样配置送丝速度的文本组件数据源。5.设计耗材统计信息6.设计设备能效信息设备能效显示区域中，文本组件的属性已经配置完成。现在需要配置其数据源，使页面上显示总利用率、今日开机率、今日作业率的数值，以便设备操作技术员和车间管理者能实时查看到设备效率信息。

（1）切换到选中设备能效区域，选中总利用率后的文本组件，配置其数据源如图所示。设置数据源（2）按照总利用率的文本组件数据源配置操作，同样配置今日开机率、今日作业率的文本组件数据源。6.设计设备能效信息用状态演化图来设计表现设备的状态在某一时间段的变化趋势，可以了解该生产设备在这个时间段内，其状态是否合理。

（1）在左侧导航栏中单击“图表组件”，鼠标滚轮下滑找到关系图中的“状态演化图”组件；把状态演化图拖拽至“设备状态演化图”区域合适的位置；通过设置尺寸数值或者拖动调整组件的大小。7.设计设备状态演化设置数据源（2）“状态演化图”组件在选中状态下，切换到“数据源”；在数据源下拉框中选择“焊接机器人状态演化”；单击“维度”选项中的“+”图标，在下拉框中选择“日期”；单击“度量”选项中的“+”图标，在下拉框中选择“状态”。7.设计设备状态演化设置状态（3）单击“状态设置”选项中的“+”，生成状态三个状态，分别为“作业、待机、停机”。7.设计设备状态演化7.设计设备状态演化状态1状态名称作业对应名称1状态颜色#42CA8301（仅供参考）状态2状态名称待机对应名称2状态颜色#FFF36301（仅供参考）状态3状态名称停机对应名称3状态颜色#C6C4C4（仅供参考）说明：本表中的状态名称和对应名称，作为示例参考，实际项目需要按照工业大数据工程师给出的定义来填写。比如也有些工程师把停机状态赋值为0，作业状态赋值为1，待机状态赋值为2，故障状态赋值为3。设置折线图（1）在左侧导航栏中的图表组件找到折线图组件；把折线图组件拖拽至“焊接工况”区域合适的位置；通过设置尺寸值或者拖动设置该组件的大小。8.设计设备工况趋势①数据源：本示例选择“焊接机器人电流电压”，此数据为保存在数据库中的焊接机器人工况的数据，记录了时间、焊接电流、焊接电压的数据；②维度：单击“维度”选项中的“+”图标，在下拉框中选择“日期”，维度即为折线图的x轴；③度量：单击“度量”选项中的“+”图标，在下拉框中选择“N电流”和“N电压”，度量即为折线图的y轴；设置折线图数据源（2）在选中折线图组件状态下，切换到数据源配置页面。8.设计设备工况趋势数据源：本示例选择“焊接机器人电流电压”，此数据为保存在数据库中的焊接机器人工况的数据，记录了时间、焊接电流、焊接电压的数据；维度：单击“维度”选项中的“+”图标，在下拉框中选择“日期”，维度即为折线图的x轴；度量：单击“度量”选项中的“+”图标，在下拉框中选择“N电流”和“N电压”，度量即为折线图的y轴；最后单击“保存当前页”标签，然后单击“刷新”按钮完成设置。设置折线图数据源8.设计设备工况趋势属性配置（3）配置完成数据源之后，选中折线图的情况下切换为属性配置，在时间格式下拉框中，选择“小时”（一般情况下需要查看的设备工况都是在较短时间段的变化趋势，如小时内查找异常问题，因此设置显示为小时，而不是日或月或年）；为了页面的不显得内容拥挤，可以把图表选项的部分内容不勾选，数值的颜色可以根据审美偏好进行修改。8.