劉芮東+魏柳+王佳媛+馬曉星

摘要：為了提高實(shí)驗(yàn)室的使用效率，我們?cè)O(shè)計(jì)了基于智能設(shè)備使用的實(shí)驗(yàn)室開放預(yù)約系統(tǒng)，最終達(dá)到教學(xué)資源得以充分利用的目標(biāo)，可以改善以往手工管理效率低等缺點(diǎn)。學(xué)生通過智能設(shè)備使用開放預(yù)約系統(tǒng)預(yù)約實(shí)驗(yàn)室，比傳統(tǒng)的通過電腦進(jìn)行預(yù)約操作具有更高的自由度和方便性，是一款老師、學(xué)生都能便捷使用的，實(shí)現(xiàn)最大化地利用實(shí)驗(yàn)室教學(xué)資源，方便管理者管理實(shí)驗(yàn)室資源，完成更多教學(xué)任務(wù)的系統(tǒng)。

關(guān)鍵詞：智能設(shè)備；實(shí)驗(yàn)室預(yù)約；響應(yīng)式設(shè)計(jì)

實(shí)驗(yàn)室是培養(yǎng)學(xué)生創(chuàng)新精神與實(shí)踐能力的重要基地。一般實(shí)驗(yàn)室開放預(yù)約是通過個(gè)人電腦登錄實(shí)驗(yàn)室管理系統(tǒng)來進(jìn)行，傳統(tǒng)的實(shí)驗(yàn)室管理系統(tǒng)在系統(tǒng)的擴(kuò)展性、靈活性和互操作性上都有較大的缺陷。這種方式對(duì)于現(xiàn)今的學(xué)習(xí)和管理需求來說過于落后。因此把移動(dòng)網(wǎng)絡(luò)開發(fā)技術(shù)引入到開放實(shí)驗(yàn)室管理系統(tǒng)的建設(shè)中。而且目前高校無線網(wǎng)絡(luò)已非常普及，智能設(shè)備可以無線接人互聯(lián)網(wǎng)，具有擴(kuò)展性能強(qiáng)的優(yōu)勢(shì)，實(shí)驗(yàn)室開放管理系統(tǒng)的移動(dòng)化成為必然，更加方便和人性化。

1實(shí)驗(yàn)室預(yù)約平臺(tái)功能

本項(xiàng)目根據(jù)在校大學(xué)生對(duì)于方便查詢實(shí)驗(yàn)室信息及預(yù)約實(shí)驗(yàn)室普遍的需求，運(yùn)用智能設(shè)備的訪問網(wǎng)頁的響應(yīng)式設(shè)計(jì)，設(shè)計(jì)了基于智能設(shè)備的實(shí)驗(yàn)室預(yù)約系統(tǒng)，通過與服務(wù)器進(jìn)行通信，幫助管理部門實(shí)現(xiàn)實(shí)時(shí)查詢實(shí)驗(yàn)室信息、預(yù)約實(shí)驗(yàn)室、審核預(yù)約等功能，為學(xué)校的實(shí)驗(yàn)室等資源管理提供了更為快捷有效的管理方案，以實(shí)現(xiàn)實(shí)驗(yàn)室的教學(xué)資源的最大利用，最終達(dá)到教學(xué)資源得以充分利用的目標(biāo)，可以改善以往手工管理效率低等缺點(diǎn)。

該實(shí)驗(yàn)室開放預(yù)約平臺(tái)實(shí)現(xiàn)了實(shí)驗(yàn)室管理功能以及預(yù)約實(shí)驗(yàn)室功能，是一款老師、學(xué)生都能便捷使用的，方便管理者管理實(shí)驗(yàn)室資源，完成更多教學(xué)任務(wù)的平臺(tái)?；谥悄茉O(shè)備響應(yīng)式設(shè)計(jì)的程序架構(gòu)，最終實(shí)現(xiàn)了用戶登錄、實(shí)驗(yàn)室查詢、課表查詢、預(yù)約實(shí)驗(yàn)室等多個(gè)功能模塊功能模塊如圖1所示。

1）學(xué)生用戶：①學(xué)生端帳號(hào)的注冊(cè)與登錄；②查看實(shí)驗(yàn)室信息：實(shí)驗(yàn)室信息包括實(shí)驗(yàn)室的開放實(shí)驗(yàn)設(shè)備、可進(jìn)行的實(shí)驗(yàn)課程的設(shè)備、實(shí)驗(yàn)教師的個(gè)人資料、實(shí)驗(yàn)室開放時(shí)間、實(shí)驗(yàn)室預(yù)約情況，如圖2所示；③預(yù)約實(shí)驗(yàn)室：按照實(shí)驗(yàn)要求確定實(shí)驗(yàn)室的名稱和使用時(shí)間；④查看和修改預(yù)約結(jié)果：查看預(yù)約是否成功被審核，查看自己以往預(yù)約的歷史記錄，也可以修改預(yù)約內(nèi)容或刪除預(yù)約，如圖3所示。

2）管理員用戶：①管理員帳號(hào)的注冊(cè)與登錄；②查看實(shí)驗(yàn)室信息：了解實(shí)驗(yàn)室的預(yù)約情況，統(tǒng)計(jì)實(shí)驗(yàn)室使用頻率以便更加合理的加以管理，如圖4所示；③更新實(shí)驗(yàn)室信息。實(shí)驗(yàn)室的設(shè)備和實(shí)驗(yàn)課程會(huì)發(fā)生變化，因此系統(tǒng)應(yīng)具有更新功能。④對(duì)學(xué)生的預(yù)約進(jìn)行審核：實(shí)驗(yàn)室管理教師根據(jù)實(shí)際情況審核學(xué)生信息。

2設(shè)計(jì)重點(diǎn)

在進(jìn)行系統(tǒng)設(shè)計(jì)和需求調(diào)研時(shí)，我們?cè)O(shè)計(jì)實(shí)驗(yàn)室開放預(yù)約系統(tǒng)應(yīng)當(dāng)具備這樣的功能：

1）在校園網(wǎng)內(nèi)任意的聯(lián)網(wǎng)設(shè)備上，學(xué)生可以隨時(shí)登錄預(yù)約系統(tǒng)，教師也可以方便地登錄系統(tǒng)進(jìn)行管理，確保預(yù)約信息資料不被破壞，以及登錄賬戶信息不被泄漏。

2）實(shí)驗(yàn)室管理功能：實(shí)驗(yàn)室管理老師能夠添加、修改、刪除實(shí)驗(yàn)室及相關(guān)信息，發(fā)布可以開放的實(shí)驗(yàn)室相關(guān)信息；能夠?qū)W(xué)生、老師的基本信息進(jìn)行管理，實(shí)驗(yàn)室管理老師確認(rèn)學(xué)生的用戶資格以及對(duì)實(shí)驗(yàn)室預(yù)約進(jìn)行處理。

3）預(yù)約實(shí)驗(yàn)室功能：

①對(duì)實(shí)驗(yàn)室狀況列表、預(yù)約情況的查看；管理員確認(rèn)預(yù)約結(jié)果實(shí)驗(yàn)室管理者通過審核制度批復(fù)，審核結(jié)果立即在平臺(tái)中更新；系統(tǒng)可對(duì)實(shí)驗(yàn)室及實(shí)驗(yàn)設(shè)備的預(yù)約情況進(jìn)行統(tǒng)計(jì)、匯總。

②學(xué)生使用學(xué)號(hào)進(jìn)行注冊(cè)，登錄系統(tǒng)后根據(jù)自己的實(shí)驗(yàn)需要查詢可用實(shí)驗(yàn)室和設(shè)備，而無需到實(shí)驗(yàn)室實(shí)地查看或者通過查找紙質(zhì)課表，實(shí)名預(yù)訂可用實(shí)驗(yàn)室的位置，在實(shí)驗(yàn)室開放時(shí)間內(nèi)自行選擇實(shí)驗(yàn)室進(jìn)行預(yù)約，當(dāng)預(yù)約人數(shù)超過實(shí)驗(yàn)室能提供的實(shí)驗(yàn)設(shè)備數(shù)量，系統(tǒng)進(jìn)行提示；學(xué)生可以隨時(shí)查詢自己的預(yù)約結(jié)果。

為了便利使用，系統(tǒng)應(yīng)在PC端、手機(jī)端皆可使用，學(xué)生和教師不用打開電腦，就可以用更為便捷的手機(jī)和平板電腦登陸預(yù)約系統(tǒng)，所以原來設(shè)定的使用APP的開發(fā)方式并不能滿足多種方式的登錄需求，最后項(xiàng)目組進(jìn)行研究分析后決定，采用ThinkPHP架構(gòu)，響應(yīng)式網(wǎng)頁設(shè)計(jì)的開發(fā)模式，將實(shí)驗(yàn)室開放預(yù)約系統(tǒng)部署在服務(wù)器上，學(xué)生和教師直接通過瀏覽器進(jìn)行使用，這樣PC端的功能操作可借助鼠標(biāo)完成，手機(jī)、平板電腦端的操作就可以用手指在觸摸屏上直接操作。

3解決方案

移動(dòng)設(shè)備正成為人們獲取資訊的主要方式，互聯(lián)網(wǎng)的內(nèi)容加速向移動(dòng)端遷移，而移動(dòng)設(shè)備種類繁多，網(wǎng)站設(shè)計(jì)需要面臨如不同設(shè)備、不同屏幕分辨率、不同系統(tǒng)平臺(tái)等兼容性問題，移動(dòng)終端體驗(yàn)效果迥異，而為每種新設(shè)備及分辨率創(chuàng)建其獨(dú)立的版本是不切實(shí)際的，這就需要網(wǎng)頁開發(fā)設(shè)計(jì)具有更強(qiáng)的兼容性，一次開發(fā)，就可為所有類型的終端提供服務(wù)。響應(yīng)式網(wǎng)頁設(shè)計(jì)思想主要是根據(jù)用戶行為及設(shè)備環(huán)境，進(jìn)行頁面設(shè)置，采取智能化的感應(yīng)處理，根據(jù)用戶系統(tǒng)、屏幕尺寸、屏幕定向等實(shí)現(xiàn)頁面自動(dòng)切換分辨率、圖片尺寸及相關(guān)腳本功能等。

響應(yīng)式網(wǎng)頁設(shè)計(jì)讓網(wǎng)頁開發(fā)操作簡(jiǎn)便，相對(duì)于傳統(tǒng)網(wǎng)頁來說，能夠?yàn)榭蛻籼峁└尤诵曰木W(wǎng)絡(luò)終端體驗(yàn)；圖5為預(yù)約平臺(tái)在手機(jī)終端上的顯示效果，圖6為PC機(jī)上顯示的效果。由此看出無論用戶切換設(shè)備的屏幕方向，還是從PC轉(zhuǎn)到手機(jī)上瀏覽，頁面展示都會(huì)彈性適應(yīng)。比如將瀏覽器窗口不斷調(diào)小時(shí)，文字部分始終會(huì)保持同比縮小，保證其完整可讀；圖片和表格的尺寸會(huì)自動(dòng)調(diào)整，保證頁面布局不會(huì)被破壞。一個(gè)響應(yīng)式設(shè)計(jì)的網(wǎng)站，應(yīng)該能夠根據(jù)用戶端調(diào)整顯示頁面，利于形成良好的客戶體驗(yàn)。響應(yīng)式網(wǎng)頁設(shè)計(jì)的核心技術(shù)是媒體查詢、彈性視覺媒體和流動(dòng)布局。

1）媒體查詢

媒體查詢是基于CSS3的一種新特性，主要處理顯示規(guī)則。用移動(dòng)端上設(shè)計(jì)原則設(shè)計(jì)布局時(shí)，利用媒體查詢調(diào)整屏幕大小，能保證網(wǎng)頁為不同類型的客戶展示最佳的顯示效果，可以做到同時(shí)支持大部分智能手機(jī)和其他觸摸屏幕的設(shè)備。

2）彈性視覺媒體

彈性視覺媒體的出現(xiàn)，是網(wǎng)頁設(shè)計(jì)上的重大突破，開發(fā)者利用link標(biāo)簽和@media規(guī)則實(shí)現(xiàn)支持不同分辨率、屏幕尺寸、系統(tǒng)平臺(tái)等設(shè)備的設(shè)計(jì)?？梢愿鶕?jù)各自不同類型的設(shè)備屬性，完美展現(xiàn)響應(yīng)式Web設(shè)計(jì)，實(shí)現(xiàn)PC電腦客戶端、手機(jī)客戶端、平板電腦等設(shè)備查看網(wǎng)頁無障礙。

3）流動(dòng)布局

傳統(tǒng)的網(wǎng)頁界面一般都是寬度固定的頁面布局，響應(yīng)式網(wǎng)頁設(shè)計(jì)將圖像和媒體顯示比例限制在其父元素范圍之內(nèi)，手指滑動(dòng)智能設(shè)備的屏幕瀏覽頁面時(shí)，網(wǎng)頁可以按比例縮放調(diào)整，以適應(yīng)其設(shè)備的大小。

4結(jié)論

本系統(tǒng)是一個(gè)開放式系統(tǒng)，用戶可以通過任一款聯(lián)網(wǎng)智能設(shè)備登錄實(shí)驗(yàn)室開放預(yù)約系統(tǒng)，隨時(shí)隨地進(jìn)行實(shí)驗(yàn)室的預(yù)約和管理。學(xué)生的預(yù)約操作方便快捷，實(shí)驗(yàn)室管理教師的管理工作也更加方便，不再局限于某一地點(diǎn)，大大提高了實(shí)驗(yàn)室的利用效率。最終達(dá)到教學(xué)資源得以充分利用的目標(biāo)，可以改善以往手工管理效率低等缺點(diǎn)。

目前，伴隨著HTML 5、CSS3、等網(wǎng)頁技術(shù)開發(fā)，響應(yīng)式網(wǎng)頁設(shè)計(jì)以其設(shè)計(jì)實(shí)用性和良好客戶體驗(yàn)，已經(jīng)大面積的取代傳統(tǒng)的網(wǎng)頁設(shè)計(jì)。響應(yīng)式網(wǎng)頁設(shè)計(jì)能夠根據(jù)用戶需要，自動(dòng)適應(yīng)客戶的設(shè)備，讓網(wǎng)頁設(shè)計(jì)變得簡(jiǎn)便，更利于網(wǎng)站推廣。響應(yīng)式網(wǎng)頁設(shè)計(jì)讓分享者可以通過URL分享鏈接，創(chuàng)建更為擴(kuò)展范圍的網(wǎng)頁服務(wù)。響應(yīng)式網(wǎng)頁設(shè)計(jì)亦大幅度減少網(wǎng)站建立的資金投入，節(jié)約開發(fā)成本，減少定期的網(wǎng)站維護(hù)。

通過響應(yīng)式網(wǎng)頁設(shè)計(jì)，更好地實(shí)現(xiàn)實(shí)驗(yàn)室開放管理功能以及預(yù)約實(shí)驗(yàn)室功能，該實(shí)驗(yàn)室開放預(yù)約系統(tǒng)是一款老師、學(xué)生都能便捷使用的，實(shí)現(xiàn)最大化地利用實(shí)驗(yàn)室教學(xué)資源，方便管理者管理實(shí)驗(yàn)室資源，完成更多教學(xué)任務(wù)的系統(tǒng)。