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

剑指工控星期四, 12/24/2015 - 09:41 发表

很多客户反馈采用了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的人员，让专业的技术人员帮助您来做良好的工业网络设计和优化。