WebGuiUsers ManualV107.docx
- 文档编号:11873404
- 上传时间:2023-04-08
- 格式:DOCX
- 页数:48
- 大小:14.86MB
WebGuiUsers ManualV107.docx
《WebGuiUsers ManualV107.docx》由会员分享,可在线阅读,更多相关《WebGuiUsers ManualV107.docx(48页珍藏版)》请在冰豆网上搜索。
WebGuiUsersManualV107
GRMWebGUI使用说明书
使用手册V1.1
在安装使用控制器之前,请详细阅读该使用手册!
广州市巨控电子科技有限公司2019/8/15
版权所有,翻印必究
一.软件安装
1安装系统要求
u处理器:
PentiumⅣ1G以上
u内存:
最少512MB以上
u硬盘:
剩余空间1G以上
u显示器:
VGA、SVGA或支持桌面操作系统的任何图形适配器
u操作系统:
Win7/Win10
2安装步骤
◆启动计算机系统。
◆安装过程中,关闭杀毒软件
◆若已经安装旧版本的巨控GRMWebGUI软件,请先卸载旧版本。
◆双击grmwebguidev_XX_.exe运行。
(XX为软件版本号)。
◆点击下一步。
◆选择安装的目录。
◆点击下一步,点击下一步,再下一步完成安装。
二.GRMWebGui软件使用指南
首先我们应该使用GRMDEV配置好GRM模块工程变量下载到GRM模块,完成后使用设备序号和密码登录WWW.YUNPLC.COM,确保网站上看到正确的数据,就可以使用GRMWebGuiDev软件制作画面了。
使用GRMWebGuiDev制作巨控GRMWebGUI工程的一般过程:
1:
新建WEB工程
2:
添加设备,刷新变量
3:
制作画面并建立动画连接
4:
本机仿真运行调试
5:
使用GRMWebGuiDev软件工程打包上传到购买的WebGui账号
6:
使用巨控APP或者浏览器(WWW.YUNPLC.COM)登陆WebGui账号即可
7:
如需修改WebGui账号的密码,可以用Wegbui账号的管理员权限密码登陆
注:
安装GRMWebGuiDev后,点击文件菜单“最近打开的工程”,可以查看实例工程,实例工程存储位置在GrmWebGUIDev\示例工程。
1单设备.新建工程
该案例讲述了最简单的从单个设备获取变量,制作画面的基本过程。
如果有多个设备,类似方法添加多个即可。
1.1新建工程
可选存放工程目录,修改工程名称,功能描述,工程分辨率默认1140*600
◆工程路径:
可选存放工程目录,默认是在C:
\GuiProj。
◆工程名称:
可修改工程名称,默认是工程1
◆工程描述:
可填
◆画面宽度:
默认1140
◆画面高度:
默认600
1.2设备编辑
1.设备属性
◆设备内部名称:
设备在WEBGUI里面的名称,不可重名。
◆设备显示名称:
下一节多设备指针切换时使用,单设备可以忽略不管。
◆设备ID:
是GRM模块上出厂时唯一的ID号,如:
200010000005
◆设备密码:
是指对应GRM模块设备的密码,正常情况使用设备的高优先级密码或下载密码即可看到模块全部变量。
这里输入不同权限的密码,会对应GRMDEV数据词典里面配置变量的权限,比如这里输入中优先级密码,可以看到模块里面的中或者低优先级的变量,看不到高优先级别的变量。
◆启用历史数据功能:
选上会启用数据记录(历史变量需使用GRMDEV软件在模块中配置好,模块需要选购历史数据功能)。
这样才可以使用WegGui的历史数据数据表和历史曲线图。
◆启用历史报警功能:
选上会启用报警记录(报警变量先在GRM模块中配置好)。
◆启用地图功能:
选上后会启用模块的地图显示功能(地图显示先在GRM模块中配置好)
◆设备主页:
指对应进入该GRM设备时的主页面,单设备忽略不管。
◆层次化设备名:
指的是设备导航树和地图显示的名字,单设备可以忽略不管。
2.数据词典
◆从网络刷新:
把GRM设备的数据变量刷新出来,如下图
1.3新建画面
◆名称:
画面名称,可修改
◆注释:
用于对改画面说明。
◆尺寸宽度:
组态画面的宽度,默认是1140。
◆尺寸高度:
组态画面的高度,默认是600。
◆背影色:
画面的背影颜色
◆背影渐进色:
画面的背影的渐进色
◆背景图:
可加载.jpg;.Jpeg;.png;.bmp;格式图片
◆默认设备(空白为工程默认值):
◆画面模板:
可加载
1.4变量绑定
◆变量显示:
如下图,选择文本框-双击变量-选择变量绑定-选择需要绑定的变量
◆变量输入:
如下图,选择文本框-双击变量-选择输入属性-变量输入对话款-选择需要绑定的变量
1.5工程编译-压缩打包上传
◆编译:
工程编译查找错误
◆本地调试运行:
指本地电脑IE运行,操作对远程模块起作用,请在安全情况下用。
◆压缩打包:
工程完成以后打包,上传服务器运行(需要输入购买的WEBGUI账号与登录密码)。
1.6使用手机APP运行工程
◆打开网址:
WWW.YUNPLC.COM
◆可以电脑网页登录,也可以安卓或者苹果手机扫描网址上的二维码,下载APP,使用手机登陆。
◆手机登录方法:
进入APP首页,点击“管理”按钮进入设备管理界面,点击右上的“三个小人”图标添加设备组名。
设备组名输入webgui账号(可以是主账号,子账号及设备组名称,主账号子账号以及账号权限相关内容在本手册第三章有详细说明),再输入对应账号的密码,点击确认。
返回首页,在下拉列表中选择刚创建好的账号,点击登录,即可看到webgui的项目运行画面。
2多设备切换.新建工程
如果某个项目,有多个现场的PLC和模块变量均一致,我们并不需要按上一章的方法,每个模块单独加入变量,然后重复做画面,这样非常浪费时间。
我们可以指定一个设备作为基准设备类型,将该设备作为某个画面的基准设备,然后采用设备指针来切换画面上要显示的变量的设备。
这样可以做到在一个画面上,选择设备,显示不同设备的数据。
本章节示例中我们使用三个变量名完全一样的冷库设备(模块),在同一个画面上,通过切换设备按钮,就可以显示不同设备的“风机延迟”变量,而且可以用文本显示当前切换的设备名。
该案例在GrmWebGUIDev安装目录示例工程文件夹下有提供,工程名为“多设备切换示例”。
2.1新建工程
可选存放工程目录,修改工程名称,功能描述,工程分辨率默认1140*600
◆工程路径:
可选存放工程目录,默认是在C:
\GuiProj。
◆工程名称:
可修改工程名称,默认是工程1
◆工程描述:
可填
◆画面宽度:
默认1140画面高度:
默认600
2.2设备编辑
1.设备属性
◆设备内部名称:
设备在WEBGUI里面的名称,不可重名。
(也就是后面用到的$CFG.IntName)
◆设备显示名称:
设备显示名用于地图上的设备显示或者设备导航树(也就是后面用到的$CFG.Name)
◆设备ID:
是GRM模块上出厂时唯一的ID号,如:
200010000005
◆设备密码:
是指对应GRM模块设备的密码,正常情况使用设备的高优先级密码或下载密码即可看到模块全部变量。
这里输入不同权限的密码,会对应GRMDEV数据词典里面配置变量的权限,比如这里输入中优先级密码,可以看到模块里面的中或者低优先级的变量,看不到高优先级别的变量。
◆启用历史数据功能:
选上会启用数据记录(历史变量需使用GRMDEV软件在模块中配置好,模块需要选购历史数据功能)。
这样才可以使用WegGui的历史数据数据表和历史曲线图。
◆启用历史报警功能:
选上会启用报警记录(报警变量先在GRM模块中配置好)。
◆启用地图功能:
选上后会启用模块的地图显示功能(地图显示先在GRM模块中配置好)
◆设备主页:
指对应进入该GRM设备时的主页面
◆层次化设备名:
用于地图上的设备显示或者设备导航树(是设备显示名的另外一种可选的表示形式,更方便设备分组和分类,也就是后面用到的$CFG.Name)
◆作为该类型设备的基准设备(这是相同变量属性的模块,以这个模块变量为基准变量,建一种类型)
◆设备类型:
指的是把相同模块属性的模块归做一种类型。
系统已经内置了一个默认的设备类型,我们也可以自己编辑,添加设备类型。
正常情况的工程一种设备类型即可,可以无需添加。
在GRMWEBGUI开发环境中,文件菜单-》工程选项菜单里面可以管理工程里面的设备类型,最常见的工程一种类型即可
如下图:
添加了3个GRM模块序号分别是20001000005和20001000014,20001000023,想要实现用在“画面1”上通过设备指针切换来显示3个模块的变量。
则如下图,以GRM2000100005模块作为“默认设备类型”的“基准设备变量”。
此后,在新建画面1的时候选择“默认设备类型”作为该画面的切换类型即可。
2.数据词典
◆从网络刷新:
把GRM设备的数据变量刷新出来,如下图
2.3新建画面
◆名称:
画面名称,可修改
◆注释:
用于对改画面说明。
◆尺寸宽度:
组态画面的宽度,默认是1140。
◆尺寸高度:
组态画面的高度,默认是600。
◆背影色:
画面的背影颜色
◆背影渐进色:
画面的背影的渐进色
◆背景图:
可加载.jpg;.Jpeg;.png;.bmp;格式图片
◆设备类型:
这里要选择我们在该画面上需要切换的设备的类型,因为我们前面建立的设备都是“默认设备类型”所以选择这个即可。
◆画面模板:
可加载一个画面作为模块,这里没用到。
2.1变量绑定,设备切换,和当前设备显示
◆变量绑定:
我们使用一个数码管来显示设备里面的变量“风机延时”,注意这个显示器件和上一章不同,是需要支持运行过程中画面上切换设备,所以绑定变量时要选择可以切换的基准设备$$1:
◆设备切换:
如下图,我们使用一个按钮来切换画面使用的当前设备,就可以改变数码管显示的是哪个设备的“风机延迟”
◆设备显示:
我们使用一个文本来显示切换的当前设备的名字:
2.2工程编译-压缩打包上传
◆编译:
工程编译查找错误
◆本地调试运行:
指本地电脑IE运行,操作对远程模块起作用,请在安全情况下用。
◆压缩打包:
工程完成以后打包,上传服务器运行(需要输入购买的WEBGUI账号与登录密码)。
2.3模拟运行效果
点击切换设备按钮后,切换到肇庆冷库,我们可以看到数码管会显示肇庆冷库对应设备里面的“风机延迟”变量。
而且文本也正确显示了切换后的设备名“广东.肇庆冷库”
点击“切换设备按钮”后,设备会切换到“长沙冷库”,我们可以看到数码管会显示湖南冷库对应设备里面的“风机延迟”变量。
而且文本也正确显示了切换后的设备名“湖南.长沙冷库”
2.4使用手机APP运行工程
◆打开网址:
WWW.YUNPLC.COM
◆可以电脑网页登录,也可以安卓或者苹果手机扫描网址上的二维码,下载APP,使用手机登陆。
◆手机登录方法:
进入APP首页,点击“管理”按钮进入设备管理界面,点击右上的“三个小人”图标添加设备组名。
设备组名选项输入webgui账号(可以是主账号,子账号及设备组名称,主账号子账号以及账号权限相关内容在本手册第三章有详细说明),再输入对应账号的密码,点击确认。
返回首页,在下拉列表中选择刚创建好的账号,点击登录,即可看到webgui的项目运行画面。
3权限和密码管理
3.1WebGui添加模块时使用的密码(对应模块变量权限)
在GRMWebGui软件设备管理器里面,我们需要添加设备的序号和密码,才能使用该模块里面的变量。
巨控模块有4级密码,对应了模块变量的4级密码权限,WebGui设备管理器添加模块使用的是低级密码,那么在GRMDEV软件数据词典里面勾选了中权限的变量,WebGui里面无法使用(刷新变量时也不会看到)。
模块的四级密码和模块里面配置的变量权限关系可以参考模块的使用说明书使用网页监控---模块四级密码功能介绍。
下图是GRMDEV配置模块的时候,变量的权限设置。
WebGui中添加设备时输入的设备密码是整个WebGui工程权限的基础,他决定了对模块变量的使用权限,后面章节所述的权限都依赖该基础上进行。
3.2WebGui主账号密码管理(对应画面元件权限)
登录显示和操作权限,
WebGui主账号4级密码如下:
1:
管理员密码:
具备最高权限,可以下载WebGui工程并修改各级权限密码。
能操作各种权限的元件。
2:
高权限密码:
登录后,可以显示和操作WebGui里面具备高中低权限的元件。
3:
中权限密码:
登录后,可以显示和操作WebGui里面具备中低权限的元件。
4:
低权限密码:
登录后,可以显示和操作WebGui里面具备低权限的元件。
3.3WebGui子账号密码管理(元件权限)
工程商使用GRMWebGui软件配置APP的时候可以分配子账号,每个子账号可以有对应的权限,密码,和启动画面。
这样最终用户可以用主账号.子账号的形式登陆,只具备一定的权限,并直接登录到子账号对应的启动画面。
在GRMWebGui里面,用户可以配置子账号的密码,和该子账号对应的权限。
如下图:
分配的子账号的级别是低,所以当客户用主账号.子账号1登录APP的时候,只能操作WebGui画面元件属性里面显示权限和操作权限为低的元件。
3.4元件输入操作密码
在GRMWebGui里面,用户可以配置操作元件的密码,客户需要操作之前,需要输入正确密码后才能操作。
4萤石云在Webgui上的应用
◆此部分介绍如何使用巨控模块作为路由器供萤石云上网以及如何在巨控WEBGUI软件里面使用萤石云视频插件。
◆巨控模块插入4G手机卡,将萤石云和巨控模块网口连接,可以让萤石云接入网络。
◆客户可以用萤石云免费的APP或者后台查看现场图像。
◆如果使用巨控WEBGUI,也可以将现场数据画面和萤石云图像,配置到一个APP内。
◆WEBGUI为收费功能。
4.1GRM530模块配置LAN口
1:
GRM模块与萤石云视频连接,先设置GRM530模块LAN口IP:
192.168.2.140,如图
2:
打开模块配置软件,工程选项,把使用内置的4G路由器功能选上,把使用内置的DHCP服务器的勾去掉。
3:
打开萤石云视频配置软件,设置萤石云视频的IP上网功能。
请把电脑和萤石云通过网线链接,配置摄像头。
注意:
下图萤石云的IP地址必须与模块的IP在同一网段,如图1(GRM模块的LAN口IP地址是192.168.1.240,则萤石云的IP:
192.168.1.44)。
萤石云网关地址必须与模块的IP地址相同,如图1(模块的LAN口IP地址:
192.168.1.240,萤石云网关地址:
192.168.1.240)。
萤石云的DNS服务器地址必须与模块的IP地址相同,如图2(模块的LAN口IP地址:
192.168.1.240,萤石云DNS服务器地址:
192.168.1.240)。
注:
配置完必须断电重启。
注意:
如果使用了萤石云的WIFI功能配置摄像头,萤石云连上WIFI后,这里的DNS设置可能会被改变,请正式使用时关闭萤石云的WIFI,并确保上图DNS设置正确。
4:
萤石云摄像头的网口直接与GRM模块的LAN口相连,即可上网(GRM模块必须放手机卡)
4.2查看萤石云摄像头的直播ID,配置与Webgui软件相连。
1:
进入萤石云管理网站:
,右边有登录
2:
进入登录界面,输入萤石云站号和密码
3:
进入个人用户中心
4:
点击我的设备,直播地址
5:
复制下图直播原地址ID(红色框框内,不包含/前面和点的后面,不包括/和点)
6:
打开巨控WEbGUI软件,点击网络摄像头,画到指定地方。
7:
点击视频控件,把上面第5步复制的直播原地址ID(红色框框内)粘贴如下图
三.GUI设备组的介绍和使用
GUI设备组是针对多GUI项目设立的一个拓展功能,便于大批量模块及GUI界面的规划和管理。
需要此功能的用户可直接向巨控免费申请。
使用申请好的设备组名及密码,可直接从WWW.YUNPLC.COM登录进行组态。
(如下图)
1设备组管理
1.1基本信息
登录成功后,点击左侧树形菜单的第一项,设备组管理,填写基本信息。
(如下图)
◆设备组显示名:
即网页显示名称;
◆分级设备组名称:
即树形菜单中的文件夹的名称,可根据自己项目的实际情况创建划分;
◆地图页面设置:
选择是否对模块或GUI启用地图,启用后可在地图导航页页分别显示模块以及GUI的地理位置。
◆其他设置可根据自己的实际情况进行添加修改。
配置完成后每一项都要点击提交修改按钮,否则修改不生效。
1.2密码和权限
配置修改GUI组的账号及密码,根据实际情况分配不同权限,每级权限分别匹配模块和GUI的低中高级权限。
1.3设备管理
设备管理页面可使用模块ID和密码添加所有模块信息,并为其分配显示名称和设备组,即在树形菜单中的显示名和所在文件夹,便于管理与归类。
(如下图)
1.4多设备变量表
多设备变量表(单个表格):
即将单个模块内的变量使用变量表的形式表示出来,同一模块的变量可被不同变量表同时调用,每个表格最多添加100个变量。
该表格不能直接显示在树形菜单中,必须被多设备变量表页面调用方可显示。
方法:
点击添加表格,选择刚刚已经添加好的模块,此时,可以看到该模块下的所有已配置好的变量(变量需在GRMDev软件中进行配置),选择其中想要显示的变量,点击向后加入或向前加入,即可将选中的变量传送至右侧列表内上方或下方,点击确定,数据表格添加成功。
使用相同的方法,可将所有需要显示的变量,根据自己的规划依次添加进不同的变量表内。
(如下图)
多设备变量表(页面):
即为单个表格的变量表汇总页面,可选择在一个页面中同时显示多个变量表,方便变量监控。
单个表格的变量表可被不同多设备变量表页面同时多次调用,每个多设备变量表页面最多可调用30个单个表格。
方法:
点击添加页面,填写显示名称并为其选择设备组,即在树形菜单中显示在哪个文件夹内。
设置变量表显示时的行数和列数,并为每个位置选择要显示的具体的变量表名称,点击确定,即可完成多设备变量表汇总页的配置。
(配置及多设备变量表显示效果如下图)
1.5子账号管理
子账号:
即为不同使用者创建单独的账号,并为其分配不同的权限和不同的内容显示范围。
方法:
点击添加子账号,为子账号设置名称及密码,选择权限(此处权限与四级密码的权限匹配),可选择绑定所有设备,或手动在编辑列表中勾选该子账号可见的设备、GUI界面或多设备变量表,凡是未勾选的内容,对该账号不可见。
点击确定完成子账号配置。
(如下图)
子账号登录方法:
输入主账号名.子账号名,并输入对应的子账号密码,即可登录该子账号(如下图)。
手机APP的登录方法与电脑端相同,手机APP具体操作可参考第二章1.6节。
例:
某子账号只配置了GUI界面的显示权限,登录后如下图2,左侧树形菜单中只显示GUI界面,其他设备信息及多设备变量表对该账号不可见。
1.6GUI管理
GUI管理页:
可添加所有WebGui账号或子账号,添加完成后可参见本章1.5节,为不同用户分配GUI界面的可见性。
方法:
点击添加GUI账户,添加账户名及密码,配置显示名称及显示所在分组,点击确定完成添加。
若勾选启用GUI自动权限模式,此时输入的WebGui账号密码必须是WebGui的最高权限密码。
配置好后,之后根据每次登录该GUI组的用户级别,自动匹配WebGui的权限。
例:
配置好后,使用GUI组的中权限登录,此时该WebGui账号中的操作权限也自动匹配为中权限,高权限的控件无法操作或无法显示。
若不勾选启用GUI自动权限模式,此时输入的WebGui账号密码可为任意WebGui账号密码,同时也可以添加WebGui的子账号。
之后登录时,该GUI界面的权限不受GUI组的权限限制,只与添加该账号时的账号密码本身有关。
例:
配置好后,使用GUI组的中权限登录,此时该WebGui账号中的权限不受GUI组的影响,依然保留为添加时的账号自身权限。
GUI账户可手动添加地理位置信息,添加完成后会将其地理位置显示在树形菜单的地图导航页面中,方便管理者查看GUI所在位置。
(显示效果如下图2)
方法:
点击地图按钮,在弹出的地图中选择具体位置,点击确定完成添加。
(添加方法如下图1)
2数据交换管理与数据交换查看
多个GRM模块之间可以通过4G(网线上网)直接交换数据,客户无需任何网络知识和搭建服务器,该方案不受距离和环境限制,适用于各种不方便拉线的现场, 比如点对点,点对多点、开关量或模拟量传输,远程报警,远程显示,远程PLC数据传输等。
具体配置请参考GRM23x_Help.pdf或GRM53x_Help.pdf“多个GRM模块直接交换数据”相关章节内容。
四.WebGUI常见问题解答
1)填充色怎么选择多状态颜色?
在左侧菜单树找到“多状态颜色”,按需求组态好并保存,使用时直接选择该多状态颜色即可。
2)WebGui可不可以做点动按钮?
不建议在网页端做点动按钮,由于受网络环境等因素影响,点动按钮操作缺少实时性,为避免造成不必要的损失,请务必将按钮点动逻辑在GRMDev软件里进行配置。
3)WebGui中怎么刷新变量?
点击左侧设备管理器,双击设备,打开弹窗第二页“数据词典”,点击“从网络刷新”即可(此时电脑及模块必须能上网,否则会刷新失败)。
4)画面中放置了地图控件,运行起来为什么没有显示该控件?
点击左侧设备管理器,双击设备,勾选“启用地图功能”,即可在运行时显示地图,并且显示模块位置。
5)WebGui如何进行简单的数据运算?
WebGui中凡是可以绑定变量的的输入框,大多可进行简单的数学运算,直接选择变量并进行加减乘除即可,最终数据显示数据为数学运算后的实际结果(如下图所示)。
6)WebGui怎么在运行时使画面铺满窗口?
在软件工程选项页勾选“铺满窗口”,手机端即可实现以画面短边为基准放大窗口,超出手机显示范围的需要挪动画面查看(此设置只针对手机端,电脑端仍以实际画面分辨率显示)。
7)运行之后某些控件不能点击操作是什么原因?
有可能是被其他控件覆盖,将需要操作的按钮等控件右键置顶后再上传运行即可。
8)不同用户怎么进入WebGui的不同页面?
在左侧菜单树找到子账户,创建子账户及相应启动页面,使用不同子账户登录时可以显示不同画面。
9)电脑端和手机端如何做成两套画面?
WebGui主账号只有一个,只能上传一个工程,但是可以将手机端和电脑端的画面分别做成两部分放在同一个工程里上传。
两套画面的横屏或竖屏可独立在每页的画面属性里进行设置,自由选择,没有做严格统一。
最后,使用不同的子账户登录进入不同的启动画面,两套画面即可独立显示。
10)WebGui子账户不能登录是什么原因?
首先明确子账户登录方式:
账户名为:
主账户.子账户
密码为:
子账号对应密码
其次如果还提示密码错误,一般为修改子账户密码后,上传WebGui工程时未取消勾选“保持之前的子账户密码”,而导致新修改的密码未生效。
只要上传工程时取消勾选该选项即可。
11)WebGui的工程可以上传吗?
不可以,只能下载,所以工程源文件丢失的话就需要重新做画面才可下载,请务必保存好工程源文件。
12)WebGui的管理员密码忘记了怎么办?
请公司采购联系巨控销售进行密码重置(密码重置后工不影响已上传的工程运行
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- WebGuiUsers ManualV107