談檔案專業(yè)網(wǎng)站架構(gòu)與建設(shè)

楊文剛

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

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

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

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

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

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

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

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

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

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

2.2 Jquery特效技術(shù)

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

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

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

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

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

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

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

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

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