基于B/S的一卡通會議簽到系統設計與實現

楊士卿

（天津師范大學，天津 300387）

0 引言

隨著高校校園數字化不斷建設，校園內互聯網基本全面覆蓋[1]，校內一卡通也已經普及，目前一卡通已經應用于門禁、圖書借閱等系統中。當前，高校組織的眾多會議和活動中，往往采用傳統的人工簽到的方式進行統計，效率低下且不便統計[2]。筆者將研究基于B/S即瀏覽器/服務器結構的一卡通會議簽到系統，實現使用一卡通數字化簽到，提高系統簽到和統計效率。

1 系統需求分析

1.1 需求分析

一卡通會議簽到系統主要針對高校內會議、普通活動和預約類活動的簽到，預約類活動是指活動過于熱門參與者眾多所以需要提前預約搶票的活動，這類活動發生時搶到票的同學優先進場，其他想參與的同學在搶到票的人員入場完畢后有余位再入場。方便起見，在本文中統稱會議。本系統的主要目的，首先是將會議傳統人工簽到過程數字化，節省人力物力，二是精確記錄會議召開時間、與會人員應到情況、與會人員實到情況、進場時間、場館剩余座位情況、未預約人員入場情況等。根據上述需求，具體分析如下：

（1）用戶端，包括正常簽到和未預約活動入場簽到，無需注冊，由管理員在后臺添加全校師生基本信息和參加本次會議的工號/學號；

（2）管理員端，包括登錄、會議添加、查看、修改和刪除，用戶添加、查詢、修改和刪除，查看和導出會議簽到和人員出席情況。

1.2 可行性分析

軟件方面，本系統采用開源的PHP開發語言和MYSQL數據庫，前端配合使用jQuery和ajax，能夠開發分層清晰、穩定、擴展性強的系統。硬件方面，與本校一卡通管理部門溝通采購支持本校一卡通的經濟性良好、靈活性好、出錯率極低的非接觸式智能讀寫器，目前該讀寫器已在圖書館圖書借閱系統中使用，通過一卡通讀寫接口與會議簽到系統連接。從技術層面和經濟層面本系統開發具有可行性。

2 系統總體設計

2.1 系統結構

在系統需求分析的基礎上，采用B/S結構進行系統構建，服務器端腳本語言選擇PHP語言，使用輕量級MVC框架ThinkPHP來開發。B/S結構在網絡系統開發中應用廣泛[3]，使用 B/S結構具有分布性強、可擴展性強、維護簡單等優點，用戶無需下載客戶端，只要有網絡和瀏覽器即可使用，擴展與更新維護等工作均在服務器端進行，用戶在瀏覽器端刷新即可享用更新[4]。在 B/S結構的基礎上，本系統采用MVC框架，MVC是模型、控制器、視圖的縮寫[5]，其中視圖表示用戶界面，模型層定義業務規則，使得一種規則可以被多個視圖重用，控制器層接受用戶輸入并調用其他兩層完成用戶指令[6]。分層使數據模型和界面層實現代碼分離，便于維護，有利于開發分工和組件重用[7]。

技術實現方面，會議簽到時頁面內顯示實時簽到人數，使用Ajax局部刷新技術實現；數據導出功能使用第三方開發的PHP Excel插件實現。

2.2 系統設計與開發原則

（1）安全性：由于本系統內包含了全校師生的基本信息和系列會議簽到信息，應保證系統的穩定性和保密性，同時應定時備份，防止用戶數據丟失[8]。

（2）先進性：系統采用先進的、成熟的技術方法，便于后期維護[9]。

（3）可擴展性：系統應具有較高的可擴展性，能夠支持將來功能模塊的平滑擴充以及數據量的增長，兼容性、可移植性良好[10]。

2.3 系統功能模塊圖

本系統劃分用戶模塊和管理員模塊。用戶模塊包括正常簽到和未預約簽到。管理員模塊則包括登錄模塊、會議管理模塊、用戶管理模塊、簽到情況查看與導出模塊。系統功能模塊圖如圖1所示。

圖1 系統功能模塊圖Fig.1 Sy stem function module

2.4 系統整體流程

系統整理流程圖如圖2所示。

2.5 數據庫設計

主要表包括活動信息表、需與會人員（或已預約活動人員）名單表、用戶基本信息表、簽到記錄表。

其中，用戶基本信息表將與學校相關部門的師生基本信息表對接，活動類已預約名單表和管理相關搶票活動的數據庫表對接。

活動信息表主要包括會議編號、會議名稱、會議地點、會議時間、可容納人數、插入時間等。

需與會人員名單表主要包括預約編號、會議編號、學號/工號、是否簽到等。

用戶基本信息表包括學號/工號、姓名、學院等。

簽到記錄表包括簽到編號、會議編號、學號/工號、簽到時間、是否屬于需與會人員或已預約活動的人員等。

3 系統實現與測試

會議管理界面和會議簽到界面如圖3所示。

管理員可以在會議管理界面直接添加會議、刪除會議、查看會議詳情、單擊會議某項信息編輯保存。系統界面本著簡潔明了的設計理念，將會議管理增刪改查功能設置于同一頁面中，通過使用Ajax技術在一個頁面內提交請求并局部刷新實現增刪改查。

會議簽到界面如圖4所示，簽到成功和提示未預約同學稍后的彈框如圖5和6所示。

圖2 系統整體流程Fig.2 General process of the system

圖3 會議管理界面Fig.3 Con ference management interface

圖4 會議簽到界面Fig.4 Conference sign in interface

在會議簽到模塊，首先，需要工作人員選擇簽到會議，優先進入需與會人員簽到（已預約用戶簽到）界面，當用戶拍下一卡通時，彈框提示用戶基本信息。彈出基本信息包括：簽到成功提示、用戶姓名、用戶真實頭像、學院、簽到時間。用戶真實頭像照片以學號/工號命名，讀取照片的時候直接使用學號/工號調用，同時省去數據庫存儲頭像地址的字段。測試過程中，為使系統支持不同用戶連續拍卡連續彈出用戶基本信息，因此彈出框不能使用Javascript自帶的alert彈框，而是需要自己編寫彈出層，彈出層在顯示幾秒后自動消失，如果不同用戶連續簽到則彈出框后簽到的人員基本信息覆蓋上一個人的基本信息，保證彈出信息的平穩運行。用戶簽到時，彈出框提示伴有提升音，如果屬于與會人員或已經預約活動的人員，則提示正常提示聲，如果非預約人員在正常簽到窗口簽到則提示錯誤提示音，彈出正常簽到結束后如有空余座位則開啟非預約人員簽到模式，否則則關閉系統。

圖5 簽到成功提示Fig.5 Signing success reminder

圖6 未預約提示Fig.6 No appointment reminder

經過多輪白盒測試和黑盒測試，一卡通簽到系統平穩運行。隨后上線應用至全校部分大型活動簽到中。

4 結論

基于B/S結構的一卡通會議簽到系統，初步實現了會議簽到的數字化，與會人員可以通過一卡通拍卡簽到，系統自動彈框提示簽到人員基本信息，系統界面顯示實時簽到人數，管理員可以進行會議的增刪改查、用戶的增刪改查、以及查看和導出會議簽到情況。該系統節省了會議簽到環節的人力物力，為數據統計和審查提供了便利。此外，系統具有較強的穩定性和可擴展性，未來希望和師生活動參與情況考核連接起來，為高校數字一體化建設做出貢獻。

[1] 閆實, 付佳, 石莉. 大數據環境下基于智慧校園的教學改革[J]. 軟件, 2018, 39(2): 208-211.

[2] 朱致遠. IOS 平臺上課堂實時反饋系統的設計與實現[J].軟件, 2015, 36(2): 102-106.

[3] 肖坤峨, 虞泉. 基于WEB的智能答疑系統的研究與構建[J]. 軟件, 2015, 36(6): 31-36.

[4] 胡智慧, 朱斐. 基于B/S架構的培訓部課程管理系統的設計與實現[J]. 軟件, 2015, 36(8): 79-83.

[5] 湯明偉, 鄭柳娟. 基于 MVC 的響應式餐飲業工服供應鏈分銷平臺的設計與實現[J]. 軟件, 2018, 39(3): 160-165.

[6] 韓凌波. 基于mvc 架構的普法考試系統設計與實現[J]. 軟件, 2015, 36(3): 132-134.

[7] 葛管庫. MVC模式下程序設計[J]. 軟件, 2013, 34(02):49-51.

[8] 趙磊. 高校網站建設安全問題分析與對策[J].軟件, 2015,36(9): 104-105.

[9] 董恒競. 一種企業移動應用平臺架構設計[J]. 軟件, 2016,37(1): 136-138.

[10] 周超. 基于Web的預算項目管理系統設計與實現[J].軟件,2017, 38(6): 128-131.