谈档案专业网站架构与建设.doc

1、1谈档案专业网站架构与建设档案网站建设在档案工作开展与扩大档案宣传的辐射面与影响力方面发挥着日益重要的作用。相对于其他行业专业网站来讲，档案专业网站起步稍晚，水平参差不齐，使其社会效应的发挥受到制约。如何提高档案网站技术水平，本文拟以高校档案网站建设为例，作一探讨。 1.档案馆门户网站的重要作用 伴随着 web2.0 信息时代的到来，高校档案馆纷纷踏上数字档案馆建设的征程，互联网新兴技术的诞生为数字档案馆的建设和发展创造了机会，也带来了挑战。其中，门户网站不仅是数字档案馆建设的基础，而且是数字档案馆的门面，做好数字档案馆的门户网站具有重要意义。数字档案馆门户网站的重要作用体现在以下四个方面：

2、（1）档案馆门户网站是馆藏资源的宣传窗口。通过档案馆门户网站展示档案馆馆藏的照片、影像等资源可以加强对学校历史和文化的宣传。（2）档案馆门户网站为利用者提供了在线咨询的平台。档案馆网站用户除了可以在网站上浏览动态信息，还可以利用网站上的在线咨询服务与档案工作者进行实时通信，及时了解所关心的问题。 （3）档案馆门户网站是了解学校校务公开的重要途径。随着政务公开的实施，校务公开倍受关注，档案馆可以通过门户网站发布校务公开信息，能够更好地满足各类用户的需求。 2（4）档案馆门户网站为数字档案馆各类应用程序提供了入口。数字档案馆是个庞大的、系统的工程，涉及到各类档案管理系统，将这些档案管理系统的地址发

3、布在门户网站上，不仅为档案管理者提供了方便，还为利用者提供了在线查询和浏览档案的服务。 2.网站建设的关键技术 2.1 DIV+CSS 网站布局 一个网站是由很多个网页组成的，每个网之间是通过超级链接进行网页间切换的，所以网页是网站的基本单位。网页的布局是指网页的排版，主要包括定义网页中文字的格式、图片的大小以及网页元素的摆放位置。网页布局分为两种：一种是表格布局，是通过表格来对网页排版，最后再隐藏掉表格的边框；另一种是 DIV+CSS 布局，DIV 是层的概念，它可以被放置在网页的任意位置，CSS 则主要用来定义网页中的文字格式，也可以定义网页元素的位置。目前较为流行的是 DIV+CSS 布

4、局方式，其原因是 DIV+CSS 在网页设计中更加自由、简洁，同时 CSS 还具有样式批量处理的功效。 2.2 Jquery 特效技术 Jquery 是一个快速、灵巧并含有丰富功能的 Javascript 函数类库，它可以对 html 文档进行遍历、脚本操作、事件处理和动画渲染，它不仅可以使用简单的 API 接口来操作 Ajax，而且可以基于各类浏览器正常运行。随着 Jquery 通用性与扩展性的结合，越来越多的程序开发者意识到Jquery 的优越性，也纷纷投入到 Jquery 的研究领域。Jquery 技术主要用于网页特殊效果的制作，丰富和提升了浏览网页的用户体验。 32.3 数据库技术 很

5、多网站是利用数据库为后台来实现网站前台的动态更新，而 html或 Jquery 是无法直接与数据库进行通信的，这就需要借助其他中间技术来实现网页前台与后台数据库的实时通信。目前数据库通信技术有很多，常见的是 asp、php、jsp 和 ，例如，其中的 与数据库通信是通过 ADO.NET 连接数据库，并将数据库中的数据填充到自己的Dataset 中，最后将数据显示在前台的数据表格中。这几种技术的原理和实现的功能基本相同，区别在于他们的语法不同以及他们在运行时所需要的服务器环境不同，一般采用网站开发者擅长的技术即可。 3.档案馆网站的功能实现 3.1 搜索建议功能。档案馆网站包含大量文字和图片，

6、要想快速准确地找到自己需要的资料，需要在网站主页或导航中建立全站搜索的功能。通过文本框输入关键字，对网站进行内容检索，将与关键字相关的所有信息展现给浏览者。搜索建议功能，也称为自动完成功能，是根据用户在输入关键词过程中输入的文字，预测并提示用户可能要输入的完整的关键词，用户通过鼠标或键盘直接选取自己想要的关键词，并进行下一步检索。其实现原理是通过 Ajax（异步 Javascript 与 Xml）不断的与数据库通信，根据用户输入文字检索匹配的关键词列表，并将返回结果再通过 Ajax 对 Dom 的操作更新用户界面。采用 Ajax 的缺点是 Javascript脚本程序的编写复杂，不利于调试，增

7、加了程序开发的复杂度。采用Jquery 中的 Autocomplete 组件可以很好的解决该问题，Jquery 的Autocomplete 组件实际上是对 Ajax 功能进行了封装，其语法简单，降低4了程序开发的复杂度。 3.2 图片展示功能。档案馆馆藏资源包含大量照片，还有很多荣誉证书、奖状的扫描件，这些资源都是以图片形式存在的，所以，图片展示效果的好坏直接影响着档案馆门户网站的用户体验。很多网站在图片展示中是通过缩略图界面和放大图界面来实现的，在缩略图界面上显示所有图片的缩略图，当浏览者点击某一个图片的缩略图后打开新的页面，在新页面中显示放大后的图片和该图片的文字说明。这种做法的缺点是浏览

8、者每次放大查看一张图片的时候就要新打开一个页面，不仅需要等待网络下载，而且在打开过多网页的时候会占用浏览器的资源，降低了客户端的资源使用效率，也降低了图片浏览的用户体验。Jquery 技术的应用使图片展示在功能实现上变得更加容易，同时大幅度的提高了用户体验。Jquery 的 ThickBox 组件可以在门户网站的图片展示中发挥重要作用。 3.3 在线咨询服务。在档案馆门户网站上建立一个在线咨询服务模块，并配置专门的在线服务人员，通过网络为档案利用者提供在线服务。在线咨询服务的程序可以使用 和 Jquery 共同开发。 程序主要负责与数据库进行通信，向数据库中添加数据和读取数据，Jquery的

9、任务是根据用户在线咨询界面的信息输入调用 程序更新数据库，并通过 程序读取数据库中更新的信息并以 json 格式的数据返回给客户端，由 Jquery 来更新在线咨询界面的信息，从而实现无刷新的在线咨询服务模块，基于 Jquery 无刷新技术的在线咨询模块改善了传统的不断刷新网页的单调性和重复性，保证了在线通讯的即时性，从视5觉效果和简洁操作的角度，增强了在线服务功能的用户体验。 3.4 实物档案虚拟展室的全景漫游。随着网络技术的快速发展，网站的设计核心已经由传统的功能实现转向现代的视觉效果和操作体验。单纯的文字、图片或动画渐渐地不能满足浏览者对网站的期望，越来越多的实物虚拟展室开始引进虚拟

10、现实技术来构建虚拟的实物展馆，当浏览者进入虚拟展馆的时候会有一种身临其境的感觉，这种用户沉浸性体验深深地吸引了用户的关注，程序设计者也将精力投向该领域。实物展室的实现是通过 Jquery 的 Jquery Virtual Tour 组件来完成的：首先，需要对实物展室的实景进行全景拍摄，在进行拍摄之前要将实物展室按照区域分成若干个场景，以每个场景为单位进行全景拍摄，需要用到一个云台、一个单反相机和一个鱼眼镜头，以云台为支点保证相机的水平位置不变，并使相机沿水平方向旋转，每旋转一个角度拍摄一张照片，直到相机旋转 360 度后，便完成了对该场景的全景拍摄。由于拍摄的是一组照片，接下来需要利用 Photoshop 之类的绘图软件对这一组照片进行无缝连接，使得 360 度拍摄的一组照片组成一张全景照片，通过这种方法可以对实物展馆的所有场景进行全景图片制作。最后，利用 Jquery Virtual Tour 组件导入各个场景的全景照片，从而实现每个场景各自的虚拟展室，由于 Jquery Virtual Tour 组件提供了内部场景的热点链接，所以可以利用这些热点链接就能轻松的实现不同场景之间的切换。 （作者单位：天津师范大学档案馆）