基于響應(yīng)式WEB設(shè)計(jì)的移動(dòng)圖書(shū)館服務(wù)模式研究

陳 靜

基于響應(yīng)式WEB設(shè)計(jì)的移動(dòng)圖書(shū)館服務(wù)模式研究

陳 靜

論文采用文獻(xiàn)調(diào)研和問(wèn)卷調(diào)查相結(jié)合的方法，通過(guò)對(duì)威海地區(qū)高校圖書(shū)館移動(dòng)用戶的調(diào)研分析，分別從統(tǒng)一的平臺(tái)需求、完善的信息需求和愉悅的體驗(yàn)需求，詳細(xì)分析網(wǎng)絡(luò)環(huán)境下移動(dòng)用戶的需求。針對(duì)目前移動(dòng)圖書(shū)館服務(wù)模式不能滿足網(wǎng)絡(luò)環(huán)境下移動(dòng)用戶的需求，結(jié)合響應(yīng)式WEB設(shè)計(jì)提供的技術(shù)支持，構(gòu)建了基于響應(yīng)式WEB設(shè)計(jì)的移動(dòng)圖書(shū)服務(wù)新模式，為移動(dòng)圖書(shū)館的發(fā)展提供新思路。

響應(yīng)式WEB設(shè)計(jì)移動(dòng)圖書(shū)館服務(wù)模式

DOI10.16810/j.cnki.1672-514X.2016.10.016

隨著網(wǎng)絡(luò)和移動(dòng)技術(shù)的迅速發(fā)展，一種全新的圖書(shū)館服務(wù)模式——移動(dòng)圖書(shū)館悄然而生。移動(dòng)圖書(shū)館是指在傳統(tǒng)圖書(shū)館數(shù)字化的基礎(chǔ)上建立移動(dòng)圖書(shū)館的信息化平臺(tái)或模塊，使用戶通過(guò)手機(jī)、平板電腦等移動(dòng)終端設(shè)備經(jīng)無(wú)線網(wǎng)絡(luò)接入到移動(dòng)圖書(shū)館，隨時(shí)、隨地、隨需地獲得圖書(shū)館相關(guān)的信息、資訊、應(yīng)用和服務(wù)[1]。伴隨3G、4G網(wǎng)絡(luò)的廣泛應(yīng)用，移動(dòng)用戶對(duì)移動(dòng)圖書(shū)館服務(wù)的需求也隨之變化。傳統(tǒng)移動(dòng)圖書(shū)館服務(wù)模式無(wú)論從服務(wù)功能、服務(wù)內(nèi)容和服務(wù)手段上都不能滿足移動(dòng)用戶的新需求。因此，探索一個(gè)既能滿足移動(dòng)用戶需求，又適合移動(dòng)圖書(shū)館長(zhǎng)期發(fā)展的新模式是圖書(shū)館界急需解決的問(wèn)題。響應(yīng)式WEB設(shè)計(jì)技術(shù)的逐漸成熟，為移動(dòng)圖書(shū)館的發(fā)展帶來(lái)新的機(jī)遇。本文通過(guò)探尋移動(dòng)用戶的新需求，分析響應(yīng)式WEB設(shè)計(jì)為移動(dòng)圖書(shū)館服務(wù)模式提供的技術(shù)支持，構(gòu)建基于響應(yīng)式WEB設(shè)計(jì)的移動(dòng)圖書(shū)館新模式，旨在為移動(dòng)圖書(shū)館的發(fā)展提供新的思路。

1 網(wǎng)絡(luò)覆蓋環(huán)境下移動(dòng)圖書(shū)館用戶的需求分析

移動(dòng)圖書(shū)館服務(wù)在經(jīng)歷了服務(wù)形式快速創(chuàng)新階段后,正逐步進(jìn)入以先進(jìn)技術(shù)為支撐、以用戶需求為導(dǎo)向的服務(wù)體驗(yàn)的精細(xì)化服務(wù)階段[2]。目前，如何根據(jù)用戶需求開(kāi)展移動(dòng)圖書(shū)館信息服務(wù)已經(jīng)受到很多學(xué)者的關(guān)注。茆意宏[3]對(duì)北京、南京、上海、杭州、深圳等地的公共圖書(shū)館、高校圖書(shū)館和科研圖書(shū)館的用戶，從信息內(nèi)容需求和信息服務(wù)需求進(jìn)行了詳細(xì)的調(diào)研分析。宋鸞姣等[4]對(duì)長(zhǎng)沙地區(qū)5所高校學(xué)生用戶的服務(wù)需求和服務(wù)類型進(jìn)行了調(diào)查。葉莎莎等[5]對(duì)國(guó)外127家、國(guó)內(nèi)151家已開(kāi)通移動(dòng)圖書(shū)館服務(wù)的機(jī)構(gòu)所涉及的移動(dòng)服務(wù)項(xiàng)目進(jìn)行了對(duì)比分析。鄭俊德等[6]對(duì)北京、上海、江蘇、廣東、湖北等16個(gè)省市的高校展開(kāi)調(diào)查，對(duì)用戶對(duì)移動(dòng)圖書(shū)館服務(wù)需求和使用偏愛(ài)展開(kāi)詳細(xì)分析。

為了更清楚地了解移動(dòng)圖書(shū)館用戶的需求，筆者在2015年2月對(duì)威海地區(qū)移動(dòng)圖書(shū)館的用戶需求進(jìn)行了問(wèn)卷調(diào)查，調(diào)查對(duì)象包括山東大學(xué)（威海）圖書(shū)館、哈爾濱工業(yè)大學(xué)（威海）圖書(shū)館，威海職業(yè)技術(shù)學(xué)院圖書(shū)館等多個(gè)圖書(shū)館的移動(dòng)用戶。共發(fā)放問(wèn)卷580份，回收有效問(wèn)卷525份，問(wèn)卷有效率達(dá)90%。調(diào)查結(jié)果顯示，網(wǎng)絡(luò)環(huán)境下移動(dòng)圖書(shū)館用戶的需求主要可以歸納為3種：①統(tǒng)一的平臺(tái)需求；②完善的信息需求；③愉悅的體驗(yàn)需求。

1.1 統(tǒng)一的平臺(tái)需求

移動(dòng)技術(shù)的飛速發(fā)展，使得移動(dòng)設(shè)備類型越來(lái)越多樣化。比較流行的移動(dòng)終端系統(tǒng)不僅僅是I-phone、Android、Windows phone等手機(jī)平臺(tái)系統(tǒng)，還有ipad、Kindle、Galaxy Note等平板設(shè)備系統(tǒng)。從調(diào)研結(jié)果了解到，87%的用戶使用智能手機(jī)，26.2%的用戶擁有ipad、Kindle等移動(dòng)設(shè)備。無(wú)論是智能手機(jī)用戶還是其他移動(dòng)設(shè)備用戶，有62.3%的用戶表示，希望圖書(shū)館有功能強(qiáng)大的統(tǒng)一移動(dòng)圖書(shū)館服務(wù)平臺(tái)，移動(dòng)用戶無(wú)論使用什么系統(tǒng)、什么類型的移動(dòng)終端都可以通過(guò)單一入口訪問(wèn)所有移動(dòng)圖書(shū)館資源，享受一步到位的一站式集成服務(wù)。

1.2 完善的信息需求

信息需求是指用戶以自己的方式表達(dá)出來(lái)的能夠獲取解決問(wèn)題所需要的完整可靠的信息要求。用戶的信息需求會(huì)隨著情境的改變而改變。在移動(dòng)環(huán)境下用戶的信息需求也會(huì)因時(shí)間和空間的改變而有新的特點(diǎn)。本文將用戶在網(wǎng)絡(luò)覆蓋環(huán)境下的信息需求分為顯性信息需求和隱性信息需求。

1.2.1 顯性信息需求

顯性信息需求是指用戶能夠?qū)⑷菀渍J(rèn)知的信息，以提問(wèn)的形式有效表達(dá)出來(lái)的需求。通過(guò)筆者對(duì)移動(dòng)圖書(shū)館用戶的調(diào)查研究并結(jié)合其他學(xué)者的調(diào)查研究結(jié)果，總結(jié)出網(wǎng)絡(luò)環(huán)境下移動(dòng)用戶的顯性需求主要包括以下幾種：①館藏資源服務(wù)（館藏書(shū)目查詢、數(shù)據(jù)庫(kù)導(dǎo)航、全文閱讀、學(xué)位論文、一小時(shí)講座等）。調(diào)查顯示，移動(dòng)用戶對(duì)查詢和下載電子資源需求最為強(qiáng)烈。數(shù)據(jù)庫(kù)資源和學(xué)位論文資源將會(huì)是高校移動(dòng)圖書(shū)館用戶的長(zhǎng)期需求。②個(gè)人信息管理（個(gè)人借閱查詢、圖書(shū)到期提醒、超期催還、續(xù)借、預(yù)約等）。個(gè)人信息管理是移動(dòng)圖書(shū)館服務(wù)中最早的一項(xiàng)服務(wù)，至今移動(dòng)用戶對(duì)查詢借閱情況等需求表現(xiàn)依然比較強(qiáng)烈。③個(gè)性化服務(wù)（實(shí)時(shí)參考咨詢，座位預(yù)約、文獻(xiàn)傳遞等）。隨著網(wǎng)絡(luò)覆蓋面積的擴(kuò)大和智能移動(dòng)終端的普及，移動(dòng)用戶對(duì)個(gè)性化服務(wù)需求逐漸增強(qiáng)。調(diào)查顯示，移動(dòng)用戶對(duì)個(gè)性化需求排在第三位，僅次于館藏資源和個(gè)人信息管理。④教學(xué)科研（課程指南、選課、考試信息、精品課視頻等）。調(diào)查中，有46.1%的用戶希望可以通過(guò)手機(jī)或其他移動(dòng)終端查看教學(xué)科研信息，方便自己的日常學(xué)習(xí)。⑤館務(wù)信息（圖書(shū)館新聞公告、新生入館教育，圖書(shū)館簡(jiǎn)介等）。調(diào)查顯示，移動(dòng)用戶對(duì)館務(wù)信息的需求較前兩年有所下降，排在第五位。

1.2.2 隱性信息需求

隱性信息需求是指被用戶有所意識(shí)卻還未能及時(shí)有效地表達(dá)出來(lái)的信息需求。隱性信息需求會(huì)隨著使用者的增多或者其他一些客觀條件的刺激而轉(zhuǎn)為為顯性需求。技術(shù)的發(fā)展，使得人們的生活有了翻天覆地的變化?，F(xiàn)在人們的生活已離不開(kāi)移動(dòng)終端，人們可以隨時(shí)利用移動(dòng)終端學(xué)習(xí)、工作或者交流等。移動(dòng)用戶需要通過(guò)移動(dòng)圖書(shū)館服務(wù)平臺(tái)實(shí)現(xiàn)的隱性信息需求有以下幾種。①發(fā)布個(gè)人信息需求。通過(guò)移動(dòng)圖書(shū)館服務(wù)平臺(tái)向外界宣傳自己、表達(dá)自己、表現(xiàn)自我以及實(shí)現(xiàn)個(gè)人價(jià)值的需求。②信息交流需求。信息交流是指與他人的溝通。可以通過(guò)社區(qū)論壇、圖書(shū)館博客等平臺(tái)與其他用戶展開(kāi)交流。③實(shí)時(shí)參考咨詢需求。參考咨詢則是對(duì)學(xué)習(xí)、對(duì)圖書(shū)館資源等信息的需求。移動(dòng)用戶可以通過(guò)短信、手機(jī)在線咨詢和手機(jī)電話咨詢的方式對(duì)參考咨詢老師展開(kāi)咨詢。參考咨詢老師在長(zhǎng)期的工作實(shí)踐中積累的咨詢經(jīng)驗(yàn)、咨詢技巧以及收集資料、整理資料的敏感性，都是移動(dòng)用戶的隱性需求。④學(xué)科館員需求。學(xué)科館員是在院系、學(xué)科專業(yè)與圖書(shū)館之間的一座橋梁。移動(dòng)用戶需要及時(shí)與學(xué)科館員溝通，需要學(xué)科館員有針對(duì)性地收集、提供文獻(xiàn)信息服務(wù)和個(gè)性化服務(wù)。

1.3 愉悅的體驗(yàn)需求

用戶體驗(yàn)，ISO 9241-210標(biāo)準(zhǔn)[2]將用戶體驗(yàn)定義為“用戶對(duì)使用或期望使用的產(chǎn)品、系統(tǒng)或者服務(wù)的認(rèn)知印象和回應(yīng)”。即用戶在使用產(chǎn)品或服務(wù)的過(guò)程中自動(dòng)建立起來(lái)的一種心理感受，包括情感、信仰、偏好、認(rèn)知、行為、生理和心理反應(yīng)等。用戶體驗(yàn)，顧名思義，就是以用戶為中心通過(guò)設(shè)計(jì)實(shí)驗(yàn)來(lái)驗(yàn)證用戶在使用某項(xiàng)產(chǎn)品的個(gè)人感受，主要是愉悅度和價(jià)值感。由于移動(dòng)終端界面的限制，傳統(tǒng)移動(dòng)圖書(shū)館提供的信息內(nèi)容不能像PC電腦一樣清晰簡(jiǎn)潔，而是在移動(dòng)終端界面上形成垂直和水平滾動(dòng)條。用戶在復(fù)雜頁(yè)面中的瀏覽和檢索容易產(chǎn)生挫敗感。調(diào)查顯示，超過(guò)半數(shù)的移動(dòng)用戶對(duì)用戶體驗(yàn)有需求。觸摸是移動(dòng)終端用戶操作的主要方式，如果網(wǎng)站精美簡(jiǎn)潔且富有靈活性，無(wú)論移動(dòng)用戶是放大、縮小、橫放還是豎放，網(wǎng)站能自動(dòng)調(diào)節(jié)頁(yè)面內(nèi)容，且圖片漂亮有美感，又有滿足移動(dòng)用戶需求的視頻播放，這會(huì)讓移動(dòng)用戶非常舒心、愉悅，生產(chǎn)滿足感。

2 國(guó)內(nèi)外移動(dòng)圖書(shū)館服務(wù)模式應(yīng)用現(xiàn)狀

近年來(lái)，一些學(xué)者對(duì)國(guó)內(nèi)外移動(dòng)圖書(shū)館服務(wù)模式展開(kāi)相關(guān)調(diào)查，無(wú)論是在2012年龍泉等通過(guò)對(duì)SNnes-QS2011世界大學(xué)排名前30位的高校圖書(shū)館的調(diào)查[7],還是葉莎莎等采用網(wǎng)絡(luò)調(diào)研的方式，對(duì)國(guó)外移動(dòng)圖書(shū)館的最佳實(shí)踐網(wǎng)站M-Libraries中100多個(gè)移動(dòng)圖書(shū)館逐一進(jìn)行訪問(wèn)和調(diào)查[5]，亦或是過(guò)仕明等在2013年對(duì)39所“985”高校的圖書(shū)館和36所省級(jí)公共圖書(shū)館的展開(kāi)調(diào)查[8]，調(diào)查結(jié)果顯示，國(guó)內(nèi)外移動(dòng)圖書(shū)館的主流服務(wù)模式都是WAP網(wǎng)站服務(wù)模式、短信服務(wù)模式和APP客戶端服務(wù)模式。只是國(guó)外APP客戶端服務(wù)模式的應(yīng)用遠(yuǎn)比國(guó)內(nèi)更普及。國(guó)內(nèi)開(kāi)展短信服務(wù)模式的圖書(shū)館較國(guó)外多。國(guó)外一些圖書(shū)館的短信服務(wù)主要用于參考咨詢服務(wù)。

當(dāng)前，國(guó)內(nèi)外正在使用的移動(dòng)圖書(shū)館服務(wù)模式普遍存在的不足主要有：服務(wù)模式架構(gòu)不宜推廣；服務(wù)內(nèi)容單一、不完善；用戶體驗(yàn)不盡如人意。如：SMS短信服務(wù)模式雖然信息提醒及時(shí)，但是服務(wù)內(nèi)容過(guò)于簡(jiǎn)單；使用WAP上網(wǎng)的移動(dòng)終端必須開(kāi)通GPRS業(yè)務(wù)、內(nèi)置瀏覽器，并且WAP網(wǎng)站頁(yè)面提供的服務(wù)較少；APP針對(duì)不同操作系統(tǒng)的移動(dòng)終端，需要單獨(dú)開(kāi)發(fā)應(yīng)用程序，把各自不同的應(yīng)用系統(tǒng)信息發(fā)送到不同的移動(dòng)終端，管理非常復(fù)雜，開(kāi)發(fā)成本較高。對(duì)于用戶的使用體驗(yàn)，國(guó)內(nèi)由于傳統(tǒng)移動(dòng)圖書(shū)館服務(wù)模式的種種限制，鮮有圖書(shū)館顧及到這一點(diǎn)。

近兩年來(lái)，由于網(wǎng)絡(luò)的迅速發(fā)展、移動(dòng)終端的普及以及響應(yīng)式WEB設(shè)計(jì)技術(shù)的逐漸成熟，響應(yīng)式WEB技術(shù)開(kāi)始應(yīng)用于國(guó)外圖書(shū)館。耶魯大學(xué)、牛津大學(xué)、密歇根州立大學(xué)、弗吉尼亞大學(xué)和美國(guó)數(shù)字公共圖書(shū)館等圖書(shū)館網(wǎng)站都開(kāi)始使用響應(yīng)式WEB設(shè)計(jì)[9]。在國(guó)內(nèi)，復(fù)旦大學(xué)[10]、華東師范大學(xué)[11]等高校主頁(yè)已經(jīng)采用響應(yīng)式設(shè)計(jì)?！皣?guó)立”臺(tái)灣圖書(shū)館網(wǎng)站的主導(dǎo)航也開(kāi)始實(shí)現(xiàn)流式布局。響應(yīng)式WEB設(shè)計(jì)技術(shù)開(kāi)始運(yùn)用于圖書(shū)館是運(yùn)用新技術(shù)變革圖書(shū)館服務(wù)的一大進(jìn)步。但是，如果僅僅把響應(yīng)式WEB設(shè)計(jì)技術(shù)應(yīng)用于傳統(tǒng)圖書(shū)館網(wǎng)站，由于移動(dòng)終端屏幕大小各異，無(wú)論是在內(nèi)容、性能、交互性等方面都不能很好地應(yīng)用在移動(dòng)終端。因此，需要開(kāi)發(fā)基于響應(yīng)式WEB設(shè)計(jì)的移動(dòng)圖書(shū)館網(wǎng)站，基于用戶的設(shè)備、位置、連接速度，以及包括技術(shù)特性在內(nèi)的其他變量來(lái)提供不同的內(nèi)容、設(shè)計(jì)和交互，讓基于響應(yīng)式WEB設(shè)計(jì)的移動(dòng)圖書(shū)館服務(wù)模式成為未來(lái)移動(dòng)圖書(shū)館發(fā)展的方向。

3 基于響應(yīng)式WEB設(shè)計(jì)的移動(dòng)圖書(shū)館服務(wù)模式構(gòu)建

3.1 設(shè)計(jì)理念

面對(duì)移動(dòng)圖書(shū)館用戶的種種需求，移動(dòng)圖書(shū)館現(xiàn)有的服務(wù)模式已無(wú)法滿足；且國(guó)內(nèi)移動(dòng)圖書(shū)館服務(wù)無(wú)論是從服務(wù)模式還是服務(wù)內(nèi)容都落后于國(guó)外。為了滿足移動(dòng)用戶需求，提高國(guó)內(nèi)移動(dòng)圖書(shū)館服務(wù)質(zhì)量，本文結(jié)合響應(yīng)式WEB設(shè)計(jì)特點(diǎn)，在網(wǎng)站設(shè)計(jì)時(shí)不限制固定元素，而是使用百分比靈活布局，根據(jù)頁(yè)面元素的位置、大小實(shí)現(xiàn)動(dòng)態(tài)變化，以期建設(shè)一個(gè)功能全面的、能夠滿足用戶需求的移動(dòng)圖書(shū)館服務(wù)模式。

3.2 模型架構(gòu)

本文通過(guò)調(diào)查問(wèn)卷和網(wǎng)站訪問(wèn)等方法，在綜合考察威海地區(qū)移動(dòng)圖書(shū)館服務(wù)功能以及移動(dòng)用戶需求的基礎(chǔ)上，參考其他學(xué)者對(duì)“985”院校和公共圖書(shū)館服務(wù)功能的研究成果，深入把握其共性與差異，根據(jù)系統(tǒng)功能規(guī)劃，將移動(dòng)圖書(shū)館服務(wù)模式劃分為6大模塊設(shè)計(jì)：館務(wù)信息模塊、OPAC集成系統(tǒng)模塊、館藏資源模塊、教學(xué)科研模塊、個(gè)性化服務(wù)模塊和其他信息服務(wù)模塊。服務(wù)模式架構(gòu)見(jiàn)圖1。

圖1 基于響應(yīng)式WEB設(shè)計(jì)的移動(dòng)圖書(shū)館服務(wù)模式架構(gòu)

（1）館務(wù)信息模塊。館務(wù)信息模塊是向移動(dòng)用戶發(fā)布圖書(shū)館館務(wù)信息的陣地。主要包括：圖書(shū)館簡(jiǎn)介，開(kāi)放時(shí)間和組織機(jī)構(gòu)與辦公電話等信息，以及圖書(shū)館新聞公告、圖書(shū)館導(dǎo)引視頻和新生入館教育等。

（2）OPAC集成系統(tǒng)模塊。聯(lián)機(jī)公共檢索簡(jiǎn)稱OPAC。OPAC系統(tǒng)是聯(lián)系圖書(shū)館服務(wù)整合用戶需求的一個(gè)重要紐帶。中外共有八大OPAC系統(tǒng)。各個(gè)系統(tǒng)各有所長(zhǎng)。本文以江蘇匯文OPAC系統(tǒng)為例。通過(guò)OPAC集成系統(tǒng)，移動(dòng)讀者可以進(jìn)行圖書(shū)館書(shū)目查詢，登陸“我的圖書(shū)館”可以查詢個(gè)人信息，并完成部分流通功能，如圖書(shū)續(xù)借、圖書(shū)預(yù)約、查看借閱史等。通過(guò)該系統(tǒng)還可以實(shí)現(xiàn)新書(shū)通報(bào)、讀者薦購(gòu)等服務(wù)，并可以根據(jù)用戶需求和愛(ài)好實(shí)現(xiàn)頁(yè)面自定義定制。

（3）館藏資源模塊。館藏資源模塊是向用戶提供數(shù)據(jù)庫(kù)檢索、電子書(shū)全文閱讀、音頻視頻圖片資源、自建資源、學(xué)位論文等常規(guī)服務(wù)。

（4）教學(xué)科研模塊。教學(xué)管理模塊主要為移動(dòng)用戶提供課程指南、考試信息、選課、精品課視頻等與課程、科研相關(guān)信息服務(wù)。

（5）個(gè)性化服務(wù)模塊。個(gè)性化服務(wù)模塊為移動(dòng)用戶提供實(shí)時(shí)參考咨詢、座位預(yù)約、研討室預(yù)約、文獻(xiàn)傳遞、學(xué)科館員信息、數(shù)據(jù)庫(kù)培訓(xùn)等服務(wù)，滿足移動(dòng)用戶的個(gè)性化需求。

（6）其他信息服務(wù)模塊。此模塊為圖書(shū)館拓展服務(wù)模塊，可為移動(dòng)用戶提供天氣預(yù)報(bào)、移動(dòng)應(yīng)用軟件下載、圖書(shū)館微博和社區(qū)網(wǎng)絡(luò)的鏈接、二維碼訪問(wèn)等信息服務(wù)，滿足移動(dòng)用戶對(duì)圖書(shū)館以外的其他信息資源需求。

3.3 平臺(tái)搭建

響應(yīng)式WEB設(shè)計(jì)移動(dòng)圖書(shū)館服務(wù)平臺(tái)采用PHP為編程語(yǔ)言，MySQL作為系統(tǒng)后臺(tái)數(shù)據(jù)庫(kù)，Windows+IIS+mysql+PHP的運(yùn)行環(huán)境。PHP的語(yǔ)法吸收了C語(yǔ)言、JAVA和Perl的特點(diǎn)，將程序嵌入到HTML文檔中去執(zhí)行，并且可以執(zhí)行編譯后代碼。PHP可以使代碼運(yùn)行更快、執(zhí)行效率更高。MySQL是將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個(gè)大倉(cāng)庫(kù)內(nèi)，這樣既增加了速度又提高了靈活性。

3.4 技術(shù)支持

響應(yīng)式WEB設(shè)計(jì)采用了HTML5+CSS3模式。HTML5包含了用于交互、多媒體和本地離線等多方面的標(biāo)簽和應(yīng)用程序接口，它可以把WEB帶入一個(gè)交互的、音頻、視頻和圖形用戶界面的嶄新平臺(tái)。CSS3采用模塊化管理，整合了主要的媒體查詢和流式布局等模塊。響應(yīng)式WEB設(shè)計(jì)在頁(yè)面流式布局的基礎(chǔ)上，通過(guò)CSS3的媒體查詢調(diào)整頁(yè)面元素在不同屏幕分辨率下的顯示，針對(duì)任意設(shè)備對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行完美布局。

3.4.1 HTML5

HTML5是萬(wàn)維網(wǎng)核心語(yǔ)言的最新版本，其前身是HTML4.01。它不僅繼承了HTML4.01用于在瀏覽器中呈現(xiàn)富文本內(nèi)容和超鏈接的特點(diǎn)，而且更側(cè)重于在瀏覽器中實(shí)現(xiàn)Web應(yīng)用程序。在響應(yīng)式Web設(shè)計(jì)中嵌入視頻是個(gè)非常復(fù)雜的問(wèn)題。HTML5不僅允許設(shè)計(jì)者創(chuàng)建更加簡(jiǎn)潔快速的代碼。而且html5中新增了用來(lái)處理音頻和視頻的元素audio和video。HTML5通過(guò)一個(gè)類似Zip文件的方式來(lái)管理video文件，實(shí)現(xiàn)對(duì)video文件的加載和控制。視頻本身是定位的，但是結(jié)合max-width技術(shù)，視頻就可以在不同大小的屏幕上維持原來(lái)的比例，解決了在響應(yīng)式Web設(shè)計(jì)中嵌入視頻復(fù)雜的問(wèn)題。

3.4.2 媒體查詢

媒體查詢模塊不但支持定義媒體類型，而且支持上網(wǎng)設(shè)備的物理特性的檢測(cè)[12]

3.4.3 流式布局

隨著流行設(shè)備視口的不斷變化，在固定布局下，僅僅使用媒體查詢來(lái)適應(yīng)不同視口的固定寬度設(shè)計(jì)，會(huì)出現(xiàn)水平滾動(dòng)條、媒體內(nèi)容部分內(nèi)容剪切或是頁(yè)面無(wú)法匹配等情況，還不能達(dá)到理想的效果。所以我們必須把固定布局改為流動(dòng)布局。流動(dòng)布局不對(duì)任何視口做設(shè)定，而是將固定像素寬度轉(zhuǎn)換成對(duì)應(yīng)的百分比寬度實(shí)現(xiàn)流動(dòng)布局。根據(jù)流動(dòng)布局的定義，整個(gè)頁(yè)面包含元素＜div id=“wrapper”＞的樣式屬性設(shè)置如下:#wrapper{margin:0 auto;width:100%; max－width:1280px;min－width:220px;}。整個(gè)頁(yè)面的寬度單位使用百分比，設(shè)置為100%，頁(yè)面內(nèi)容可隨著視口大小自動(dòng)調(diào)整，頁(yè)面內(nèi)容始終居中。合理設(shè)定寬度的最大和最小值．可以防止欄被無(wú)限地伸長(zhǎng)和收縮。max－width:1280px，主要考慮類似桌面PC的顯示設(shè)備。該屬性值是對(duì)元素的寬度設(shè)置的一個(gè)最高限制。元素可以比指定值窄，但不能比其寬，更不允許指定負(fù)值。所以max－width的值盡量是大尺寸，高分辨率顯示設(shè)備的尺寸。min－width:220px，最小寬度值設(shè)置主要考慮移動(dòng)互聯(lián)設(shè)備中顯示分辨率一般最小值為240像素，考慮到瀏覽器窗體的邊框?qū)挾龋钚挾葢?yīng)設(shè)為220像素。如果包含元素的多個(gè)子元素共同占滿整個(gè)一行的話，寬度單位也采用百分比，合理分配即可。

事實(shí)上，HTML5和CSS3的結(jié)合可以提高基于響應(yīng)式web設(shè)計(jì)的手機(jī)圖書(shū)館服務(wù)的靈活性和適應(yīng)性。

4 結(jié)語(yǔ)

目前，我國(guó)移動(dòng)圖書(shū)館的發(fā)展已初具規(guī)模，但都是基于傳統(tǒng)圖書(shū)館服務(wù)模式，本文根據(jù)網(wǎng)絡(luò)環(huán)境下移動(dòng)用戶的需求，結(jié)合響應(yīng)式WEB設(shè)計(jì)技術(shù)，構(gòu)建了基于響應(yīng)式WEB設(shè)計(jì)的移動(dòng)圖書(shū)館服務(wù)模式。移動(dòng)圖書(shū)館服務(wù)不僅可以為所有移動(dòng)用戶提供統(tǒng)一的移動(dòng)服務(wù)平臺(tái)，而且突破了傳統(tǒng)服務(wù)模式界限，拓展了圖書(shū)館服務(wù)內(nèi)容，為用戶提供了最佳的使用體驗(yàn)，增加了移動(dòng)用戶與圖書(shū)館的互動(dòng)交流，為圖書(shū)館擴(kuò)展外延服務(wù)提供了新的嘗試。

［1］徐俊，曹霞.基于4G的移動(dòng)圖書(shū)館服務(wù)模式研究［J］.圖書(shū)情報(bào)工作，2013，57（1）：141-144.

［2］邢軍，徐春霞.數(shù)字圖書(shū)館移動(dòng)服務(wù)體系構(gòu)建［J］.國(guó)家圖書(shū)館學(xué)刊，2012（5）：81-88.

［3］茆意宏.面向用戶需求的圖書(shū)館移動(dòng)信息服務(wù)［J］.中國(guó)圖書(shū)館學(xué)報(bào)，2012（1）：76-86.

［4］宋鸞姣，李利.面向智能手機(jī)的移動(dòng)圖書(shū)館服務(wù)需求調(diào)查分析［J］.圖書(shū)館，2012（5）：75-76.

［5］葉莎莎，杜杏葉.國(guó)內(nèi)外移動(dòng)圖書(shū)館的應(yīng)用發(fā)展綜述［J］.圖書(shū)情報(bào)工作，2013（6）：141-147.

［6］鄭德俊，沈軍威，張正慧.移動(dòng)圖書(shū)館服務(wù)的用戶需求調(diào)查及發(fā)展建議［J］.圖書(shū)情報(bào)工作，2014，58（7）：46-52.

［7］龍泉，謝春枝，申艷.國(guó)外高校移動(dòng)圖書(shū)館應(yīng)用現(xiàn)狀調(diào)查及啟示［J］.圖書(shū)館論壇，2013，33（3）：60-64，24.

［8］過(guò)仕明，梁欣.國(guó)內(nèi)移動(dòng)圖書(shū)館服務(wù)模式發(fā)展現(xiàn)狀與趨勢(shì)調(diào)研［J］.大學(xué)圖書(shū)館學(xué)報(bào)，2014（1）：90-96.

［9］RUSEY E.Responsive design sites：higher ed，libraries，notables［EB/OL］.［2015-01-20］.http：//blog.lib.uiowa.edu/hardinmd/2012/05/03/responsive-design-sites-higher-edlibrari-es-notables/.

［10］復(fù)旦大學(xué)［EB/OL］.［2015-01-10］.http：//www.fudan.edu.cn/.

［11］華東師范大學(xué)［EB/OL］.［2015-01-10］.http：//www.ecnu.edu.cn/.

［12］FRAIN B.響應(yīng)式Web設(shè)計(jì)HTML5和CSS3實(shí)戰(zhàn)［M］.王永強(qiáng)，譯.北京：人民郵電出版社，2013：24-27.

陳靜山東大學(xué)（威海）圖書(shū)館信息技術(shù)部館員。山東威海，264209。

New Mode of Mobile Library Services Based on the Responsive WEB Design

Chen Jing

This paper adopts the method of combining literature research and questionnaire survey.It analyses mobile users' demand in details under the network environment through the analysis of university library mobile users in WeiHai，and respectively from the perspective of unified platform requirements，perfecting the information demand and enjoyable experience demand.In the view of the present mobile library service model can not meet the needs of mobile users under the network environment，it presents a new mode of mobile library services based on responsive WEB design combined with the technical support provided by responsive WEB design，in order to provide a new method for the development of mobile library.

Responsive WEB design.Mobile library.Service mode.

G250.7

2016-03-02編校：方瑋）