流程管理主頁設計及為管理提供的服務

肖永威發表於2015-05-09

目 錄

業務流程管理是從業務流程建立和規範、業務流程優化、業務流程再造三個層次發展起來的,目前,已經發展到業務流程再造階段,也是本次辦公業務流程系統升級改造的重點,在優化370個流程的基礎上,再造流程。
本次升級改造核心是升級流程能力平臺,為使用者提供流程快速開發能力,從流程模型、執行流程例項、監控及分析流程等三個方面管理業務流程。

流程管理主頁設計目標及展現內容

設計目標

  • 為辦公流程管理能力平臺統一入口
  • 為流程管理資訊共享服務提供展現平臺
  • 為個人辦公提供便捷桌面服務

展現內容

介面展現部分功能概況
這裡寫圖片描述

主頁展現草圖

由於主頁面向企業內容廣大使用者,管理層次不盡相同,需要區別對待。管理使用者及其關注點如下表所示:

使用者 軟體服務
領導層 執行流程統計圖表、流程目錄、流程評價
中層領導 執行流程統計圖表、流程目錄、關注流程、流程催辦與評價
員工 流程目錄、關注流程、流程催辦與評價
流程主管部門 關注流程及流程建設、流程目錄、執行流程統計圖表、流程評價

注:流程目錄是指流程模型及相關職能,體現功能為業務資訊,由表單和流程構成。

為員工服務介面

  • 流程目錄
  • 關於流程:關注自身崗位主管流程及經手流程,需要了解和自身工作、生活、及其他感興趣相關的管理流程
  • 關注催辦事項和流程評價

這裡寫圖片描述

為領導服務介面

更多關注的是整體及執行力,也就體現在流程目錄,流程處理量的統計分析上。
這裡寫圖片描述

為中層領導服務介面

  • 流程目錄
  • 關注流程
  • 關注催辦事項和流程評價

這裡寫圖片描述

我的辦公桌面服務

介面功能內容如下:

  • 待辦流程/待閱訊息
  • 我的應用:個人定製應用圖示(一般為單點登入使用)
  • 關注資訊服務
  • 關注流程服務

這裡寫圖片描述

主介面佈局設計

這裡寫圖片描述

理論上圖中的區域可以從1到N,但是實際辦公桌面,不宜內容過多,容易失去焦點,所以按2至6個區域準備就足夠了。

對於區域內容可以任意替換的需求,需要明確定義區域的名稱、大小(響應式佈局)、URL等內容,例如:

  • 每行顯示文字數量需要控制,比如超過20個字則隱去為省略號,當滑鼠滑過浮動顯示出來;
  • 顯示行數控制需要引數化,比如定義區域1的行數為region1_row,可為將來的變更及提升介面佈局設計能力提供支援。

開發目錄結構

這裡寫圖片描述

業務模組 一級目錄 二級目錄 上級目錄
業務流程 business
主頁 home
我的工作桌面 mydesk home
陽光大廳 sunhall
職能展現 deptshow sunhall
關注流程 focusprocess sunhall
流程目錄 processcatalog sunhall
流程統計圖表 processchart sunhall
論壇 forum sunhall
系統管理 organization
流程平臺 workflow

介面展現及開發技術

HTML / CSS

基於Apache HTTP服務,介面直接使用HTML + CSS + JavaScript技術,通過AJAX技術與後臺Webservice相連線。

介面框架

介面框架使用響應式佈局外掛Bootstrap 3.3版本,支援Chrome、Firefox,IE9及以上,不支援IE8以下瀏覽器。

JS包

JQuery 1.11.2
Bootstrap 3.3.X
cordys.ajax.js
cordys.html5sdk.js

注:js仍部分引用Cordys平臺的js包,用以方便使用web service和HTML5。

層次結構

體系結構:採用MVC模型,通過Cordys平臺提供SOA服務、Apache HTTP提供Web服務。
程式碼層次結構由介面展現層、Webservice服務層、資料層構成,主要開發工作體現在介面展現層。

選單及許可權管理

主頁選單及許可權按租戶進行管理,選單在資料庫層面儲存定義。

主要功能展示時序圖描述

流程目錄

Created with Raphaël 2.1.2使用者使用者流程目錄流程目錄業務資訊業務資訊表單表單流程流程版本版本展現流程目錄列表選中流程,並滑鼠左鍵點選展現業務資訊檢視錶單展現表單縮圖及定義檢視流程展現流程縮圖及定義檢視業務版本變化展現業務版本變化歷史列表

關注流程

Created with Raphaël 2.1.2使用者使用者流程列表流程列表流程例項列表流程例項列表審批單審批單流轉記錄流轉記錄意見意見選擇流程展現流程例項列表選中流程,並滑鼠左鍵點選展現流程例項業務資訊檢視流轉情況展現流轉圖及流轉日誌檢視審批意見展現審批意見

注:審批單就是流程例項資訊,也是業務例項資訊

參考:
易擴充套件的辦公流程化管理核心模型(第2版) 肖永威 2015.3
軟體專案需求開發過程實踐之軟體需求說明書 肖永威 2015.3

相關文章