潤工作+生產管控系統移動平臺開發與應用

陳會剛 華潤電力唐山豐潤有限公司

現狀：豐潤項目現有信息系統包括控股統籌的OA、EAM、ERP系統和項目公司自建的SIS、OOS、FOS系統，以及基于公司網站自行開發的生產調度會系統。上述系統除了OA、ERP系統集成到控股的“潤工作”移動端外，其他系統均各自孤立沒有統一的平臺。項目公司缺少一個以項目基礎需求為出發點，主要管控現場工作、設備管理、安全管理的管控系統，并對項目公司多系統平臺進行整合。綜上所述，并順應信息化發展趨勢，需建設一個支持各移動平臺的廠級生產管控系統。

1.技術路線分析及選擇

1.1 APP技術接入概述

隨著智能手機的快速普及，手機功能越來越強大。Native（原生）APP快速占領了APP市場，成為了APP開發的主流，但其平臺的不通用性，開發成本高，多版本開發等問題。 安卓和IOS的操作方式，開發模式，界面UI顯示方面的差別，也使得原生APP的不同版本體驗有很大的區別，光是做兼容性調測，都要花費開發不少的時間。而且也存在賬號登陸同步、系統安全性等一系列問題。

基于html5開發APP最主要的優勢：

（1）一套HTML5 APP 即可同時適用安卓及IOS平臺，甚至WP平臺，適配性和統一體驗較好。

（2）版本服務器端更新，用戶永遠看到的都是最新的APP端信息。

（3）手機客戶端及存儲數據較少，節約用戶手機空間。

1.2 基于微信公眾號接入概述

微信公眾號由項目公司申請，并提供微信公眾號的管理員微信賬號。

微信公眾號是開發者或企業用戶在微信公眾平臺上申請的應用賬號，該帳號與QQ賬號互通，通過公眾號，生產管控系統移動平臺可在微信平臺上實現和特定群體的文字、圖片、語音、視頻的全方位溝通、互動 。形成了一種主流的線上、線下微信互動協作方式。可以幫助實現業務及管理互聯網化。

微信企業號可以高效地幫助項目公司構建自己獨有的生態系統，隨時隨地的連接員工、上下游合作伙伴及內部系統和應用，實現業務及管理互聯網化。

連接人與組織

通訊錄可靈活地管理組織架構，連接員工和上下游；企業級的權限體系可支持層層授權的管理模式連接內部系統

企業號可作為移動應用入口，通過統一的身份認證，方便地連接內部系統和應用，消除信息孤島

1.3 基于微信小程序接入概述

微信小程序，簡稱CX，是一種不需要下載安裝即可使用的應用，它實現了應用“觸手可及”的夢想，用戶掃一掃或搜一下即可打開生產管控系統移動平臺。

小程序是一種新的開放能力，開發者可以快速地開發一個小程序。小程序可以在微信內被便捷地獲取和傳播，同時具有出色的使用體驗。

基于微信小程序輕快的特點，我們擬定了小程序界面設計指南和建議。設計指南建立在充分尊重用戶知情權與操作權的基礎之上。旨在微信生態體系內，建立友好、高效、一致的用戶體驗，同時最大程度適應和支持不同需求，實現用戶與小程序服務方的共贏。

但微信作為當前最為流行的通訊工具，其主要功能在于聊天溝通非工作內容。公眾號接入此生產管控系統缺乏足夠的安全技術支撐，而且賬號前期導入及維護將浪費大量工作。

1.4 基于潤工作接入概述

潤工作是華潤集團集成辦公、任務協作、溝通分享、員工服務為一體的華潤一站式移動辦公平臺；重點建設和集成了集團管理和業務信息化系統中與華潤員工相關的功能；通過應用中心、消息、通訊錄、員工服務及同事圈等功能，潤工作實現了工作、流程、信息、知識與員工體驗之間的整合與連接，讓工作更簡單、協調更高效、信息更集中、溝通更有趣。

生產管控系統移動平臺若基于潤工作中開發，將兼備以上原生態開發、基于微信公眾號、基于小程序接入所有的優點，并能夠解決賬號導入及更換，密碼更換等問題；并且員工在每天使用潤工作登陸生產管控移動平臺時，能夠及時從潤工作中了解華潤各項信息，傳遞華潤企業文化，提升員工自豪感等。

2.技術方案

生產管控移動平臺建設采用的是當前主流的能適應安卓、IOS嵌套html5的開發方法，將Amazi ui框架下的html5程序模塊完美嵌入潤工作中，并將數據存入oracle數據庫之中。完美的Amazi ui框架加上全世界公認的最強大的oracle公司的代表作oracle數據庫相結合，這代表了當下最流行的手機端程序架構方式。

2.1 Amazi ui前端框架的主要優點：

1、為移動而生： Amaze UI是中國首個開源 HTML5 跨屏前端框架，以移動優先（Mobile first）為理念，從小屏逐步擴展到大屏，最終實現所有屏幕適配，適應移動互聯潮流。

2、組件豐富、模塊化：對于Amazi ui來說，Amaze UI 含近 20 個 CSS 組件、20 余 JS 組件，更有多個包含不同主題的Web 組件，可快速構建界面出色、體驗優秀的跨屏頁面，大幅提升開發效率。豐富多樣的模塊使得它成為一個功能強大的框架。

3、本地化支持：相比國外框架，Amaze UI 關注中文排版，根據用戶代理調整字體，實現更好的中文排版效果；兼顧國內主流瀏覽器及 App 內置瀏覽器兼容支持。

4、輕量級、高性能：Amaze UI 面向 HTML5 開發，使用CSS3 來做動畫交互，平滑、高效，更適合移動設備，讓 Web 應用更快速載入。

5、Amaze UI 使用 MIT 許可證發布，用戶可以自由使用、復制、修改、合并、出版發行、散布、再授權及販售 Amaze UI 及其副本。Amazi ui參考了許多架構的優秀之處，取其精華，去其糟粕。參考了 jQuery, Zepto.js, Seajs, Less, normalize.css, FontAwesome, Bootstrap, Foundation, UIKit, Pure,Framework7, etc等開源項目的強大之處，從而創造出了Amaze ui這個強大而潮流的框架。

Amazi ui可以說是站在巨人的肩膀上而形成的一種更為簡單易用的框架，因此我們在本應用開發中采用此框架。

2.2 HTML5的主要優點：

2.2.1 、語義特性（Class：Semantic）

HTML5賦予網頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的，微數據與微格式等方面的支持，構建對程序、對用戶都更有價值的數據驅動的Web。

2.2.2 、本地存儲特性（Class： OFFLINE & STORAGE）

基于HTML5開發的網頁APP擁有更短的啟動時間，更快的聯網速度，這些全得益于HTML5 APP Cache，以及本地存儲功能。Indexed DB（html5本地存儲最重要的技術之一）和API說明文檔。

2.2.3 、設備兼容特性 (Class： DEVICE ACCESS)

從Geolocation功能的API文檔公開以來，HTML5為網頁應用開發者們提供了更多功能上的優化選擇，帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入開放接口。使外部應用可以直接與瀏覽器內部的數據直接相連。

2.2.4 、連接特性（Class： CONNECTIVITY）

更有效的連接工作效率，使得基于頁面的實時聊天，更快速的網頁游戲體驗，更優化的在線交流得到了實現。HTML5擁有更有效的服務器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性能夠幫助我們實現服務器將數據“推送”到客戶端的功能。

2.2.5 、網頁多媒體特性 (Class： MULTIMEDIA)

支持網頁端的Audio、Video等多媒體功能。

2.2.6 、三維、圖形及特效特性（Class： 3D, Graphics &Effects）

基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚嘆于在瀏覽器中，所呈現的驚人視覺效果。Three.js 是一款運行在瀏覽器中的 3D 引擎，你可以用它創建各種三維場景，包括了攝影機、光影、材質等各種對象。three.js是JavaScript編寫的WebGL第三方庫。提供了非常多的3D顯示功能。

2.2.7 、 性 能 與 集 成 特 性（Class： Performance &Integration）

沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術，幫助您的Web應用和網站在多樣化的環境中更快速的工作。

2.2.8 、CSS3 特性 (Class： CSS3)

在不犧牲性能和語義結構的前提下，CSS3中提供了更多的風格和更強的效果。此外，較之以前的Web排版，Web的開放字體格式（WOFF）也提供了

2.3 Oracle數據庫的主要優點：

oracle數據庫是全球最大的企業級軟件公司oracle開發而成，中文名稱甲骨文股份有限公司。Oracle數據庫是甲骨文公司的一款關系數據庫管理系統。它是在數據庫領域一直處于領先地位的產品。可以說Oracle數據庫系統是目前世界上流行的關系數據庫管理系統，系統可移植性好、使用方便、功能強，適用于各類大、中、小、微機環境。它是一種高效率、可靠性好的適應高吞吐量的數據庫解決方案。

開放性：Oracle 能所有主流平臺上 運行（包括 windows）完全支持所有工業標準采用完全開放策略使客戶選擇適合解決方案對開發商全力支持；

可伸縮性,并行性：Oracle 并行服務器通過使組結點共享同簇工作來擴展windownt能力提供高用性和高伸縮性簇解決方案windowsNT能滿足需要用戶把數據庫移UNIX/Oracle并行服務器對各種UNIX平臺集群機制都有著相當高集成度；

安全性：獲得最高認證級別的ISO標準認證。

性能：Oracle 性能高 保持開放平臺下TPC-D和TPC-C世界記錄；

客戶端支持及應用模式：Oracle 多層次網絡計算支持多種工業標準用ODBC、JDBC、OCI等網絡客戶連接

使用風險：Oracle 長時間開發經驗完全向下兼容得廣泛應用地風險低。

小結：通過此架構框架的系統開發，華北潤達app被嵌套在潤工作里，既滿足了APP呈現功能強大、使用靈活的特點，又提供了充足的數據源支撐。界面清晰，功能完善。我們有從EAM取得缺陷等數據，有從FOS取得煤場等數據，有從ERP取的入廠入爐等數據，也有自身手機端添加的工作日志，還有食堂調查反饋等數據。能極大的提升日常移動對生活和運營工作的支撐，滿足電廠當前和今后管理工作需要。

3.生產管控系統移動平臺實現功能

3.1 燃料尋優

接入燃料尋優移動端，從煤場管理、配煤摻燒、輔助決策、統計分析四個主要方面來展示數據，并可以審批部分流程。

3.2 生產日志

生產管控系統與EAM系統做接口，接入EAM系統中的生產日志，日志也可以按值長日志、#1機組日志等進行分配顯示；也可以按照時間段或者關鍵字，記錄人等進行篩選查詢。

3.3 缺陷推送

平臺與EAM系統做接口后，接入新填寫缺陷，并在此展示待接缺陷，可按專業、上報人及描述搜索。同時新缺陷可按專業以潤工作消息的模式推送給相關人員；

3.4 作業管控

平臺直接接入EAM系統中工作票的相關信息，直觀的顯示正在運行的工作票，讓安監人員及領導方便的了解現場各區域作業情況。并提供多種形式搜索。

3.5 工作日志

員工可以在系統中填寫每天工作內容及第二天需要完成工作，系統支持5天內工作錄入及更改。基于人員崗位設定工作日志人員查看權限。并提供多種方式的搜索功能。

3.6 移動 SIS

移動平臺接入移動SIS系統，可以在平臺中直接查看各系統的應用情況。

3.7 值班表

每月月初將公司值班人員以EXCEL導入方式將公司當月值班表導入到系統中，模塊默認顯示當天值班信息，并支持按照值班組、人員、日期等多種模式的查詢。

3.8 調度會

移動平臺接入豐潤項目已有的生產調度會系統，并增加移動平臺錄入日志功能，使員工更方便的查看及填寫生產調度會內容。

3.9 工作督辦

工作督辦分為生產督辦、公司督辦；由指定人員填寫，列列出當前需要重點完成的公司工作；并支持多種方式搜索。

3.10 風險管控

每天上午由專業或外圍單位人員填寫當天需要完成的工作、危險點及防護錯誤，并拍照當天工作人員上傳平臺。

4.結論

（1）新缺陷能夠通過潤工作推送消息，平均每天通過潤工作推送新缺陷提醒超過300次，能夠顯著提升消缺人員接收權限的及時率。

（2）可以運用潤工作消息推送功能，推送公司重要通知、公告等信息。

（3）豐潤項目生產管控系統平臺從廠級角度出發，做真正符合項目公司實際需求的功能和模塊。移動平臺集成項目公司級各系統于一體，消除信息孤島。

（4）接口豐富，可拓展性強，可以根據需求定制新的功能模塊。

（5）通過后臺監控分析發現，項目公司技術部人員安裝潤工作在95%以上，平均每天打開3次軟件的人員占67.5%，