楊文剛

檔案網(wǎng)站建設(shè)在檔案工作開展與擴(kuò)大檔案宣傳的輻射面與影響力方面發(fā)揮著日益重要的作用。相對(duì)于其他行業(yè)專業(yè)網(wǎng)站來講，檔案專業(yè)網(wǎng)站起步稍晚，水平參差不齊，使其社會(huì)效應(yīng)的發(fā)揮受到制約。如何提高檔案網(wǎng)站技術(shù)水平，本文擬以高校檔案網(wǎng)站建設(shè)為例，作一探討。

1.檔案館門戶網(wǎng)站的重要作用

伴隨著web2.0信息時(shí)代的到來，高校檔案館紛紛踏上數(shù)字檔案館建設(shè)的征程，互聯(lián)網(wǎng)新興技術(shù)的誕生為數(shù)字檔案館的建設(shè)和發(fā)展創(chuàng)造了機(jī)會(huì)，也帶來了挑戰(zhàn)。其中，門戶網(wǎng)站不僅是數(shù)字檔案館建設(shè)的基礎(chǔ)，而且是數(shù)字檔案館的門面，做好數(shù)字檔案館的門戶網(wǎng)站具有重要意義。數(shù)字檔案館門戶網(wǎng)站的重要作用體現(xiàn)在以下四個(gè)方面：

（1）檔案館門戶網(wǎng)站是館藏資源的宣傳窗口。通過檔案館門戶網(wǎng)站展示檔案館館藏的照片、影像等資源可以加強(qiáng)對(duì)學(xué)校歷史和文化的宣傳。

（2）檔案館門戶網(wǎng)站為利用者提供了在線咨詢的平臺(tái)。檔案館網(wǎng)站用戶除了可以在網(wǎng)站上瀏覽動(dòng)態(tài)信息，還可以利用網(wǎng)站上的在線咨詢服務(wù)與檔案工作者進(jìn)行實(shí)時(shí)通信，及時(shí)了解所關(guān)心的問題。

（3）檔案館門戶網(wǎng)站是了解學(xué)校校務(wù)公開的重要途徑。隨著政務(wù)公開的實(shí)施，校務(wù)公開倍受關(guān)注，檔案館可以通過門戶網(wǎng)站發(fā)布校務(wù)公開信息，能夠更好地滿足各類用戶的需求。

（4）檔案館門戶網(wǎng)站為數(shù)字檔案館各類應(yīng)用程序提供了入口。數(shù)字檔案館是個(gè)龐大的、系統(tǒng)的工程，涉及到各類檔案管理系統(tǒng)，將這些檔案管理系統(tǒng)的地址發(fā)布在門戶網(wǎng)站上，不僅為檔案管理者提供了方便，還為利用者提供了在線查詢和瀏覽檔案的服務(wù)。

2.網(wǎng)站建設(shè)的關(guān)鍵技術(shù)

2.1 DIV+CSS網(wǎng)站布局

一個(gè)網(wǎng)站是由很多個(gè)網(wǎng)頁組成的，每個(gè)網(wǎng)之間是通過超級(jí)鏈接進(jìn)行網(wǎng)頁間切換的，所以網(wǎng)頁是網(wǎng)站的基本單位。網(wǎng)頁的布局是指網(wǎng)頁的排版，主要包括定義網(wǎng)頁中文字的格式、圖片的大小以及網(wǎng)頁元素的擺放位置。網(wǎng)頁布局分為兩種：一種是表格布局，是通過表格來對(duì)網(wǎng)頁排版，最后再隱藏掉表格的邊框；另一種是DIV+CSS布局，DIV是層的概念，它可以被放置在網(wǎng)頁的任意位置，CSS則主要用來定義網(wǎng)頁中的文字格式，也可以定義網(wǎng)頁元素的位置。目前較為流行的是DIV+CSS布局方式，其原因是DIV+CSS在網(wǎng)頁設(shè)計(jì)中更加自由、簡(jiǎn)潔，同時(shí)CSS還具有樣式批量處理的功效。

2.2 Jquery特效技術(shù)

Jquery是一個(gè)快速、靈巧并含有豐富功能的Javascript函數(shù)類庫，它可以對(duì)html文檔進(jìn)行遍歷、腳本操作、事件處理和動(dòng)畫渲染，它不僅可以使用簡(jiǎn)單的API接口來操作Ajax，而且可以基于各類瀏覽器正常運(yùn)行。隨著Jquery通用性與擴(kuò)展性的結(jié)合，越來越多的程序開發(fā)者意識(shí)到Jquery的優(yōu)越性，也紛紛投入到Jquery的研究領(lǐng)域。Jquery技術(shù)主要用于網(wǎng)頁特殊效果的制作，豐富和提升了瀏覽網(wǎng)頁的用戶體驗(yàn)。

2.3數(shù)據(jù)庫技術(shù)

很多網(wǎng)站是利用數(shù)據(jù)庫為后臺(tái)來實(shí)現(xiàn)網(wǎng)站前臺(tái)的動(dòng)態(tài)更新，而html或Jquery是無法直接與數(shù)據(jù)庫進(jìn)行通信的，這就需要借助其他中間技術(shù)來實(shí)現(xiàn)網(wǎng)頁前臺(tái)與后臺(tái)數(shù)據(jù)庫的實(shí)時(shí)通信。目前數(shù)據(jù)庫通信技術(shù)有很多，常見的是asp、php、jsp和asp.net，例如，其中的asp.net與數(shù)據(jù)庫通信是通過ADO.NET連接數(shù)據(jù)庫，并將數(shù)據(jù)庫中的數(shù)據(jù)填充到自己的Dataset中，最后將數(shù)據(jù)顯示在前臺(tái)的數(shù)據(jù)表格中。這幾種技術(shù)的原理和實(shí)現(xiàn)的功能基本相同，區(qū)別在于他們的語法不同以及他們?cè)谶\(yùn)行時(shí)所需要的服務(wù)器環(huán)境不同，一般采用網(wǎng)站開發(fā)者擅長的技術(shù)即可。

3.檔案館網(wǎng)站的功能實(shí)現(xiàn)

3.1搜索建議功能。檔案館網(wǎng)站包含大量文字和圖片，要想快速準(zhǔn)確地找到自己需要的資料，需要在網(wǎng)站主頁或?qū)Ш街薪⑷舅阉鞯墓δ?。通過文本框輸入關(guān)鍵字，對(duì)網(wǎng)站進(jìn)行內(nèi)容檢索，將與關(guān)鍵字相關(guān)的所有信息展現(xiàn)給瀏覽者。搜索建議功能，也稱為自動(dòng)完成功能，是根據(jù)用戶在輸入關(guān)鍵詞過程中輸入的文字，預(yù)測(cè)并提示用戶可能要輸入的完整的關(guān)鍵詞，用戶通過鼠標(biāo)或鍵盤直接選取自己想要的關(guān)鍵詞，并進(jìn)行下一步檢索。其實(shí)現(xiàn)原理是通過Ajax（異步Javascript與Xml）不斷的與數(shù)據(jù)庫通信，根據(jù)用戶輸入文字檢索匹配的關(guān)鍵詞列表，并將返回結(jié)果再通過Ajax對(duì)Dom的操作更新用戶界面。采用Ajax的缺點(diǎn)是Javascript腳本程序的編寫復(fù)雜，不利于調(diào)試，增加了程序開發(fā)的復(fù)雜度。采用Jquery中的Autocomplete組件可以很好的解決該問題，Jquery的Autocomplete組件實(shí)際上是對(duì)Ajax功能進(jìn)行了封裝，其語法簡(jiǎn)單，降低了程序開發(fā)的復(fù)雜度。

3.2圖片展示功能。檔案館館藏資源包含大量照片，還有很多榮譽(yù)證書、獎(jiǎng)狀的掃描件，這些資源都是以圖片形式存在的，所以，圖片展示效果的好壞直接影響著檔案館門戶網(wǎng)站的用戶體驗(yàn)。很多網(wǎng)站在圖片展示中是通過縮略圖界面和放大圖界面來實(shí)現(xiàn)的，在縮略圖界面上顯示所有圖片的縮略圖，當(dāng)瀏覽者點(diǎn)擊某一個(gè)圖片的縮略圖后打開新的頁面，在新頁面中顯示放大后的圖片和該圖片的文字說明。這種做法的缺點(diǎn)是瀏覽者每次放大查看一張圖片的時(shí)候就要新打開一個(gè)頁面，不僅需要等待網(wǎng)絡(luò)下載，而且在打開過多網(wǎng)頁的時(shí)候會(huì)占用瀏覽器的資源，降低了客戶端的資源使用效率，也降低了圖片瀏覽的用戶體驗(yàn)。Jquery技術(shù)的應(yīng)用使圖片展示在功能實(shí)現(xiàn)上變得更加容易，同時(shí)大幅度的提高了用戶體驗(yàn)。Jquery的ThickBox組件可以在門戶網(wǎng)站的圖片展示中發(fā)揮重要作用。

3.3在線咨詢服務(wù)。在檔案館門戶網(wǎng)站上建立一個(gè)在線咨詢服務(wù)模塊，并配置專門的在線服務(wù)人員，通過網(wǎng)絡(luò)為檔案利用者提供在線服務(wù)。在線咨詢服務(wù)的程序可以使用asp.net和Jquery共同開發(fā)。asp.net程序主要負(fù)責(zé)與數(shù)據(jù)庫進(jìn)行通信，向數(shù)據(jù)庫中添加數(shù)據(jù)和讀取數(shù)據(jù)，Jquery的任務(wù)是根據(jù)用戶在線咨詢界面的信息輸入調(diào)用asp.net程序更新數(shù)據(jù)庫，并通過asp.net程序讀取數(shù)據(jù)庫中更新的信息并以json格式的數(shù)據(jù)返回給客戶端，由Jquery來更新在線咨詢界面的信息，從而實(shí)現(xiàn)無刷新的在線咨詢服務(wù)模塊，基于Jquery無刷新技術(shù)的在線咨詢模塊改善了傳統(tǒng)的不斷刷新網(wǎng)頁的單調(diào)性和重復(fù)性，保證了在線通訊的即時(shí)性，從視覺效果和簡(jiǎn)潔操作的角度，增強(qiáng)了在線服務(wù)功能的用戶體驗(yàn)。

3.4實(shí)物檔案虛擬展室的全景漫游。隨著網(wǎng)絡(luò)技術(shù)的快速發(fā)展，網(wǎng)站的設(shè)計(jì)核心已經(jīng)由傳統(tǒng)的功能實(shí)現(xiàn)轉(zhuǎn)向現(xiàn)代的視覺效果和操作體驗(yàn)。單純的文字、圖片或動(dòng)畫漸漸地不能滿足瀏覽者對(duì)網(wǎng)站的期望，越來越多的實(shí)物虛擬展室開始引進(jìn)虛擬現(xiàn)實(shí)技術(shù)來構(gòu)建虛擬的實(shí)物展館，當(dāng)瀏覽者進(jìn)入虛擬展館的時(shí)候會(huì)有一種身臨其境的感覺，這種用戶沉浸性體驗(yàn)深深地吸引了用戶的關(guān)注，程序設(shè)計(jì)者也將精力投向該領(lǐng)域。實(shí)物展室的實(shí)現(xiàn)是通過Jquery的Jquery Virtual Tour組件來完成的：首先，需要對(duì)實(shí)物展室的實(shí)景進(jìn)行全景拍攝，在進(jìn)行拍攝之前要將實(shí)物展室按照區(qū)域分成若干個(gè)場(chǎng)景，以每個(gè)場(chǎng)景為單位進(jìn)行全景拍攝，需要用到一個(gè)云臺(tái)、一個(gè)單反相機(jī)和一個(gè)魚眼鏡頭，以云臺(tái)為支點(diǎn)保證相機(jī)的水平位置不變，并使相機(jī)沿水平方向旋轉(zhuǎn)，每旋轉(zhuǎn)一個(gè)角度拍攝一張照片，直到相機(jī)旋轉(zhuǎn)360度后，便完成了對(duì)該場(chǎng)景的全景拍攝。由于拍攝的是一組照片，接下來需要利用Photoshop之類的繪圖軟件對(duì)這一組照片進(jìn)行無縫連接，使得360度拍攝的一組照片組成一張全景照片，通過這種方法可以對(duì)實(shí)物展館的所有場(chǎng)景進(jìn)行全景圖片制作。最后，利用Jquery Virtual Tour組件導(dǎo)入各個(gè)場(chǎng)景的全景照片，從而實(shí)現(xiàn)每個(gè)場(chǎng)景各自的虛擬展室，由于Jquery Virtual Tour組件提供了內(nèi)部場(chǎng)景的熱點(diǎn)鏈接，所以可以利用這些熱點(diǎn)鏈接就能輕松的實(shí)現(xiàn)不同場(chǎng)景之間的切換。

（作者單位：天津師范大學(xué)檔案館）endprint