HTML5技術(shù)的流程管理平臺的升級改造

北京中電普華信息技術(shù)有限公司 董愛強 王 瑩 閆 丹

北京城市排水集團基建管理分公司 王蘭帥

針對當前流程管理平臺的現(xiàn)狀，引入了基于HTML5技術(shù)的流程管理平臺升級改造的架構(gòu)體系。首先介紹了流程管理平臺的現(xiàn)狀、html5技術(shù)介紹，引入了基于HTML5技術(shù)的流程管理平臺的升級改造，論述了其整體設(shè)計、關(guān)鍵技術(shù)和功能結(jié)構(gòu)設(shè)計。該產(chǎn)品在原有流程管理平臺的基礎(chǔ)上，擺脫對Flash插件的依賴，實現(xiàn)跨瀏覽器、跨平臺的通用流程產(chǎn)品，無需安裝插件，開箱即用，更加安全、可靠、穩(wěn)定，滿足業(yè)務(wù)系統(tǒng)對流程產(chǎn)品的技術(shù)需求。

BPM實現(xiàn)了業(yè)務(wù)流程建模、運行、監(jiān)控的全生命周期管理，為各類系統(tǒng)、微應(yīng)用提供流程建模、運行、監(jiān)控全生命周期體系管理，幫助企業(yè)建立標準而規(guī)范的業(yè)務(wù)流程體系，實現(xiàn)流程集約化、標準化。截止到2019年，SG-BPM支撐了包括網(wǎng)上國網(wǎng)、ECP2.0、PMS2.0、ERP集中部等115套業(yè)務(wù)系統(tǒng)，平均總部流程流轉(zhuǎn)12萬筆/日，平均單網(wǎng)省流程流轉(zhuǎn)5萬筆/日。國網(wǎng)外，SG-BPM已經(jīng)在中國商飛、宿遷電廠、蒙西電力等項目上應(yīng)用。

BPM流程設(shè)計器基于Flex技術(shù)。Adobe公司宣布2020年底將停止對該技術(shù)更新，其合作伙伴蘋果、微軟、谷歌、Facebook也宣布分階段停止支持，2020年過后，主流瀏覽器無法打開BPM設(shè)計器，流程建模、運行監(jiān)控等核心功能將受到影響。同時，由于Flash Player不在維護更新，存在安全漏洞和安全風險。因此，需要盡快對BPM設(shè)計器進行技術(shù)升級，保證BPM正常使用，更好的支撐泛在電力物聯(lián)網(wǎng)的建設(shè)。

1 HTML5技術(shù)

HTML5是標準通用標記語言下的一個應(yīng)用，也是一種規(guī)范，一種標準。它通過標記符號來標記要顯示的網(wǎng)頁中的各個部分。網(wǎng)頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁文件，然后根據(jù)標記符解釋和顯示其標記的內(nèi)容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執(zhí)行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是，對于不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。

技術(shù)優(yōu)勢：（1）跨平臺性。用H5構(gòu)建的應(yīng)用可以兼容PC端與移動端、Windows與Linux、android與IOS。它可以輕易地移植到各種不同的開放平臺、應(yīng)用平臺上，打破各自為政的局面。（2）本地存儲?；贖5開發(fā)的輕應(yīng)用比本地APP擁有更短的啟動時間，更快的聯(lián)網(wǎng)速度，而且無需下載占用存儲空間。（3）無需依賴第三方瀏覽器插件。這使得用戶用很少的流量就可以欣賞到炫酷的效果。

BPM 2.0是業(yè)務(wù)流程建模符號2.0的縮寫。它由Business Process Management Initiative這個非營利協(xié)會創(chuàng)建并不斷發(fā)展。作為一種標識，BPM 2.0是使用一些符號來明確業(yè)務(wù)流程設(shè)計流程圖的一套符號規(guī)范，它能增進業(yè)務(wù)建模時的溝通效率。目前BPMN2.0是最新的版本，它用于在BPM上下文中進行布局和可視化的溝通。BPM 2.0的開發(fā)目標是創(chuàng)建一種標準，一種用于對業(yè)務(wù)流程建模的通用語言。是要提供被所有業(yè)務(wù)用戶理解的一套標記語言，包括業(yè)務(wù)分析者、軟件開發(fā)者以及業(yè)務(wù)管理者與監(jiān)察者。因此，在設(shè)計流程圖時，使用這種通用的符號，以供其它許多能夠使用此國際標準符號的專業(yè)人員理解你的流程。這也是BPM符號2.0如此廣泛，并被專業(yè)人員接受為表示流程的最佳解決方案。

2 基于HTML5技術(shù)的流程管理平臺的升級改造

2.1 架構(gòu)

圖1 技術(shù)原理圖

流程虛擬機是一個用來構(gòu)建和執(zhí)行流程圖的簡單的java類庫。它充當著各種工作流、流程管理和編制流程語言的基礎(chǔ)組件。在B P M提升方面，遵循國際組織B P M I(B u s i n e s s Process Management Initiative)的BPMN2.0標準，在此基礎(chǔ)上提出對流程虛擬機的內(nèi)核改造方案，使其具備快速開發(fā)基于BPMN2.0標準的流程圖元的能力。

圖1所示給出了該技術(shù)原理，改造后的流程虛擬機內(nèi)核提供流程定義模型、流程調(diào)度框架、流程圖元開發(fā)環(huán)境以及流程圖元開發(fā)擴展點。流程定義模型保持不變，通過流程擴展節(jié)點的運行期行為，實現(xiàn)流程虛擬機內(nèi)核對流程的描述建模能力；流程調(diào)度框架，使流程可以持續(xù)運行或從任意一個點重新切入繼續(xù)運行；流程圖元開發(fā)擴展環(huán)境及其擴展點，把流程在運行期的關(guān)鍵行為全部抽象出來，與流程的其他模塊解耦合，在此基礎(chǔ)上采用HTML5技術(shù)開發(fā)基于BPMN2.0標準的圖元，如：人工活動、自動活動等。通過技術(shù)改造，構(gòu)建了獨立的流程虛擬機環(huán)境，解決了項目級BPM中模塊間耦合度高，新增流程圖元困難的問題，提高了平臺擴展性。

2.2 關(guān)鍵技術(shù)特點

2.2.1 流程設(shè)計器

Adobe Flash Player目前存在著一個大問題，就是它會導致瀏覽器運行的效率大幅度降低，而且安全風險很高，問題很大。Adobe計劃在2020年淘汰Flash Player，這將是萬維網(wǎng)歷史上的一個關(guān)鍵點。谷歌正在盡可能順利地完成Flash Player的過渡，2020年12月之后Chrome將不再支持Flash Player。HTML5可視化可拖拽的流程設(shè)計器替換原Flash，滿足主流瀏覽器、安全、穩(wěn)定、可擴展成為了本課題研究的關(guān)鍵點和難點。

2.2.2 序列化及反序列化

依據(jù)BPMN2.0的標準以及原BPM的個性配置，需要對整個流程、圖元屬性、業(yè)務(wù)規(guī)則等持久化到數(shù)據(jù)庫。同時在編輯流程時，已配置的需要可展現(xiàn)編輯。流程、圖元屬性、規(guī)則等需要大量時間對比和實現(xiàn)成為了本課題研究的關(guān)鍵點和難點。

2.2.3 交互接口

接口是設(shè)計器和后臺進行數(shù)據(jù)交互方式，實現(xiàn)動態(tài)配置流程、業(yè)務(wù)操作、業(yè)務(wù)規(guī)則、人工任務(wù)等一系列的功能。對原有EOS的交互式接口整理并如何滿足新設(shè)計器需求成為了本課題研究的關(guān)鍵點和難點。

2.2.4 引擎適應(yīng)

流程引擎是BPM產(chǎn)品的核心，提供流程解析、流程驅(qū)動、流程調(diào)度、流程參數(shù)管理、流程并發(fā)控制、流程動態(tài)變更、流程模式控制和流程版本管理、流程定義工具、和流程應(yīng)用工具、服務(wù)調(diào)用、接口調(diào)用和直接web訪問；流程數(shù)據(jù)如何滿足現(xiàn)有引擎，實現(xiàn)流程的正常流轉(zhuǎn)，成為了本課題研究的關(guān)鍵點和難點。

2.3 功能設(shè)計

BPM在國網(wǎng)內(nèi)已經(jīng)平穩(wěn)運行支撐了10年，相比于外部BPM產(chǎn)品而言，在國網(wǎng)公司實際應(yīng)用經(jīng)驗更為豐富，在性能、安全、可靠性方面更加的性能優(yōu)越和安全可靠，完全符合國網(wǎng)公司的特色需要。經(jīng)過多年建設(shè)，BPM平臺包含了流程中心、智能表單、流程引擎、流程設(shè)計器、服務(wù)編排等核心能力，構(gòu)建了流程管理生態(tài)圈。但是由于BPM流程設(shè)計器是基于Flex技術(shù)，Adobe公司宣布2020年底將停止對該技術(shù)更新，其合作伙伴蘋果、微軟、谷歌、Facebook也宣布分階段停止支持，BPM的核心功能將受到影響。為了擺脫對Flash插件的依賴，保證BPM正常使用，所以這次改造重點放在流程設(shè)計器、流程引擎、流程表單三部分，改造后使其更高效、便捷，能夠?qū)崿F(xiàn)多場景、一站式的流程全生命周期管理。如圖2所示。

圖2 功能設(shè)計圖

結(jié)語：以流程引擎為核心，以BPMN2.0規(guī)范為標準，調(diào)整流程設(shè)計器的技術(shù)架構(gòu)，將原有基于Flex技術(shù)的流程設(shè)計器改造成基于HTML5技術(shù)的流程設(shè)計器。同時針對流程設(shè)計器的改造，需要對流程引擎、流程表單進行適應(yīng)性改造。通過對流程設(shè)計器、流程引擎、流程表單的技術(shù)改造，實現(xiàn)跨瀏覽器、跨平臺的通用流程產(chǎn)品，滿足業(yè)務(wù)系統(tǒng)對流程產(chǎn)品的技術(shù)需求。通過對流程設(shè)計器、流程引擎、流程表單的技術(shù)改造，擺脫對Flash插件的依賴，實現(xiàn)跨瀏覽器、跨平臺的通用流程產(chǎn)品，無需安裝插件，開箱即用，更加安全、可靠、穩(wěn)定，滿足業(yè)務(wù)系統(tǒng)對流程產(chǎn)品的技術(shù)需求。