楊士卿
(天津師范大學(xué),天津 300387)
隨著高校校園數(shù)字化不斷建設(shè),校園內(nèi)互聯(lián)網(wǎng)基本全面覆蓋[1],校內(nèi)一卡通也已經(jīng)普及,目前一卡通已經(jīng)應(yīng)用于門禁、圖書借閱等系統(tǒng)中。當(dāng)前,高校組織的眾多會議和活動中,往往采用傳統(tǒng)的人工簽到的方式進行統(tǒng)計,效率低下且不便統(tǒng)計[2]。筆者將研究基于B/S即瀏覽器/服務(wù)器結(jié)構(gòu)的一卡通會議簽到系統(tǒng),實現(xiàn)使用一卡通數(shù)字化簽到,提高系統(tǒng)簽到和統(tǒng)計效率。
一卡通會議簽到系統(tǒng)主要針對高校內(nèi)會議、普通活動和預(yù)約類活動的簽到,預(yù)約類活動是指活動過于熱門參與者眾多所以需要提前預(yù)約搶票的活動,這類活動發(fā)生時搶到票的同學(xué)優(yōu)先進場,其他想?yún)⑴c的同學(xué)在搶到票的人員入場完畢后有余位再入場。方便起見,在本文中統(tǒng)稱會議。本系統(tǒng)的主要目的,首先是將會議傳統(tǒng)人工簽到過程數(shù)字化,節(jié)省人力物力,二是精確記錄會議召開時間、與會人員應(yīng)到情況、與會人員實到情況、進場時間、場館剩余座位情況、未預(yù)約人員入場情況等。根據(jù)上述需求,具體分析如下:
(1)用戶端,包括正常簽到和未預(yù)約活動入場簽到,無需注冊,由管理員在后臺添加全校師生基本信息和參加本次會議的工號/學(xué)號;
(2)管理員端,包括登錄、會議添加、查看、修改和刪除,用戶添加、查詢、修改和刪除,查看和導(dǎo)出會議簽到和人員出席情況。
軟件方面,本系統(tǒng)采用開源的PHP開發(fā)語言和MYSQL數(shù)據(jù)庫,前端配合使用jQuery和ajax,能夠開發(fā)分層清晰、穩(wěn)定、擴展性強的系統(tǒng)。硬件方面,與本校一卡通管理部門溝通采購支持本校一卡通的經(jīng)濟性良好、靈活性好、出錯率極低的非接觸式智能讀寫器,目前該讀寫器已在圖書館圖書借閱系統(tǒng)中使用,通過一卡通讀寫接口與會議簽到系統(tǒng)連接。從技術(shù)層面和經(jīng)濟層面本系統(tǒng)開發(fā)具有可行性。
在系統(tǒng)需求分析的基礎(chǔ)上,采用B/S結(jié)構(gòu)進行系統(tǒng)構(gòu)建,服務(wù)器端腳本語言選擇PHP語言,使用輕量級MVC框架ThinkPHP來開發(fā)。B/S結(jié)構(gòu)在網(wǎng)絡(luò)系統(tǒng)開發(fā)中應(yīng)用廣泛[3],使用 B/S結(jié)構(gòu)具有分布性強、可擴展性強、維護簡單等優(yōu)點,用戶無需下載客戶端,只要有網(wǎng)絡(luò)和瀏覽器即可使用,擴展與更新維護等工作均在服務(wù)器端進行,用戶在瀏覽器端刷新即可享用更新[4]。在 B/S結(jié)構(gòu)的基礎(chǔ)上,本系統(tǒng)采用MVC框架,MVC是模型、控制器、視圖的縮寫[5],其中視圖表示用戶界面,模型層定義業(yè)務(wù)規(guī)則,使得一種規(guī)則可以被多個視圖重用,控制器層接受用戶輸入并調(diào)用其他兩層完成用戶指令[6]。分層使數(shù)據(jù)模型和界面層實現(xiàn)代碼分離,便于維護,有利于開發(fā)分工和組件重用[7]。
技術(shù)實現(xiàn)方面,會議簽到時頁面內(nèi)顯示實時簽到人數(shù),使用Ajax局部刷新技術(shù)實現(xiàn);數(shù)據(jù)導(dǎo)出功能使用第三方開發(fā)的PHP Excel插件實現(xiàn)。
(1)安全性:由于本系統(tǒng)內(nèi)包含了全校師生的基本信息和系列會議簽到信息,應(yīng)保證系統(tǒng)的穩(wěn)定性和保密性,同時應(yīng)定時備份,防止用戶數(shù)據(jù)丟失[8]。
(2)先進性:系統(tǒng)采用先進的、成熟的技術(shù)方法,便于后期維護[9]。
(3)可擴展性:系統(tǒng)應(yīng)具有較高的可擴展性,能夠支持將來功能模塊的平滑擴充以及數(shù)據(jù)量的增長,兼容性、可移植性良好[10]。
本系統(tǒng)劃分用戶模塊和管理員模塊。用戶模塊包括正常簽到和未預(yù)約簽到。管理員模塊則包括登錄模塊、會議管理模塊、用戶管理模塊、簽到情況查看與導(dǎo)出模塊。系統(tǒng)功能模塊圖如圖1所示。
圖1 系統(tǒng)功能模塊圖Fig.1 Sy stem function module
系統(tǒng)整理流程圖如圖2所示。
主要表包括活動信息表、需與會人員(或已預(yù)約活動人員)名單表、用戶基本信息表、簽到記錄表。
其中,用戶基本信息表將與學(xué)校相關(guān)部門的師生基本信息表對接,活動類已預(yù)約名單表和管理相關(guān)搶票活動的數(shù)據(jù)庫表對接。
活動信息表主要包括會議編號、會議名稱、會議地點、會議時間、可容納人數(shù)、插入時間等。
需與會人員名單表主要包括預(yù)約編號、會議編號、學(xué)號/工號、是否簽到等。
用戶基本信息表包括學(xué)號/工號、姓名、學(xué)院等。
簽到記錄表包括簽到編號、會議編號、學(xué)號/工號、簽到時間、是否屬于需與會人員或已預(yù)約活動的人員等。
會議管理界面和會議簽到界面如圖3所示。
管理員可以在會議管理界面直接添加會議、刪除會議、查看會議詳情、單擊會議某項信息編輯保存。系統(tǒng)界面本著簡潔明了的設(shè)計理念,將會議管理增刪改查功能設(shè)置于同一頁面中,通過使用Ajax技術(shù)在一個頁面內(nèi)提交請求并局部刷新實現(xiàn)增刪改查。
會議簽到界面如圖4所示,簽到成功和提示未預(yù)約同學(xué)稍后的彈框如圖5和6所示。
圖2 系統(tǒng)整體流程Fig.2 General process of the system
圖3 會議管理界面Fig.3 Con ference management interface
圖4 會議簽到界面Fig.4 Conference sign in interface
在會議簽到模塊,首先,需要工作人員選擇簽到會議,優(yōu)先進入需與會人員簽到(已預(yù)約用戶簽到)界面,當(dāng)用戶拍下一卡通時,彈框提示用戶基本信息。彈出基本信息包括:簽到成功提示、用戶姓名、用戶真實頭像、學(xué)院、簽到時間。用戶真實頭像照片以學(xué)號/工號命名,讀取照片的時候直接使用學(xué)號/工號調(diào)用,同時省去數(shù)據(jù)庫存儲頭像地址的字段。測試過程中,為使系統(tǒng)支持不同用戶連續(xù)拍卡連續(xù)彈出用戶基本信息,因此彈出框不能使用Javascript自帶的alert彈框,而是需要自己編寫彈出層,彈出層在顯示幾秒后自動消失,如果不同用戶連續(xù)簽到則彈出框后簽到的人員基本信息覆蓋上一個人的基本信息,保證彈出信息的平穩(wěn)運行。用戶簽到時,彈出框提示伴有提升音,如果屬于與會人員或已經(jīng)預(yù)約活動的人員,則提示正常提示聲,如果非預(yù)約人員在正常簽到窗口簽到則提示錯誤提示音,彈出正常簽到結(jié)束后如有空余座位則開啟非預(yù)約人員簽到模式,否則則關(guān)閉系統(tǒng)。
圖5 簽到成功提示Fig.5 Signing success reminder
圖6 未預(yù)約提示Fig.6 No appointment reminder
經(jīng)過多輪白盒測試和黑盒測試,一卡通簽到系統(tǒng)平穩(wěn)運行。隨后上線應(yīng)用至全校部分大型活動簽到中。
基于B/S結(jié)構(gòu)的一卡通會議簽到系統(tǒng),初步實現(xiàn)了會議簽到的數(shù)字化,與會人員可以通過一卡通拍卡簽到,系統(tǒng)自動彈框提示簽到人員基本信息,系統(tǒng)界面顯示實時簽到人數(shù),管理員可以進行會議的增刪改查、用戶的增刪改查、以及查看和導(dǎo)出會議簽到情況。該系統(tǒng)節(jié)省了會議簽到環(huán)節(jié)的人力物力,為數(shù)據(jù)統(tǒng)計和審查提供了便利。此外,系統(tǒng)具有較強的穩(wěn)定性和可擴展性,未來希望和師生活動參與情況考核連接起來,為高校數(shù)字一體化建設(shè)做出貢獻。
[1] 閆實, 付佳, 石莉. 大數(shù)據(jù)環(huán)境下基于智慧校園的教學(xué)改革[J]. 軟件, 2018, 39(2): 208-211.
[2] 朱致遠. IOS 平臺上課堂實時反饋系統(tǒng)的設(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è)計與實現(xiàn)[J]. 軟件, 2015, 36(8): 79-83.
[5] 湯明偉, 鄭柳娟. 基于 MVC 的響應(yīng)式餐飲業(yè)工服供應(yīng)鏈分銷平臺的設(shè)計與實現(xiàn)[J]. 軟件, 2018, 39(3): 160-165.
[6] 韓凌波. 基于mvc 架構(gòu)的普法考試系統(tǒng)設(shè)計與實現(xiàn)[J]. 軟件, 2015, 36(3): 132-134.
[7] 葛管庫. MVC模式下程序設(shè)計[J]. 軟件, 2013, 34(02):49-51.
[8] 趙磊. 高校網(wǎng)站建設(shè)安全問題分析與對策[J].軟件, 2015,36(9): 104-105.
[9] 董恒競. 一種企業(yè)移動應(yīng)用平臺架構(gòu)設(shè)計[J]. 軟件, 2016,37(1): 136-138.
[10] 周超. 基于Web的預(yù)算項目管理系統(tǒng)設(shè)計與實現(xiàn)[J].軟件,2017, 38(6): 128-131.