天天看點

基于HT for Web的Web SCADA工控移動應用

在電力、油田瓦斯、供水管網等工業自動化領域Web SCADA的概念已經提出了多年,早先年的Web SCADA前端技術大部分還是基于Flex、Silverlight甚至Applet這樣的重用戶端方案,在HTML5流行前VML和SVG算是真正純種Web方案也是有不少應用,近些年随着HTML5的流行,加上移動終端對HTML5支援的普及,越來越多新項目開始采用真正純HTML5的方案,更具體的說大資料量應用性能高于SVG的Canvas方案,已經逐漸成為當今Web SCADA前端技術的首選标配方案。

基于HT for Web的Web SCADA工控移動應用
基于HT for Web的Web SCADA工控移動應用
基于HT for Web的Web SCADA工控移動應用

移動終端呈現方面,HMI界面布局應用和遊戲領域有類似的問題,一般對橫版或者豎版會有更好的布局效果,例如有些遊戲隻支援橫版的玩法,這對于采用Native的App應用來說不成問題,可将App配置成隻能橫向或者縱向布局,但對于移動終端浏覽器就有點尴尬,目前大部分終端你是不能限制使用者旋轉平面導緻布局變化。為此我們給使用者提供了HTML5遊戲領域正常的解決方案,通過window.addEventListener(‘orientationchange’簡單手機方向變化,當處于你不支援的方向時,全屏顯示一張提示使用者旋轉螢幕後再進行正常操作的圖檔,該方案看似簡單,但整個使用者體驗比起毫無提示旋轉出布局一塌糊塗的界面體驗好了很多,這個簡單方案減少了很多無聊的客服工作,再也沒客戶責怪界面不能用,但界面方向不對時,提示圖檔讓人自然而然就知道旋轉螢幕就可以。

Before Android 4.4 all devices run Android WebKit as their WebView. (Is this the same Android WebKit as their default browser? Don’t know yet.)

From Android 4.4 the WebView is Chromium 30.

From Android 4.4.3 the WebView is Chromium 33.

From Android 5 the WebView is Chromium 37. In addition, the promise is that the Android 5 WebView will be updated to newer versions app-wise, i.e. without a firmware update. I will keep an eye on that.

基于HT for Web的Web SCADA工控移動應用
基于HT for Web的Web SCADA工控移動應用

繼續閱讀