談檔案專業網站架構與建設

楊文剛

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

1.檔案館門戶網站的重要作用

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

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

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

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

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

2.網站建設的關鍵技術

2.1 DIV+CSS網站布局

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

2.2 Jquery特效技術

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

2.3數據庫技術

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

3.檔案館網站的功能實現

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

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

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

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

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