集成电路生产线监控系统的可视化配置方法
【专利摘要】本发明公开集成电路生产线监控系统的可视化配置方法，包括实时监管集成电路生产线部分，所述实时监管集成电路生产线部分是指通过串口通信方式实现与设备的连接，获取设备实时生产状态，将其显示在web页面上的功能。所述的可视化配置方法包括以下步骤：步骤1，构建图形结构体，图形结构体分为图形编辑工具栏与图形编辑区域两个部分；步骤2，定义拖拽动作中选中、拖动、放置的事件；步骤3，可视化配置，关联页面端的图形元素与实际设备；步骤4，获取设备实时状态，实时更新页面显示信息。本发明方法将设备组态以拖拽的方式实现，具有操作方便、速度快、显示更直观等特点。
【专利说明】集成电路生产线监控系统的可视化配置方法
【技术领域】
[0001] 本发明涉及页面组态方法，具体说是集成电路生产线监控系统的可视化配置方 法。
【背景技术】
[0002] 在工业自动化生产中，广泛应用web技术实现对现场设备的远程监控。通过对现 场数据的采集处理，以图形显示、报警处理、流程控制和报表输出等多种方式向用户提供实 际工程问题的解决方案。组态环境和运行环境构成完整的远程监控系统，用户可以在组态 环境中根据实际生产线需要设计构造工业流程，将组态好的工程通过串口或以太网下载到 下位机的运行环境中，现场设备就会按照组态工程设计完成设计目标和功能。传统的组态 方法是通过页面窗口，以设置下拉框、文本框等控件的方式完成的。上述方式操作繁琐，直 观性差，而且容易出错；尤其在复杂的工程组态中，系统的运行效率也会大大降低，影响监 控系统的实时性及有效性。
【发明内容】
[0003] 针对上述技术不足，本发明的目的提供一种快速、直观、易操作的可视化配置方 法。
[0004] 为实现上述目的本发明采用的技术方案是：
[0005] 集成电路生产线监控系统的可视化配置方法，包括实时监管集成电路生产线部 分，所述实时监管集成电路生产线部分是指通过串口通信方式实现与设备的连接，获取设 备实时生产状态，将其显示在web页面上的功能。所述可视化配置是指在web页面通过拖 拽动作编辑图形，将页面上的图形元素与实际设备关联，通过在web页面上对图形元素的 操作实现对实际设备的实时监控。
[0006] 所述的可视化配置方法包括以下步骤：
[0007] 步骤1，构建图形结构体；
[0008] 步骤2,定义拖拽动作中选中、拖动、放置的事件；
[0009] 步骤3,可视化配置，关联页面端的图形元素与实际设备；
[0010] 步骤4,实时监管：获取设备实时状态，实时更新页面显示信息构建图形结构体； 下发控制命令，远程操作生产线上的实际设备。
[0011] 在所述步骤1中，图形结构体分为图形编辑工具栏及图形编辑区域两个部分。图 形编辑工具栏中储存所有图形元素的属性，包括形状、填充颜色、线条颜色、高度及宽度； 图形编辑区域用来放置图形元素，是进行图形编辑，工程组态的场所。
[0012] 在所述步骤2中定义拖拽动作采用如下步骤：
[0013] 步骤a，定义点击事件，以获取选中图形元素的属性；
[0014] 步骤b，定义拖动事件，以监测拖动位置，记忆图形属性；
[0015] 步骤c，定义放置事件，以生成新图形元素。
[0016] 在所述步骤a中，当页面鼠标左键点击时，判断选中是否为已定义图形元素，如果 是则触发点击事件，获取选中图形元素的属性，包括形状、填充颜色、线条颜色、高度及宽 度。
[0017] 在所述步骤b中，当页面鼠标点击选中某图形元素产生位移时，触发拖动事件，实 时侦测当前坐标，记录获取到得图形属性，并在鼠标标识的旁边生成与记录属性相同的图 形。
[0018] 在所述步骤c中，放置事件中实时获取鼠标的当前位置，并在鼠标松开时按照权 利要求4所述步骤b中记录的图形属性生成图形元素。
[0019] 所述步骤3中，可视化配置是指在页面拖拽编辑图形，与实际设备进行数据关联 后，通过查看或操作页面图形实现对实际设备的实时监管。所述数据关联是指将页面上某 一指定图形元素与指定实际设备通过的唯一标识一一对应，该指定图形元素将显示此设备 的现场数据。
[0020] 所述步骤4中，web页面与实际设备的通信是通过串口通信方式实现的，如果与设 备关联成功，则获取该设备实时状态信息，下发控制指令并回传反馈信息。
【专利附图】
【附图说明】
[0021] 图1为本发明可视化配置的流程图；
[0022] 图2为本发明中图形元素与实际设备关联的流程图；
[0023] 图3为本发明中获取实际设备现场数据，实现对现场设备实时监管的流程图。
【具体实施方式】
[0024] 下面结合附图对本发明作进一步详细说明。
[0025] -种集成电路生产线监控系统的可视化配置方法，包括实时监管集成电路生产线 部分，所述实时监管集成电路生产线部分是指通过串口通信方式实现与设备的连接，获取 设备实时生产状态，将其显示在web页面上的功能。所述可视化配置是指在web页面通过 拖拽动作编辑图形，将页面上的图形元素与实际设备关联，通过在web页面上对图形元素 的操作实现对实际设备的实时监控。
[0026] 所述的可视化配置的方法，包括以下步骤：
[0027] 步骤1，构建图形结构体；
[0028] 步骤2,定义拖拽动作中选中、拖动、放置的事件；
[0029] 步骤3,可视化配置，关联页面端的图形元素与实际设备；
[0030] 步骤4,实时监管：获取设备实时状态，实时更新页面显示信息构建图形结构体； 下发控制命令，远程操作生产线上的实际设备。
[0031] 在所述步骤1中，图形结构体分为图形编辑工具栏及图形编辑区域两个部分。图 形编辑工具栏中储存所有图形元素的属性，包括形状、填充颜色、线条颜色、高度及宽度；图 形编辑区域用来放置图形元素，是进行图形编辑，工程组态的场所。
[0032] 在所述步骤2中定义拖拽动作采用如下步骤：
[0033] 步骤a，定义点击事件，以获取选中图形元素的属性；
[0034] 步骤b，定义拖动事件，以监测拖动位置，记忆图形属性；
[0035] 步骤c，定义放置事件，以生成新图形元素。
[0036] 在所述步骤a中，当页面鼠标左键点击时，判断选中是否为已定义图形元素，如果 是则触发点击事件，获取选中图形元素的属性，包括形状、填充颜色、线条颜色、高度及宽 度。
[0037] 在所述步骤b中，当页面鼠标点击选中某图形元素产生位移时，触发拖动事件，实 时侦测当前坐标，记录获取到得图形属性，并在鼠标标识的旁边生成与记录属性相同的图 形。
[0038] 在所述步骤c中，放置事件中实时获取鼠标的当前位置，并在鼠标松开时按照权 利要求4所述步骤b中记录的图形属性生成图形元素。
[0039] 所述步骤3中，可视化配置是指在页面拖拽编辑图形，与实际设备进行数据关联 后，通过查看或操作页面图形实现对实际设备的实时监管。所述数据关联是指将页面上某 一指定图形元素与指定实际设备通过的唯一标识一一对应，该指定图形元素将显示此设备 的现场数据。
[0040] 所述步骤4中，web页面与实际设备的通信是通过串口通信方式实现的，如果与设 备关联成功，则获取该设备实时状态信息，下发控制指令并回传反馈信息。
[0041] 如图1所示，可视化配置流程如下。
[0042] 构建图形结构体；
[0043] 定义拖拽事件；
[0044] 页面图形元素与实际设备关联；
[0045] 如果图形元素与实际设备关联不成功，报告错误并退出；
[0046] 如果图形元素与实际设备关联成功，则获取关联设备的实时数据，下发操作指 令；
[0047] 页面实时更新显示关联设备的现场数据，以及控制指令的反馈信息。
[0048] 如图2所示，图形元素与实际设备关联包括以下流程：
[0049] 分别获取指定图形元素与设备的唯一标识；
[0050] 为页面上指定图形元素定义数据关联属性及实时数据属性；
[0051] 如果确认数据关联页面返回否定，弹出提示信息并退出；
[0052] 如果确认数据关联页面返回肯定，则将设备标识及实时数据分别写入图形元素的 数据关联属性及实时数据属性。
[0053] 如图3所示，所述的获取实际设备现场数据并实时显示的流程如下：
[0054] 实现web端与实际设备的通信；
[0055] 获取设备现场数据；
[0056] 设定并开始计时器，并启动计时，通过设定计时周期来控制获取现场数据的实时 性；
[0057] 更新页面与实际设备关联的图形元素的显示信息；
[0058] 如果计时器停止计时，则读取设备现场数据，并重启计时器。
【权利要求】
1. 集成电路生产线监控系统的可视化配置方法，包括实时监管集成电路生产线部分， 其特征在于： 所述实时监管集成电路生产线部分是指通过串口通信技术实现与设备通信，获取设备 状态，下发控制命令的功能，所述可视化配置是指在页面通过拖拽动作编辑图形，将页面上 的图形元素与实际设备关联，通过在web页面上对图形元素的操作实现对实际设备的实时 监控通过操作页面图形关联实际设备的方法。
2. 按照权利要求1所述的集成电路生产线监控系统的可视化配置方法，其特征在于： 该方法包括以下步骤： 步骤1，构建图形结构体； 步骤2,定义拖拽动作中选中、拖动、放置的事件； 步骤3,可视化配置，关联页面端的图形元素与实际设备； 步骤4,实时监管：获取设备实时状态，实时更新页面显示信息构建图形结构体；下发 控制命令，远程操作生产线上的实际设备。
3. 按照权利要求1所述的集成电路生产线监控系统的可视化配置方法，其特征在于： 在所述步骤1中，图形结构体分为图形编辑工具栏及图形编辑区域两个部分。图形编 辑工具栏中储存所有图形元素的属性，包括形状、填充颜色、线条颜色、高度及宽度；图形编 辑区域用来放置图形元素，是进行图形编辑，工程组态的场所。
4. 按照权利要求2所述的集成电路生产线监控系统的可视化配置方法，其特征在于： 在所述步骤2中定义拖拽动作采用如下步骤： 步骤a，定义点击事件，以获取选中图形元素的属性； 步骤b，定义拖动事件，以监测拖动位置，记忆图形属性； 步骤c，定义放置事件，以生成新图形元素。
5. 按照权利要求4所述的集成电路生产线监控系统的可视化配置方法，其特征在于： 在所述步骤a中，当页面鼠标左键点击时，判断选中是否为已定义图形元素，如果是则 触发点击事件，获取选中图形元素的属性，包括形状、填充颜色、线条颜色、高度及宽度。
6. 按照权利要求4所述的集成电路生产线监控系统的可视化配置方法，其特征在于： 在所述步骤b中，当页面鼠标点击选中某图形元素产生位移时，触发拖动事件，实时侦 测当前坐标，记录获取到得图形属性，并在鼠标标识的旁边生成与记录属性相同的图形。
7. 按照权利要求4所述的集成电路生产线监控系统的可视化配置方法，其特征在于： 在所述步骤c中，放置事件中实时获取鼠标的当前位置，并在鼠标松开时按照权利要 求4所述步骤b中记录的图形属性生成图形元素。
8. 按照权利要求2所述的集成电路生产线监控系统的可视化配置方法，其特征在于： 所述步骤3中，可视化配置是指在页面拖拽编辑图形，与实际设备进行数据关联后，通 过查看或操作页面图形实现对实际设备的实时监管；所述数据关联是指将页面上某一指定 图形元素与指定实际设备通过的唯一标识一一对应，该指定图形元素将显示此设备的现场 数据。
9. 按照权利要求2所述的集成电路生产线监控系统的可视化配置方法，其特征在于： 所述步骤4中，web页面与实际设备的通信是通过串口通信方式实现的，如果与设备关 联成功，则获取该设备实时状态信息，下发控制指令并回传反馈信息。
【文档编号】G06F13/10GK104142897SQ201310164523
【公开日】2014年11月12日 申请日期:2013年5月6日 优先权日:2013年5月6日
【发明者】王宏, 马秀丽, 林跃, 康凯, 姬小兵 申请人:沈阳中科博微自动化技术有限公司