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

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

關(guān)鍵詞：智能設(shè)備；實驗室預約；響應式設(shè)計

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

1實驗室預約平臺功能

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

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

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

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

2設(shè)計重點

在進行系統(tǒng)設(shè)計和需求調(diào)研時，我們設(shè)計實驗室開放預約系統(tǒng)應當具備這樣的功能：

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

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

3）預約實驗室功能：

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

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

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

3解決方案

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

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

1）媒體查詢

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

2）彈性視覺媒體

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

3）流動布局

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

4結(jié)論

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

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

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