◎林健 方奕斌

職業(yè)學(xué)校學(xué)生頂崗實(shí)習(xí)簽到系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

◎林健 方奕斌

該系統(tǒng)基于微信定位，能讓學(xué)生管理人員及時(shí)掌握學(xué)生頂崗實(shí)習(xí)過(guò)程中的地理位置信息，盡早排除因失聯(lián)引起的安全隱患。

項(xiàng)目背景及需求

2016年4月11日教育部等五部門(mén)聯(lián)合發(fā)布了《職業(yè)學(xué)校學(xué)生實(shí)習(xí)管理規(guī)定》（以下簡(jiǎn)稱(chēng)“規(guī)定”）。根據(jù)“規(guī)定”里面的要求，職業(yè)學(xué)校和實(shí)習(xí)單位須建立學(xué)生實(shí)習(xí)信息通報(bào)制度，保證學(xué)生實(shí)習(xí)期間安全生產(chǎn)，定期做好學(xué)生實(shí)習(xí)情況的檢查與匯報(bào)工作，及時(shí)做好實(shí)習(xí)過(guò)程中的問(wèn)題的記錄。

針對(duì)“規(guī)定”，廣東郵電職業(yè)技術(shù)學(xué)院擬定了一套學(xué)生頂崗實(shí)習(xí)的相關(guān)制度，要求頂崗實(shí)習(xí)的學(xué)生須每天進(jìn)行實(shí)習(xí)簽到，并上報(bào)所在的地理位置，另外還需按時(shí)提交實(shí)習(xí)日志。若超過(guò)兩個(gè)工作日以上沒(méi)有進(jìn)行實(shí)習(xí)簽到，則會(huì)被視作“存在失聯(lián)風(fēng)險(xiǎn)”，學(xué)生工作人員須對(duì)其進(jìn)行電話聯(lián)系，以確保該生的實(shí)習(xí)狀態(tài)和人身安全。

平臺(tái)的選擇

本簽到系統(tǒng)的核心功能是簽到和定位，純網(wǎng)頁(yè)無(wú)法滿(mǎn)足定位這一需求，所以對(duì)于開(kāi)發(fā)平臺(tái)的選擇被鎖定在手機(jī)App和微信公眾號(hào)開(kāi)發(fā)里面，而手機(jī)App開(kāi)發(fā)目前又分為原生App開(kāi)發(fā)和基于HTML5的混合式App開(kāi)發(fā)。通過(guò)調(diào)查發(fā)現(xiàn)，學(xué)生使用的手機(jī)操作系統(tǒng)有安卓、蘋(píng)果iOS和Windows Phone三種，如果使用原生App的方式開(kāi)發(fā)系統(tǒng)，則最起碼需要編寫(xiě)3套不同平臺(tái)的代碼，工作量非常龐大；基于HTML5的混合式App開(kāi)發(fā)工具目前以國(guó)外的Cordova和國(guó)內(nèi)的DCloud為主。但由于DCloud不支持Windows Phone手機(jī)平臺(tái)的而被我們暫時(shí)放棄，Cordova針對(duì)百度定位的插件版本過(guò)舊。最終決定使用微信公眾號(hào)作為本次項(xiàng)目的開(kāi)發(fā)平臺(tái)，其基于HTML5網(wǎng)頁(yè)的方式，同時(shí)配以定位、掃碼、支付等一系列基本接口，能滿(mǎn)足本次項(xiàng)目的要求。

系統(tǒng)的功能與設(shè)計(jì)

系統(tǒng)分為前后臺(tái)兩個(gè)部分，前臺(tái)是指通過(guò)微信接入的供學(xué)生簽到使用的一套HTML頁(yè)面，需要適配手機(jī)的分辨率。后臺(tái)是指供學(xué)生管理人員使用的網(wǎng)頁(yè)程序，主要通過(guò)臺(tái)式電腦瀏覽器使用，主要功能為一些基礎(chǔ)數(shù)據(jù)的設(shè)定和圖表統(tǒng)計(jì)數(shù)據(jù)，不需要優(yōu)先考慮適配手機(jī)的分辨率。

系統(tǒng)前臺(tái)主要功能：

①賬號(hào)綁定。系統(tǒng)首先要解決的問(wèn)題是學(xué)生用戶(hù)系統(tǒng)跟微信用戶(hù)數(shù)據(jù)（主要是openid）的對(duì)接，我們使用了賬號(hào)綁定機(jī)制，學(xué)生關(guān)注到微信公眾號(hào)以后，須憑借學(xué)號(hào)等個(gè)人信息進(jìn)行匹配，如果匹配命中，則可以成功綁定。

②實(shí)習(xí)簽到。利用微信內(nèi)置定位接口，記錄學(xué)生當(dāng)前諸如經(jīng)緯度等地理位置信息。

③自定義簽到。由于一些外部因素，造成微信獲取當(dāng)前地理位置信息失敗的情況，可以通過(guò)輸入當(dāng)前地理位置的中文名稱(chēng)，反向獲取經(jīng)緯度等地理位置信息。

系統(tǒng)后臺(tái)主要功能：

①基礎(chǔ)數(shù)據(jù)管理。設(shè)定系統(tǒng)的一些常量的數(shù)值，比如超過(guò)多少小時(shí)視作具有失聯(lián)風(fēng)險(xiǎn)。

②賬號(hào)、角色管理。管理教師、學(xué)生賬號(hào)，為其分配正確的系統(tǒng)角色。

③消息管理。主要用于發(fā)送系統(tǒng)內(nèi)消息到學(xué)生賬號(hào)。

④公告管理。主要用于推送圖文公告到微信端。

⑤數(shù)據(jù)統(tǒng)計(jì)。包括學(xué)生簽到記錄班級(jí)視圖、個(gè)人視圖等幾個(gè)圖表報(bào)表頁(yè)面。

基于以上功能點(diǎn)，我們?cè)O(shè)計(jì)出了學(xué)生表、班級(jí)表、簽到記錄表、消息表等主要數(shù)據(jù)表。

系統(tǒng)的實(shí)現(xiàn)

系統(tǒng)的前臺(tái)使用了jQuery Mobile作為前端框架，作為基于HTML5和jQuery的框架，只要付出極低的學(xué)習(xí)成本，就可以快速做出一套適配手機(jī)分辨率的網(wǎng)頁(yè)程序。同時(shí)缺點(diǎn)也比較明顯，其開(kāi)發(fā)團(tuán)隊(duì)自2014年10月31日發(fā)布了目前為止最后一個(gè)穩(wěn)定版本1.4.5以后就再也沒(méi)有版本更新了，其界面風(fēng)格跟目前主流的扁平風(fēng)格相比稍顯落伍，但不影響功能。

系統(tǒng)的后臺(tái)使用了ThinkPHP作為后臺(tái)框架，配合MySQL作為數(shù)據(jù)庫(kù)。在后臺(tái)統(tǒng)計(jì)數(shù)據(jù)的呈現(xiàn)上面，除了傳統(tǒng)的圖表控件插件以外，考慮到需要呈現(xiàn)學(xué)生每天的簽到狀況，最終決定用日歷視圖來(lái)呈現(xiàn)簽到數(shù)據(jù)，我們使用了fullcalendar插件，它可以為學(xué)生管理人員提供非常直觀的視圖，如圖1所示。

該系統(tǒng)作為現(xiàn)有實(shí)習(xí)管理系統(tǒng)的一個(gè)有益補(bǔ)充，能夠?qū)W(xué)生實(shí)習(xí)過(guò)程中可能存在的安全風(fēng)險(xiǎn)進(jìn)行一個(gè)預(yù)警，同時(shí)加強(qiáng)了學(xué)校對(duì)學(xué)生校外實(shí)踐的過(guò)程管理，對(duì)校企雙方都有著重大的意義。

（作者單位：廣東郵電職業(yè)技術(shù)學(xué)院）

2016年廣東省“攀登計(jì)劃”--廣東大學(xué)生科技創(chuàng)新培育專(zhuān)項(xiàng)基金（項(xiàng)目編號(hào)pdjh2016b0654 ）的研究成果。