動態表單技術在高校流程建設中的應用

文/吳昊

結合“互聯網+教育”的思想，智慧校園一站式綜合服務平臺應運而生。該平臺包括各類業務系統的集成、日常行政事務的辦理等。傳統的建設方式會造成兼容性差、擴展性差等問題。動態表單技術的出現，不僅能夠提高流程建設的效率，而且便于后期的管理，使得高校流程建設進入了一個新階段。

1 一站式平臺的概述

為了近一步提升高校對于師生的服務質量，大多數高校已經穩步建設了網上一站式的服務平臺，該平臺與學生相關的業務系統包括教務系統、研究生管理系統、實驗室安全教育與考試系統等；與教職工相關的包括oa辦公系統、教師入職手續辦理系統、科研管理系統等。對于上述第三方業務系統的集成，只需要提供相應的接口，并完成對接工作即可。師生僅需一個用戶名與密碼，即可登入第三方系統，打破了數據壁壘，完成了各部門信息的互聯互通。

當然，該平臺不僅僅是系統信息的簡單整合，也可方便師生進行業務流程的辦理。例如郵箱申請，學生可直接線上申請，申辦信息按照相應的流程配置，自動轉發至審核部門。審核成功后，郵箱系統自動為學生開啟郵箱。師生借助一站式平臺，避免了傳統的人工辦理程序的繁雜，減少了在部門間的奔波，實現了讓數據多跑路，師生少跑腿。

此外，一站式服務平臺不僅可以服務師生，也有利于管理者科學決策。由于其具有校內流程的統計等功能，通過可視化界面的方式呈現數據，管理者對學校近期流程申請的積壓或完成情況一目了然，能夠更精準的把握動態數據，是實現科學化管理的有效途徑。

圖1：用印流程建設步驟圖

圖2：組件類型圖

圖3：用印流程前端設計圖

2 利用動態表單實現流程的快速構建

2.1 動態表單的發展

值得注意的是，一站式平臺中的業務流程變動頻率快。如果采用傳統的表單構建方式，存在建設周期長、功能簡單、操作不靈活等缺點[1]。動態表單技術在此基礎上應運而生，國外對于這一塊領域研究的較早，最具有象征意義的是微軟公司在office2003中引進的新成員：InfoPath。InfoPath的底層由一個或者多個XML架構的模板、控件及指令集集成[2]，擁有大量的常用控件。國內也有諸多學者針對固定格式表單的可擴展性差等問題，進行了相關研究。張佳強[3]等人基于SSH框架，利用超文本分析技術獲得關鍵信息，完成了系統中表單的動態定制；蔣贊[4]等人以Saas為載體，基于Json實現了表單、視圖的動態功能可擴展；談華宇[5]等人設計了基于Bootstrap框架的動態表單在線設計器，通過置換型模板引擎，滿足了表單形式不斷變化的要求。下文將對Bootstrap框架進行簡單闡述。

2.2 Bootstrap框架

Bootstrap來自于美國的Twitter公司，是一個基于HTML、CSS、JavaScript的前端開發框架。Bootstrap中包含的主要內容有CSS、組件、JavaScript插件等：

（1）Bootstrap帶有以下主要特性：全局的CSS設置、HTML的基本元素、輔助類以及網格系統。

（2）Bootstrap中含有大量的Web組件，如輸入框、進度條、下拉菜單等，利用這類組件，能夠迅速完成一個美觀大方、功能齊全的網站的搭建。

（3）Bootstrap自帶十余個自定義的插件，其中包括模態框、彈出框、警告框等等，可以給網站帶來更多互動。由于大部分插件無需編寫代碼，既可自動觸發，降低了使用難度，易用性高。

2.3 建設步驟

本文以揚州大學為例，闡述基于Bootstrap框架的表單構造器（formbuilder）在用印流程中的應用。用印流程建設步驟如圖1所示，以下本文將詳細闡述四個步驟。

首先，完成前端表單頁面的設計，前端組件類型如圖2所示。

圖2中包括輸入框、選擇框等組件。在設計前端頁面時，將所需的組件拖拽至相應的編輯區即可。設計頁面主要由四個部分組成，分別為申請人的基本信息、用印信息、審批信息和有待擴展的信息?；拘畔⒁话惆ㄉ暾埲说墓ぬ?、姓名等，考慮到姓名的重名情況，本文采用工號作為唯一識別碼。用印信息代表的是具體的用印類型、時間、事由等。審批信息是部門領導和校領導的審批意見，分為同意、不同意和退回三種情況。待擴展是指今后需要補充和擴展的信息。用印流程的前端頁面設計如圖3所示。

其次，根據前端的頁面信息，建設對應的流程模型。在建設模型的時候，需要掌握流程的基本走向。流程模型包括開始事件、任務、網關、邊界事件、結束事件等。構建模型時，有三個注意點：首先，為完成模型的成功部署，需要在模型配置中將正確的表單地址填入；其次，每配置一個任務，都要將相應的表單屬性進行修改，不能遺漏；最后，對于流程完結、退回，需要配置短信提示，輸入的短信模式是不同的，注意區分。用印申請的流程模型如圖4所示。

再次，新建用印申請應用，此應用將會在服務大廳的最新發布中顯現。部分界面如圖5所示。

最后，完成該應用的權限分配。對于每個流程，一般權限主要劃分為：教職工（專任教師、行政人員、教輔人員等）、學生（本科生、研究生）。因為此應用主要針對教職工，所以將此應用的權限分配給教職工。

通過以上四個步驟，本文完成了揚州大學用印流程的建設。當然，采用動態表單的方式不僅能夠快速完成流程的構建，對于后期的維護和管理工作有幾大優勢：

（1）易于修改細節錯誤。在構建流程模型時，配置短信可能指向錯誤：當流程出現技術性問題時，短信應發至學校的信息技術部門；而當師生想要咨詢流程該如何填報時，短信應發至具體負責該流程的部門。如果在配置短信時指向不明，則會給不相關部門帶來額外的工作量。此時該平臺的管理員只需在流程模型里做簡單的修改，輕松解決該問題。

圖4：用印流程模型圖

圖5：用印流程應用的部分界面圖

（2）代碼可復用性強。動態表單的配置具有反向生成表單界面的功能。在圖2中，將代碼復制粘貼至源代碼表示框內，再點擊反向生成界面按鈕，即可快速生成表單界面。針對自身需求，對快速生成的界面進行簡單調整，輕松完成第一步表單的設計，提高流程建設的效率。

（3）便于表單界面友好性的提升。在師生的使用過程中，根據師生要求，管理員可以針對他們的每一步操作，補充相應的界面提示語等，使流程申請界面更加簡潔、直觀，易于師生使用。

（4）流程的可擴展性強。后期管理員可修改表單界面展示的表單字段、調整字段在界面上的展示順序等。即使對于比較復雜的操作，整個流程需要增加審核部門而言，只需用拖拽組件的方式動態修改前端設計頁面，然后在流程模型中添加任務，并進行相應的配置，即可完成流程的修改。

3 結束語

在高校信息化迅速發展的今天，對于業務流程的構建，不僅要求建設周期短、效率高，更要求有利于后期的維護與管理。本文以揚州大學為例，通過用印流程的簡單構建，充分發揮了動態表單技術與流程相結合的優勢，易于操作，可擴展性強。