基于B/S的一卡通會(huì)議簽到系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

楊士卿

（天津師范大學(xué)，天津 300387）

0 引言

隨著高校校園數(shù)字化不斷建設(shè)，校園內(nèi)互聯(lián)網(wǎng)基本全面覆蓋[1]，校內(nèi)一卡通也已經(jīng)普及，目前一卡通已經(jīng)應(yīng)用于門禁、圖書借閱等系統(tǒng)中。當(dāng)前，高校組織的眾多會(huì)議和活動(dòng)中，往往采用傳統(tǒng)的人工簽到的方式進(jìn)行統(tǒng)計(jì)，效率低下且不便統(tǒng)計(jì)[2]。筆者將研究基于B/S即瀏覽器/服務(wù)器結(jié)構(gòu)的一卡通會(huì)議簽到系統(tǒng)，實(shí)現(xiàn)使用一卡通數(shù)字化簽到，提高系統(tǒng)簽到和統(tǒng)計(jì)效率。

1 系統(tǒng)需求分析

1.1 需求分析

一卡通會(huì)議簽到系統(tǒng)主要針對(duì)高校內(nèi)會(huì)議、普通活動(dòng)和預(yù)約類活動(dòng)的簽到，預(yù)約類活動(dòng)是指活動(dòng)過(guò)于熱門參與者眾多所以需要提前預(yù)約搶票的活動(dòng)，這類活動(dòng)發(fā)生時(shí)搶到票的同學(xué)優(yōu)先進(jìn)場(chǎng)，其他想?yún)⑴c的同學(xué)在搶到票的人員入場(chǎng)完畢后有余位再入場(chǎng)。方便起見(jiàn)，在本文中統(tǒng)稱會(huì)議。本系統(tǒng)的主要目的，首先是將會(huì)議傳統(tǒng)人工簽到過(guò)程數(shù)字化，節(jié)省人力物力，二是精確記錄會(huì)議召開(kāi)時(shí)間、與會(huì)人員應(yīng)到情況、與會(huì)人員實(shí)到情況、進(jìn)場(chǎng)時(shí)間、場(chǎng)館剩余座位情況、未預(yù)約人員入場(chǎng)情況等。根據(jù)上述需求，具體分析如下：

（1）用戶端，包括正常簽到和未預(yù)約活動(dòng)入場(chǎng)簽到，無(wú)需注冊(cè)，由管理員在后臺(tái)添加全校師生基本信息和參加本次會(huì)議的工號(hào)/學(xué)號(hào)；

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

1.2 可行性分析

軟件方面，本系統(tǒng)采用開(kāi)源的PHP開(kāi)發(fā)語(yǔ)言和MYSQL數(shù)據(jù)庫(kù)，前端配合使用jQuery和ajax，能夠開(kāi)發(fā)分層清晰、穩(wěn)定、擴(kuò)展性強(qiáng)的系統(tǒng)。硬件方面，與本校一卡通管理部門溝通采購(gòu)支持本校一卡通的經(jīng)濟(jì)性良好、靈活性好、出錯(cuò)率極低的非接觸式智能讀寫器，目前該讀寫器已在圖書館圖書借閱系統(tǒng)中使用，通過(guò)一卡通讀寫接口與會(huì)議簽到系統(tǒng)連接。從技術(shù)層面和經(jīng)濟(jì)層面本系統(tǒng)開(kāi)發(fā)具有可行性。

2 系統(tǒng)總體設(shè)計(jì)

2.1 系統(tǒng)結(jié)構(gòu)

在系統(tǒng)需求分析的基礎(chǔ)上，采用B/S結(jié)構(gòu)進(jìn)行系統(tǒng)構(gòu)建，服務(wù)器端腳本語(yǔ)言選擇PHP語(yǔ)言，使用輕量級(jí)MVC框架ThinkPHP來(lái)開(kāi)發(fā)。B/S結(jié)構(gòu)在網(wǎng)絡(luò)系統(tǒng)開(kāi)發(fā)中應(yīng)用廣泛[3]，使用 B/S結(jié)構(gòu)具有分布性強(qiáng)、可擴(kuò)展性強(qiáng)、維護(hù)簡(jiǎn)單等優(yōu)點(diǎn)，用戶無(wú)需下載客戶端，只要有網(wǎng)絡(luò)和瀏覽器即可使用，擴(kuò)展與更新維護(hù)等工作均在服務(wù)器端進(jìn)行，用戶在瀏覽器端刷新即可享用更新[4]。在 B/S結(jié)構(gòu)的基礎(chǔ)上，本系統(tǒng)采用MVC框架，MVC是模型、控制器、視圖的縮寫[5]，其中視圖表示用戶界面，模型層定義業(yè)務(wù)規(guī)則，使得一種規(guī)則可以被多個(gè)視圖重用，控制器層接受用戶輸入并調(diào)用其他兩層完成用戶指令[6]。分層使數(shù)據(jù)模型和界面層實(shí)現(xiàn)代碼分離，便于維護(hù)，有利于開(kāi)發(fā)分工和組件重用[7]。

技術(shù)實(shí)現(xiàn)方面，會(huì)議簽到時(shí)頁(yè)面內(nèi)顯示實(shí)時(shí)簽到人數(shù)，使用Ajax局部刷新技術(shù)實(shí)現(xiàn)；數(shù)據(jù)導(dǎo)出功能使用第三方開(kāi)發(fā)的PHP Excel插件實(shí)現(xiàn)。

2.2 系統(tǒng)設(shè)計(jì)與開(kāi)發(fā)原則

（1）安全性：由于本系統(tǒng)內(nèi)包含了全校師生的基本信息和系列會(huì)議簽到信息，應(yīng)保證系統(tǒng)的穩(wěn)定性和保密性，同時(shí)應(yīng)定時(shí)備份，防止用戶數(shù)據(jù)丟失[8]。

（2）先進(jìn)性：系統(tǒng)采用先進(jìn)的、成熟的技術(shù)方法，便于后期維護(hù)[9]。

（3）可擴(kuò)展性：系統(tǒng)應(yīng)具有較高的可擴(kuò)展性，能夠支持將來(lái)功能模塊的平滑擴(kuò)充以及數(shù)據(jù)量的增長(zhǎng)，兼容性、可移植性良好[10]。

2.3 系統(tǒng)功能模塊圖

本系統(tǒng)劃分用戶模塊和管理員模塊。用戶模塊包括正常簽到和未預(yù)約簽到。管理員模塊則包括登錄模塊、會(huì)議管理模塊、用戶管理模塊、簽到情況查看與導(dǎo)出模塊。系統(tǒng)功能模塊圖如圖1所示。

圖1 系統(tǒng)功能模塊圖Fig.1 Sy stem function module

2.4 系統(tǒng)整體流程

系統(tǒng)整理流程圖如圖2所示。

2.5 數(shù)據(jù)庫(kù)設(shè)計(jì)

主要表包括活動(dòng)信息表、需與會(huì)人員（或已預(yù)約活動(dòng)人員）名單表、用戶基本信息表、簽到記錄表。

其中，用戶基本信息表將與學(xué)校相關(guān)部門的師生基本信息表對(duì)接，活動(dòng)類已預(yù)約名單表和管理相關(guān)搶票活動(dòng)的數(shù)據(jù)庫(kù)表對(duì)接。

活動(dòng)信息表主要包括會(huì)議編號(hào)、會(huì)議名稱、會(huì)議地點(diǎn)、會(huì)議時(shí)間、可容納人數(shù)、插入時(shí)間等。

需與會(huì)人員名單表主要包括預(yù)約編號(hào)、會(huì)議編號(hào)、學(xué)號(hào)/工號(hào)、是否簽到等。

用戶基本信息表包括學(xué)號(hào)/工號(hào)、姓名、學(xué)院等。

簽到記錄表包括簽到編號(hào)、會(huì)議編號(hào)、學(xué)號(hào)/工號(hào)、簽到時(shí)間、是否屬于需與會(huì)人員或已預(yù)約活動(dòng)的人員等。

3 系統(tǒng)實(shí)現(xiàn)與測(cè)試

會(huì)議管理界面和會(huì)議簽到界面如圖3所示。

管理員可以在會(huì)議管理界面直接添加會(huì)議、刪除會(huì)議、查看會(huì)議詳情、單擊會(huì)議某項(xiàng)信息編輯保存。系統(tǒng)界面本著簡(jiǎn)潔明了的設(shè)計(jì)理念，將會(huì)議管理增刪改查功能設(shè)置于同一頁(yè)面中，通過(guò)使用Ajax技術(shù)在一個(gè)頁(yè)面內(nèi)提交請(qǐng)求并局部刷新實(shí)現(xiàn)增刪改查。

會(huì)議簽到界面如圖4所示，簽到成功和提示未預(yù)約同學(xué)稍后的彈框如圖5和6所示。

圖2 系統(tǒng)整體流程Fig.2 General process of the system

圖3 會(huì)議管理界面Fig.3 Con ference management interface

圖4 會(huì)議簽到界面Fig.4 Conference sign in interface

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

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

圖6 未預(yù)約提示Fig.6 No appointment reminder

經(jīng)過(guò)多輪白盒測(cè)試和黑盒測(cè)試，一卡通簽到系統(tǒng)平穩(wěn)運(yùn)行。隨后上線應(yīng)用至全校部分大型活動(dòng)簽到中。

4 結(jié)論

基于B/S結(jié)構(gòu)的一卡通會(huì)議簽到系統(tǒng)，初步實(shí)現(xiàn)了會(huì)議簽到的數(shù)字化，與會(huì)人員可以通過(guò)一卡通拍卡簽到，系統(tǒng)自動(dòng)彈框提示簽到人員基本信息，系統(tǒng)界面顯示實(shí)時(shí)簽到人數(shù)，管理員可以進(jìn)行會(huì)議的增刪改查、用戶的增刪改查、以及查看和導(dǎo)出會(huì)議簽到情況。該系統(tǒng)節(jié)省了會(huì)議簽到環(huán)節(jié)的人力物力，為數(shù)據(jù)統(tǒng)計(jì)和審查提供了便利。此外，系統(tǒng)具有較強(qiáng)的穩(wěn)定性和可擴(kuò)展性，未來(lái)希望和師生活動(dòng)參與情況考核連接起來(lái)，為高校數(shù)字一體化建設(shè)做出貢獻(xiàn)。

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

[2] 朱致遠(yuǎn). IOS 平臺(tái)上課堂實(shí)時(shí)反饋系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].軟件, 2015, 36(2): 102-106.

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

[4] 胡智慧, 朱斐. 基于B/S架構(gòu)的培訓(xùn)部課程管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 軟件, 2015, 36(8): 79-83.

[5] 湯明偉, 鄭柳娟. 基于 MVC 的響應(yīng)式餐飲業(yè)工服供應(yīng)鏈分銷平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 軟件, 2018, 39(3): 160-165.

[6] 韓凌波. 基于mvc 架構(gòu)的普法考試系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J]. 軟件, 2015, 36(3): 132-134.

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

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

[9] 董恒競(jìng). 一種企業(yè)移動(dòng)應(yīng)用平臺(tái)架構(gòu)設(shè)計(jì)[J]. 軟件, 2016,37(1): 136-138.

[10] 周超. 基于Web的預(yù)算項(xiàng)目管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].軟件,2017, 38(6): 128-131.