趙宇

摘 要：檔案移動信息服務存在部分WAP網(wǎng)站用戶體驗不佳、APP開發(fā)運營成本與利用效益的反差、微平臺側重于宣傳與普惠檔案服務的局部發(fā)展、檔案移動應用建設困于成本高、技術難、資源共享難的問題之中。應用響應式Web設計技術可提升用戶體驗、增加利用效益、傳遞全方位信息、助力解決“錢、技、共享”難題等。應用此技術檔案館也將面臨開發(fā)成本資金籌措、技術合作、瀏覽器等問題，并提出眾籌助力解決開發(fā)成本、“產(chǎn)學研”為導向與高等學校技術合作，鼓勵用戶更新瀏覽器等解決方法。

關鍵詞：響應式Web設計；移動信息服務；移動檔案館

基于移動終端搜索引擎，開發(fā)響應式網(wǎng)頁，來適應各種尺寸移動終端設備訪問或獲取檔案信息資源。目前檔案館缺乏在移動終端中，基于搜索引擎的檔案信息移動服務方式以及實現(xiàn)的具體方法。為此筆者提出開發(fā)響應式Web設計來解決這一問題。

1 檔案移動信息服務的主要方式及面臨的問題

1.1 檔案移動信息服務的主要方式。檔案移動信息服務方式主要經(jīng)歷了短信、WAP、APP、微平臺幾個階段。微平臺指微信、微博、社交網(wǎng)站等社交平臺。因微信、微博普及面更廣、使用持續(xù)度高，所以主要論述這兩種服務?，F(xiàn)行階段基本是多種方式同時運行。

國內(nèi)檔案移動信息服務興起于2002年左右，開始探索基于GPRS的移動信息服務，2006年后進入集中發(fā)展時期。韓義義（2006）報道貴州省檔案館宣布可通過短信查詢檔案和現(xiàn)行文件目錄業(yè)務，成為首個通過短信提供檔案服務的檔案館[1]。瞿英和王曉鳳（2007）依據(jù)國內(nèi)缺乏針對檔案系統(tǒng)的WAP應用的現(xiàn)狀，對基于WAP的高校綜合檔案查詢系統(tǒng)進行了詳細分析，設計出了可行的系統(tǒng)方案[2]。短信和WAP在2006-2009年為檔案移動信息服務主要服務方式。武漢市檔案館在2013年國際檔案日上，啟動數(shù)字化檔案館手機檔案信息文化推送系統(tǒng)，被譽為全國首個“手機檔案館”[3]。此后檔案APP開始興起，但只有少數(shù)檔案館應用。黃永勤等人（2014）指出新浪微博作為國內(nèi)首家微博平臺，于2009年8月推出，僅有14%的檔案學人在2009年注冊并發(fā)布第一條微博[4]。王瀟與黃新榮（2013）調(diào)查了截至2013年1月23日微信公眾號，實際檔案部門注冊數(shù)為0[5]。胡晶（2013）報道十堰市檔案局于2013年9月5日推出手機微信查詢開放檔案和現(xiàn)行文件業(yè)務[6]。2009-2016年，在社交媒體熱浪的席卷之下，微博在檔案移動信息服務中被廣泛應用，而從2014年開始微信在檔案移動信息服務中掀起了新浪潮。

1.2 檔案移動信息服務面臨的問題。

1.2.1 部分WAP網(wǎng)站用戶體驗不佳。WAP（Wireless Application Protocol，無線應用協(xié)議）以智能信息傳送的方式在移動終端實現(xiàn)互聯(lián)網(wǎng)和高級數(shù)據(jù)業(yè)務的引入和互操作，實質是為移動用戶提供瀏覽網(wǎng)頁等網(wǎng)絡服務[7]。筆者訪問部分檔案信息網(wǎng)的WAP網(wǎng)站，其中有的檔案網(wǎng)站，如安徽省檔案信息網(wǎng)，用戶體驗較好，有的檔案網(wǎng)站體驗不佳：第一，內(nèi)容紛繁復雜，界面冗長。界面垂直排列的網(wǎng)頁內(nèi)容可說為豐富，也可形容為“過重”，它實際上是將PC端的網(wǎng)頁進行縮放。第二，字體太小，需手動放大。打開頁面無法看清字體及內(nèi)容，一眼實難觀盡。第三，操作不便。想要找到某一欄目，除了不停的放大頁面外，還需操作謹慎，稍有不慎點擊到非目標欄目，就需重新返回，再次縮放點擊，操作耗時。

1.2.2 APP開發(fā)運營成本與利用效益的反差。調(diào)查看來，極少數(shù)檔案館已上線運營檔案APP，如浙江省檔案館、廣西壯族自治區(qū)檔案館等。雖檔案APP初有發(fā)展，但筆者認為部分檔案館研發(fā)檔案APP還需三四而后行。首先，檔案APP的研發(fā)成本高，周期較長。需開發(fā)iOS、Android、Windows phone等多個版本，以適應使用不同操作系統(tǒng)移動終端的人群使用。其次，不斷的更新新內(nèi)容、運維。APP上線后的后期任務接踵而至，完成這些“任務”的人財物消耗大。最后，用戶對檔案APP的利用頻次、粘性程度較低。有著檔案素養(yǎng)和檔案興趣高的少數(shù)人群，使用APP的時間和目的會較多，而僅在必要時才利用的廣大普通民眾，其利用檔案的迫切必要性相對較少，用戶利用粘性低。

1.2.3 微平臺側重于宣傳與普惠檔案服務的局部發(fā)展。目前檔案微平臺活躍并廣泛開展，開通微博的檔案館及檔案學人數(shù)量大，微信公眾號也已上百。但其提供的內(nèi)容以信息發(fā)布和指導性文件這一系列的休閑檔案為主，譬如，業(yè)內(nèi)動態(tài)、照片珍藏、網(wǎng)上展覽、查檔須知、法律法規(guī)等；查詢上大多只能做到預約查檔。檔案微平臺服務的內(nèi)容還較為同質化和狹窄，缺少特色服務，全方位的檔案信息服務。

1.2.4 檔案移動應用建設困于成本高、技術難、資源共享難的問題之中。第一，成本上，存在著移動服務開發(fā)門檻較高、移動用戶利用成本較高[8]。開發(fā)門檻即意味著平臺系統(tǒng)開發(fā)所需的經(jīng)費及技術，用戶利用成本體現(xiàn)在流量的損耗和利用檔案所必要支付費用等。第二，技術上，體現(xiàn)在多種技術聯(lián)合和訪問網(wǎng)絡的安全上。需要數(shù)字技術、信息技術、互聯(lián)網(wǎng)技術等技術的共同作用。移動設備的無線信號強弱受制于各種外界因素如信號發(fā)射的強弱、建筑物的阻擋、金屬物的屏蔽、氣候的變化等等，一旦無線信號減弱，則會影響到數(shù)字檔案的傳遞和利用[9]。第三，資源共享問題。APP生成的原生性和管理的碎片化使得檔案信息資源在各自APP中孤立封閉，形成了一個個的信息孤島[10]。移動應用上的檔案信息，是由檔案館挑選出部分信息加以發(fā)布的，挑選信息本身就阻礙了信息的完整共享，同時挑選出的信息未必與檔案利用者需求相切合，檔案信息資源共享互動率低。

2 響應式Web設計的特點、開發(fā)應用及優(yōu)勢

2.1 響應式Web設計的含義及特點。2010年5月Ethan Marcotte最先提出響應式Web設計（Responsive Web design），這一理念源于建筑領域中的響應式設計，即根據(jù)各個客戶設計不同的物理空間。由此引發(fā)了Web設計同樣也可和響應式建筑相似，做到根據(jù)不同設備環(huán)境自動響應及調(diào)整的思考。響應式網(wǎng)頁設計就是一個網(wǎng)站能夠兼容多個終端——而不是為每個終端做一個特定的版本。響應式Web設計的理念是頁面的設計與開發(fā)應當根據(jù)用戶行為以及設備環(huán)境（系統(tǒng)平臺、屏幕尺寸、屏幕定向等）進行相應的響應和調(diào)整[11]。其基本特點，一是基于搜索引擎，無須下載。二是響應多種設備，適配多種尺寸。

2.2 響應式Web設計的開發(fā)與應用。響應式Web設計開發(fā)的原理涉及到調(diào)整分辨率、賦予彈性化、重構布局、調(diào)整樣式等[12]。其中關鍵技術：一是流動布局。傳統(tǒng)的的固定布局都為網(wǎng)頁設置了一個固定寬度的外包裹，且這個外包裹的元素不能移動，無論訪問者移動終端屏幕的分辨率是多少，網(wǎng)頁都顯示為和其它訪問者相同的寬度。這樣需在移動終端上縮放界面。而流動布局則是用相對單位百分比，訪問時可自適應用戶的分辨率，無需縮放界面，網(wǎng)頁顯示具有可變性。二是彈性圖片和媒體。在響應式Web設計中通過使用一些CSS技巧，使圖像和媒體比例限制在其父元素范圍之內(nèi)，相應于布局的其他部分按比例縮放，以適應其設備的大小[13]。三是CSS3媒體查詢技術。是響應式Web設計最核心的技術，其允許設計人員基于各種不同的設備屬性（比如屏幕寬度、分辨率、方向等）來確定目標樣式。媒體查詢訪問終端的分辨率小于或大于設定范圍，則自動適應訪問端的尺寸。

應用上，可利用開源的響應式Web設計前端開發(fā)框架，如UIKit、Bootstrap，進一步適應性設計應用。國內(nèi)云南大學圖書館在使用PHP語言編寫的開源內(nèi)容管理框架Drupal平臺上，成功開發(fā)了基于響應式Web設計技術的圖書館移動門戶網(wǎng)站。并采用CSS Hack，針對不同瀏覽器編寫不同CSS樣式，解決響應式網(wǎng)頁在IE6、IE7、IE8中樣式亂的問題[14]。

2.3 應用優(yōu)勢。

2.3.1 優(yōu)化界面 提升用戶體驗。第一，內(nèi)容簡明。因定制式的響應，界面根據(jù)不同設備屏幕分辨率大小可自適應顯示。第二，字體清晰。顯示效果清晰，不用手動放大、縮小，可隨意翻閱穿梭于各個頁面之間。第三，操作簡便。減去不停手動縮放界面的步驟，某些由于界面限制而被隱藏的欄目也易找到。

2.3.2 降低成本 增加利用效益。一是響應式Web設計滿足高需求而維護成本低。在開發(fā)成本上，響應式Web設計與APP相比沒有多少優(yōu)勢可言，但其在后期的運營與維護上則有著巨大的優(yōu)勢。在維護上，響應式網(wǎng)站服務端統(tǒng)一升級維護，自動更新。檔案館不用面對不同的設備維護多個版本，可不需特定的人維護移動網(wǎng)頁。同時提升利用者的“享受”程度，增加用戶黏性，實現(xiàn)較好的利用效益。二是減少內(nèi)容多次分發(fā)負擔。檔案館不再需要對APP、WAP、微平臺等不同移動信息服務渠道分發(fā)內(nèi)容，集中處理優(yōu)化響應式網(wǎng)站內(nèi)容即可，減少內(nèi)容上的更新和營運維護成本。

2.3.3 打破限制 傳遞全方位信息。移動終端的響應式網(wǎng)頁，可提供與PC端網(wǎng)頁一致的內(nèi)容，無須刪減，表現(xiàn)力一致。如此，極大地避免挑選檔案信息發(fā)布，及“挑選”檔案信息進行二次發(fā)布的時間消耗。這也是檔案館從供給側的一方改革，提供移動終端可查詢?nèi)肯嚓P檔案信息的移動信息服務新方式，滿足用戶對信息多樣性、豐富性的瀏覽需求。

2.3.4 助力解決“錢、技、共享”難題。首先“錢”的難題上。相較于檔案館微信公眾號、檔案APP，其最大的贏點在于較少的運營成本。網(wǎng)絡技術的飛速發(fā)展，檔案用戶在“流量”和“時間損耗”上的利用成本也會降低。其次“技”的難題上。國家層面極力提倡互聯(lián)網(wǎng)與傳統(tǒng)行業(yè)的鏈合發(fā)展，互聯(lián)網(wǎng)普及廣，技術發(fā)展快。移動通信的無線通信技術也在不斷的更新?lián)Q代，信號和速率增強，抗干擾和便民程度不斷增強。最后“共享”的難題上。可將PC端已上線運行的由國家檔案局檔案科學技術研究所啟動的“國家開放檔案信息共享平臺”，進一步改造為響應式網(wǎng)站，合理利用已有的檔案信息聚合共享渠道和平臺。

3 面臨的困境

3.1 響應式Web設計開發(fā)成本資金籌措問題。我國檔案館早已冠以“清水衙門”的頭銜：一是內(nèi)部資金缺乏，我國檔案工作實行統(tǒng)一領導、分級管理的原則，其運行經(jīng)費都源于中央審批撥款；二是缺少外部資金來源，2013年財政部、發(fā)展改革委公布取消和免征 一批行政事業(yè)性收費，其中包括利用檔案的收費。三是內(nèi)部資金消耗大，目前檔案館在數(shù)字檔案館構建中投入了巨大資金，在經(jīng)費運轉上絕大部分檔案館應是“步履蹣跚”了。由于經(jīng)費不足，開發(fā)成本籌措不定而使部分檔案館開發(fā)響應式Web設計望而卻步。

3.2 響應式Web設計技術合作問題。大多數(shù)檔案館的工作人員是沒有更多的時間、精力或學識擔當開發(fā)重任。那么檔案館開發(fā)響應式Web設計，則面臨著技術合作問題，其需與外界合作共力，譬如檔案館與檔案館之間，檔案館與外部專業(yè)機構，共同或外包共建來實現(xiàn)檔案網(wǎng)站的響應式Web設計。

3.3 部分瀏覽器響應問題。響應式Web設計需要瀏覽器有較高支持能力，一般在Chrome、Firefox和Safari上支持較好，而在IE8及其以下的舊版本IE瀏覽器上支持率極低。主要原因是IE8及其以下的舊版本IE瀏覽器并不支持CSS3。媒體查詢功能是響應式網(wǎng)頁設計的核心，是CSS3帶來的功能，所以只有支持CSS3的瀏覽器才能實現(xiàn)響應式設計[15]。

4 解決方法

4.1 眾籌助力解決開發(fā)成本問題。眾籌指通過互聯(lián)網(wǎng)方式發(fā)布籌款項目并募集資金[16]。為解決檔案館開發(fā)響應式Web設計所需的資金，檔案館可在專業(yè)相關性較高的網(wǎng)站或眾籌網(wǎng)上，發(fā)起響應式Web設計開發(fā)資金眾籌項目，通過互聯(lián)網(wǎng)合理合法募集社會資金。目前，國內(nèi)優(yōu)酷眾籌取得較大成功，在規(guī)定募集時間長短和目標金額前提下，募得資金，完成眾籌項目。

4.2 “產(chǎn)學研”為導向 與高等學校技術合作。產(chǎn)學研通常指以企業(yè)為技術需求方，與以科研院所或高等學校為技術供給方之間的合作，其實質是促進技術創(chuàng)新所需各種生產(chǎn)要素的有效組合[17]。檔案館在此處姑且充當“企業(yè)”，發(fā)出對響應式Web設計這一技術需求，而科研院所或高等學校則研發(fā)相應的技術，從而實現(xiàn)學、研、產(chǎn)的有效遞進，達到共贏的功效。

4.3 盡量支持舊版本IE 鼓勵用戶更新瀏覽器。一是國內(nèi)97.45%的Windows Phone用戶使用移動版IE瀏覽器[18]，IE瀏覽器用戶決定了響應式Web設計應盡量支持IE。對于那些不支持媒體查詢功能的瀏覽器，可以通過加載media-queries.js或者html5.js的方法來解決。對于IE6瀏覽器，很多樣式都不兼容，本站采用了彈出窗口提示升級瀏覽器的方法[19]。二是國外數(shù)據(jù)公司Gadget Lab發(fā)布了2015年全球移動瀏覽器份額的數(shù)據(jù)，中國市場份額中安卓類瀏覽器占37.63%、Safari占35.82%、Chrome占19.19%、Firefox占4.41%[20]。這些被廣泛使用的移動瀏覽器，幾乎都支持響應式網(wǎng)頁，按照使用需求，大眾用戶都可選擇性地更新使用支持響應式網(wǎng)頁的瀏覽器。

參考文獻：

[1]韓義義.貴州手機短信可查檔案目錄[N].中國檔案報，2006-06-08（1）.

[2]瞿英，王曉鳳.基于WAP的高校檔案查詢系統(tǒng)的設計[J].蘭臺世界，2007（15）：37.

[3]武漢建全國首個“指尖上的檔案館”[EB/OL].[2016-04-15].http：//news.xinhuanet.com/info/2013-06/10/c_132446105.htm.

[4]黃永勤，黃麗萍，王蘭成.檔案學人微博的調(diào)研與分析[J].檔案學通訊，2014（6）：31-35.

[5]王瀟，黃新榮.微信公眾平臺開啟檔案利用新時代[J].陜西檔案，2013（2）：26-28.

[6]胡晶.十堰市檔案館開通手機微信查檔業(yè)務[J].湖北檔案，2013（9）：16.

[7]趙屹，汪艷.檔案利用服務的移動化形式與泛在化趨勢[J].檔案與建設，2015（10）：4-7.

[8][10]王協(xié)舟，王露露.Light APP在檔案移動信息服務中的應用研究——基于檔案機構微信公眾號的調(diào)查[J].檔案學研究，2016（1）：38-43.

[9]徐一男，李禾.數(shù)字檔案移動實現(xiàn)模式探析[J].蘭臺世界，2013（26）：35-36.

[11]百度百科.響應式網(wǎng)頁技術[EB/OL].[2016-04-10].http：//baike.baidu.com/link？url=ueD8gHtke0CJkNDS27oONzoJmf_YG2kf5MXBgA5h1p8FO_0D_84_ImgoTSInf8WUqRetnjjd1BBYRDXDJUvq0q.

[12][14][15][19]畢劍，劉曉艷，張禹.使用響應式網(wǎng)頁設計構建圖書館移動門戶網(wǎng)站——以云南大學圖書館為例[J].現(xiàn)代圖書情報技術，2015（2）：97-102.

[13]曹樹金，吳育冰.響應式Web設計及其在圖書館門戶網(wǎng)站中的應用——以“211”高校圖書館為例[J].圖書情報研究，2016（1）：30-34.

[16]百度百科.眾籌[EB/OL].[2016-04-22].http：//baike.baidu.com/link？url=R6rStAIxI4xGlQ6TzZiB_dNU5bsJbrc8IVQ8TpxX6feppXkHgVOnrh7AbxyVWsAvv8oSOf0Ta5mVbUK5WwcXlK.

[17]百度百科.產(chǎn)學研[EB/OL].[2016-04-25].http：//baike.baidu.com/link？url=vRIE5MJuCcvxsVSGDKrNaweyAhSE-HHLFsBHOi_b8NPcjQphdWtecLM6d-RVqUhiQD-TUqEHcdgkVcDduXKC8a.

[18][20]移動瀏覽器全球份額數(shù)據(jù)出爐，你喜歡哪一款？[EB/OL].[2016-04-25].http：//wp.msn.com.cn/news/413476.shtml.

（作者單位：上海大學圖書情報檔案系 來稿日期：2016-08-06）