【工控技术】如何优化FTviewpoint 8.1 HTML5的页面速度

很多客户反馈采用了RockwellAutomation最新的FactoryTalk的ViewpointV8.1版本以后发现画面发布后很缓慢,缓慢到无法忍受的地步,就听到很多用户抱怨,新产品不好用,HTML5技术不是很好。其实并不是这样的。ViewpointV8.1采用了最新的HTML5的技术,但是在设计Viewppoint时和以前版本相比,您需要按照以下7条规则来设计,这样跑出来移动端的画面效果才会很流畅。

1、多屏尺寸设计。很多人因为觉得采用了HTML5的技术就会觉得无论你设计ViewSE的画面如何都会按照实际你是用的终端尺寸自适应,这样的理解是错误的。他的尺寸自适应其实需要提前设计好的,也就是你在设计画面时,需要设计PC端的尺寸画面和手机端或者PAD端的尺寸设计,关键是组件的摆放位置。所以如果你觉得这样很麻烦,可以以手机端的尺寸为基本框架,这样扩展到PC端虽然可能格局不好看,但不影响你的操作。

2、触屏控制。因为PC端都是鼠标操作,所以元件的大小对于操作是不是很在意其尺寸,而采用HTML5以后就要求充分考虑手机端的触屏操作,在这样的基础上,就会要求组件的的大小适合手指的触摸操作,不要因为过小而造成操作无效和操作错误。

3、信息清晰明确。在设计ViewSE画面时应充分考虑手机端HTML5的显示效果,需要在界面采用少层级,少嵌套,信息清晰明显好找,防止用户需要多次点击和查找才能找到自己想要的信息和控制。

4、颜色的严重性。设计ViewSE画面时,一些需要操作人员和相关人员关注的地方,需要鲜明的颜色来提示和警示,防止信息过多让操作人员浏览时错过应该获得或者应该处理的信息。

5、角色区分。在设计ViewSE时,应该考虑使用移动端的用户分几个级别。通过在FactoryTalkViewpoint的URL连接时可以通过不同的宏加载来显示不同的画面和简易程度,作为领导层只需要加载Manager宏,那的移动端就是看一些overview的画面和信息,对于维护人员加载maintain宏,这样的话移动端就会看到一些维护和设备的画面和信息。其实这样设计的思路就是让画面简单化,不需要加载的画面尽量不要放入移动端去展示。

例如:http://<server_hostname>/ftvp/ViewPoint.aspx?macro=<macro_name>&area=<area_name>

6、网络设计。在传统的FTviewSE项目中,server和client都是有线网络,通过设置FT目录服务来寻找各自的目标和服务器,所以网络情况还是比较好的。但在基于HTML5的移动端使用时,就要充分考虑网络带宽和信息加密的延迟,无论你是从WIFI去访问FT Viewpoint的server还是通过3G/4G网络访问FT ViewpointServer都会牵扯到一个网络效率优化设计,如何能让你的无线WIFI能够顺畅跑移动端的HTML5技术的FTViewpoint画面,具体可以咨询CSM部门的NetworkSecurity Service的人员,让专业的技术人员帮助您来做良好的工业网络设计和优化。

7、添加补丁。如果上述操作还是觉得您的FactoryTalkViewpoint发布出来的HTML5网页速度缓慢,可以添加以下这个补丁来改善效果。打补丁之前需要您停止View的服务,然后运行补丁文件中的bat文件然后重新启动服务就可以了。