论文部分内容阅读
摘 要：在医院官网建设全面升级的背景下，同济医院院史馆可以通过网络向用户提供医院的历史沿革。该文论述了同济医院院史馆主页的设计过程与维护方法，以及在建设过程中的注意事项，结合了该院网上馆建设的工作实践，是具有非常重要的借鉴意义的。
关键词：同济医院网上院史馆 设计与维护 实践 注意事项
中图分类号：TP31 文献标识码：A 文章编号：1674-098X（2016）07（a）-0087-02
The Design and Maintenance of the Home Page of the Hospital Museum
——Takes the Tongji Hospital Online Museum for Example
Peng Wei Wang Liuming*
（Tongji Hospital Affiliated to Tongji Medical College of Huazhong University of Science and Technology， Wuhan Hubei， 430030， China）
Abstract： In the context of a comprehensive upgrade of the website construction， Tongji hospital provides all the customers with the history of the hospital. This paper discusses design and maintanance methods and the matters needing attention in the construction process of tongji hospital online museum consturction，Combined with the work practice of the construction of the online library of our hospital， it is of great significance.
Key Words： Tongji hospital online museum； Design and maintanance； Practice； Matters needing attention
创建于2013年底的武汉同济医院院史馆作为记录和反映历史文化的载体，在传承历史文化过程中体现出其特有的作用，它也是德国医学和中德友谊在中国发展的见证，是医院历史变迁和创新发展的写照。目前，很多的医院院史馆开始在医院官网上展示自己的主页，把它作为向外界介绍医院历史沿革的方法之一。它突破了传统院史馆的时间和空间制约，将馆内有限的资源在网络环境中进行整合，提供了一个无限获取信息的自由空间。因此，院史馆主页的设计与维护，应是每一个医院院史馆都十分关注的问题。目前该院网上院史馆已于2015年12月顺利上线，它的出现是对实体馆资料有效的延伸和补充，目前浏览量过万，受到社会广泛认可。该文将结合该院网上馆建设的工作实践，总结主页的设计与维护需要注意的问题。
1 引导页
引导页是通过FLASH技术，根据主题设计制作了动画，充分表现了院史馆的历史性和文化性。动画中通过图片动画的表达，展现了医院从一个时代变迁到另一个时代的延续过程，中间积累的不仅仅是文献、资料和医学文档，更是智慧的结晶。表达主旨是让浏览者知道院史文化是如何形成的，充分体现院史馆的历史文化，带给社会的进步和贡献，展现了一代又一代同济人的精神。
2 首页
首页内容设计可由三部分组成。
2.1 头部
关部可以设置该馆概况、内部机构设置、历史沿革等栏目以向社会全面展示该馆的基本情况。一般情况下院史馆主页设有百年同济、杰出人物、出版物﹑荣誉﹑专题展览﹑参观动态﹑国际交流﹑3D全景和馆藏珍品等。
2.2 主要模块
医院院史馆主要功能模块的设置应依据院史馆的各项工作和用户的需求来设定，应包含院史馆所能提供的信息服务项目，这是主页的核心部分。可将其分为三个方面。一是院史资料展示，可以通过文字、图片、声音或是影像等使浏览者了解自己需求的信息。二是馆藏信息检索服务，可分为基本服务和特色服务，前者指基本的信息检索，应是每个院史馆都应具备的内容，在网上提供的档案信息数据库检索服务内容最多；后者应为有特色的信息检索服务，它是根据该馆的特点建立的一些专题数据库，提供给网上用户查询，使它们的主页具有独特性。三是开辟固定的专栏，通过专栏提供信息服务。根据馆藏情况设立杰出人物、人物叙事﹑珍贵文献﹑专题展览等专栏。
2.3 底部信息
底部信息包括医院的一些基础版权信息，联系方式等文字资料。
3 了解WEB
通过首页的设计和规划，定下整个网站的框架布局，形成了统一的风格。
要制作一个好的网页，应该对HTML语言有所了解。HTML的全称是超文本标记语言。严格来说，HTML并不是一种编程语言，而只能算是一种描述型脚本语言，它是一种语言标准。使用它将普通文本、图像、声音、动画以及信息标签等组织在一起，且允许制作者对其显示格式有一定的控制。利用这些控制，就可生成一个图、文、声并茂，方便信息查询的交互式的WEB主页。
4 WEB开发工具
理论上来说利用HTML可以编写任何复杂的网页，还可以利用专门用于网页的脚本语言如C#、JavaScript等，但是对于网页初学者要完全掌握HTML有很大难度。目前有很多网页编辑器，如Visual Studio是Microsoft公司研发专为WEB开发的一款高端软件，可同时开发前端HTML+CSS和后端的.NET程序。它可使我们不必去记忆HTML语言，就可以编写脚本。同类软件还包括数据库软件SQLserver、Mysql、MongoDB，Nodejs等，已成为制作WEB的标配开发工具。 5 设计开发流程
5.1 设计风格
院史馆的主页不同于一般的商业网站，它既要有一定的学术性和文化性，也应具有一定的艺术性。因此，页面设计一方面要求结构合理，易于导航；同时要求色彩和谐，网页图片紧密配合内容，有一定特色。一般来说，网页的设计，在总体上要给人以调和、自然的感觉，而在局部的版面上应强调对比，以突出各自的内容。除了常用的字体大小可以形成对比以外，其他的元素，包括颜色、插图技术、维数或者正负空间也可以用于对比。颜色对比可以采用互补色，如在灰色照片上方设定彩色照片，或者使背景颜色交替出现等。插图技术对比可以采用富于表现力的手绘插图作为背景；维数对比则可以利用二维与三维手法之间的动态变换；反正色对比能提供让眼睛休息的区域，给屏幕带来高雅的气息，同时也帮助缩短下载时间。同时，创建统一风格的画面，形成统一风格的格局。
5.2 前端开发
通过定下来的设计风格，使用HTML+CSS脚本语言，按照符合国际的W3C标准，结合设计文档，进行网页的排版和动态效果制作。此处的排版和动态效果，是指浏览器上显示的网页的排版和动态，比如：一个菜单鼠标移过的时候，有一个下滑出来子菜单的动态效果，两个按钮并排显示或者并列显示，都是需要前端来完成这项工作的。
5.3 后端开发
后端通过.Net语言，结合数据库SQLserver，按照前台对应的模块和表单，进行功能编写。.Net的作用主要是提供给管理者一个后台。
根据之前规划的对应模块，后台功能主要分为三大类：
第一类为新闻资讯类，主要是由管理员录入一些院史馆日常的采访、医院文化历史的视频播放、参观访谈、和其他国际组织的交流活动，以及院史馆的历史文化、简介和联系方式等信息。第二类为文献文物类，主要以图片和文字的混排结构编辑，展现给浏览用户清晰的文物文献的历史、说明，以及发展到现在给社会带来的贡献。第三类为表单类信息，主要提供给浏览用户在线提交参观申请、意见反馈来进行在线交流，以方便交流事务。
根据以上的功能形式，在后台将资料数据输入、编排、存储到数据库，然后再通过.Net代码显示在页面上；或者接收前台网页上用户提交的表单信息，然后存储到数据库，再显示给后台管理者查看提交过来的表单信息，比如一个预约或者在线意见留言。它主要做了数据交互的工作。
5.4 数据库
数据库结构由于项目管理中实行动态控制，就要求数据的收集必须及时、准确、完整。因此该院使用的是上文中提到的SQLserver这种由微软官方开发的关系型数据库，关系型数据库可以充分管理整个网站各个模块的信息，还有一些表单的提交交互数据。
定期进行数据库备份，以防止服务器宕机导致网站打不开，影响用户的正常访问是很有必要的，以及数据库日志的查看清理，时常检查数据库的运行状况。
6 网站调优
6.1 网页浏览兼容的问题
目前WEB浏览器的种类很多，其特点和性能各异，市场上目前主流浏览器包括IE、谷歌、火狐、360浏览器、搜狗浏览器、百度浏览器等各种浏览器。因此，在制作网页时需要考虑用户浏览器类型，一些采用符合W3C的设计标准，进行各个版本浏览器的兼容性展示，这个兼容性主要是图片和文字以及一些特效在不同浏览器上出现的错位、换行、图文混叠等不友好界面。否则做得再好，别人也浏览不到，甚至同一个网页在不同的浏览器上浏览，其结果也可能大不相同。
6.2 开发代码BUG调试
在开发完成后，需要经过反复的测试，例如：（1）提交一个表单的信息，后台管理员是否可以正常收到；（2）后台添加的一个新闻，前台是否可以正常显示后台编辑的排版；（3）联系方式，简介等文字资料后台修改完成后，前台是否会自动更新等BUG的调试。
7 交付培训
7.1 管理员培训
网站全部开发，调试，测试完成后，交付给院史馆管理员时，需要进行后台的操作培训，以保证管理员可以完全掌握网站的操作流程和方法。
7.2 网管培训
在网站部署到服务器上之后，需要对网管进行培训，如果出现一些相关问题，网管可以按照指引的操作对服务器进行配置或者重启服务等方式将网站恢复正常访问状态。
参考文献
[1] 王红梅.浅谈大学图书馆网站建设[J].中国科技信息，2010
（5）：158-160.
[2] 李向群.高校档案馆主页的设计与维护[J].北京档案，2001
（11）：34-36.
[3] 车皓阳，余胜泉，何克抗.构建基于WEB的虚拟实验室[J].北京师范大学学报，2002（12）.
[4] 尹承魁.迎接新军事革命的挑战[M].北京：国防大学出版社，1998：234-238.
[5] 刘加能，尚崇伟，张志荣.军校信息化教学环境的研究与实践[J].海军航空工程学院学报，2003，18（4）：463-465.
关键词：同济医院网上院史馆 设计与维护 实践 注意事项
中图分类号：TP31 文献标识码：A 文章编号：1674-098X（2016）07（a）-0087-02
The Design and Maintenance of the Home Page of the Hospital Museum
——Takes the Tongji Hospital Online Museum for Example
Peng Wei Wang Liuming*
（Tongji Hospital Affiliated to Tongji Medical College of Huazhong University of Science and Technology， Wuhan Hubei， 430030， China）
Abstract： In the context of a comprehensive upgrade of the website construction， Tongji hospital provides all the customers with the history of the hospital. This paper discusses design and maintanance methods and the matters needing attention in the construction process of tongji hospital online museum consturction，Combined with the work practice of the construction of the online library of our hospital， it is of great significance.
Key Words： Tongji hospital online museum； Design and maintanance； Practice； Matters needing attention
创建于2013年底的武汉同济医院院史馆作为记录和反映历史文化的载体，在传承历史文化过程中体现出其特有的作用，它也是德国医学和中德友谊在中国发展的见证，是医院历史变迁和创新发展的写照。目前，很多的医院院史馆开始在医院官网上展示自己的主页，把它作为向外界介绍医院历史沿革的方法之一。它突破了传统院史馆的时间和空间制约，将馆内有限的资源在网络环境中进行整合，提供了一个无限获取信息的自由空间。因此，院史馆主页的设计与维护，应是每一个医院院史馆都十分关注的问题。目前该院网上院史馆已于2015年12月顺利上线，它的出现是对实体馆资料有效的延伸和补充，目前浏览量过万，受到社会广泛认可。该文将结合该院网上馆建设的工作实践，总结主页的设计与维护需要注意的问题。
1 引导页
引导页是通过FLASH技术，根据主题设计制作了动画，充分表现了院史馆的历史性和文化性。动画中通过图片动画的表达，展现了医院从一个时代变迁到另一个时代的延续过程，中间积累的不仅仅是文献、资料和医学文档，更是智慧的结晶。表达主旨是让浏览者知道院史文化是如何形成的，充分体现院史馆的历史文化，带给社会的进步和贡献，展现了一代又一代同济人的精神。
2 首页
首页内容设计可由三部分组成。
2.1 头部
关部可以设置该馆概况、内部机构设置、历史沿革等栏目以向社会全面展示该馆的基本情况。一般情况下院史馆主页设有百年同济、杰出人物、出版物﹑荣誉﹑专题展览﹑参观动态﹑国际交流﹑3D全景和馆藏珍品等。
2.2 主要模块
医院院史馆主要功能模块的设置应依据院史馆的各项工作和用户的需求来设定，应包含院史馆所能提供的信息服务项目，这是主页的核心部分。可将其分为三个方面。一是院史资料展示，可以通过文字、图片、声音或是影像等使浏览者了解自己需求的信息。二是馆藏信息检索服务，可分为基本服务和特色服务，前者指基本的信息检索，应是每个院史馆都应具备的内容，在网上提供的档案信息数据库检索服务内容最多；后者应为有特色的信息检索服务，它是根据该馆的特点建立的一些专题数据库，提供给网上用户查询，使它们的主页具有独特性。三是开辟固定的专栏，通过专栏提供信息服务。根据馆藏情况设立杰出人物、人物叙事﹑珍贵文献﹑专题展览等专栏。
2.3 底部信息
底部信息包括医院的一些基础版权信息，联系方式等文字资料。
3 了解WEB
通过首页的设计和规划，定下整个网站的框架布局，形成了统一的风格。
要制作一个好的网页，应该对HTML语言有所了解。HTML的全称是超文本标记语言。严格来说，HTML并不是一种编程语言，而只能算是一种描述型脚本语言，它是一种语言标准。使用它将普通文本、图像、声音、动画以及信息标签等组织在一起，且允许制作者对其显示格式有一定的控制。利用这些控制，就可生成一个图、文、声并茂，方便信息查询的交互式的WEB主页。
4 WEB开发工具
理论上来说利用HTML可以编写任何复杂的网页，还可以利用专门用于网页的脚本语言如C#、JavaScript等，但是对于网页初学者要完全掌握HTML有很大难度。目前有很多网页编辑器，如Visual Studio是Microsoft公司研发专为WEB开发的一款高端软件，可同时开发前端HTML+CSS和后端的.NET程序。它可使我们不必去记忆HTML语言，就可以编写脚本。同类软件还包括数据库软件SQLserver、Mysql、MongoDB，Nodejs等，已成为制作WEB的标配开发工具。 5 设计开发流程
5.1 设计风格
院史馆的主页不同于一般的商业网站，它既要有一定的学术性和文化性，也应具有一定的艺术性。因此，页面设计一方面要求结构合理，易于导航；同时要求色彩和谐，网页图片紧密配合内容，有一定特色。一般来说，网页的设计，在总体上要给人以调和、自然的感觉，而在局部的版面上应强调对比，以突出各自的内容。除了常用的字体大小可以形成对比以外，其他的元素，包括颜色、插图技术、维数或者正负空间也可以用于对比。颜色对比可以采用互补色，如在灰色照片上方设定彩色照片，或者使背景颜色交替出现等。插图技术对比可以采用富于表现力的手绘插图作为背景；维数对比则可以利用二维与三维手法之间的动态变换；反正色对比能提供让眼睛休息的区域，给屏幕带来高雅的气息，同时也帮助缩短下载时间。同时，创建统一风格的画面，形成统一风格的格局。
5.2 前端开发
通过定下来的设计风格，使用HTML+CSS脚本语言，按照符合国际的W3C标准，结合设计文档，进行网页的排版和动态效果制作。此处的排版和动态效果，是指浏览器上显示的网页的排版和动态，比如：一个菜单鼠标移过的时候，有一个下滑出来子菜单的动态效果，两个按钮并排显示或者并列显示，都是需要前端来完成这项工作的。
5.3 后端开发
后端通过.Net语言，结合数据库SQLserver，按照前台对应的模块和表单，进行功能编写。.Net的作用主要是提供给管理者一个后台。
根据之前规划的对应模块，后台功能主要分为三大类：
第一类为新闻资讯类，主要是由管理员录入一些院史馆日常的采访、医院文化历史的视频播放、参观访谈、和其他国际组织的交流活动，以及院史馆的历史文化、简介和联系方式等信息。第二类为文献文物类，主要以图片和文字的混排结构编辑，展现给浏览用户清晰的文物文献的历史、说明，以及发展到现在给社会带来的贡献。第三类为表单类信息，主要提供给浏览用户在线提交参观申请、意见反馈来进行在线交流，以方便交流事务。
根据以上的功能形式，在后台将资料数据输入、编排、存储到数据库，然后再通过.Net代码显示在页面上；或者接收前台网页上用户提交的表单信息，然后存储到数据库，再显示给后台管理者查看提交过来的表单信息，比如一个预约或者在线意见留言。它主要做了数据交互的工作。
5.4 数据库
数据库结构由于项目管理中实行动态控制，就要求数据的收集必须及时、准确、完整。因此该院使用的是上文中提到的SQLserver这种由微软官方开发的关系型数据库，关系型数据库可以充分管理整个网站各个模块的信息，还有一些表单的提交交互数据。
定期进行数据库备份，以防止服务器宕机导致网站打不开，影响用户的正常访问是很有必要的，以及数据库日志的查看清理，时常检查数据库的运行状况。
6 网站调优
6.1 网页浏览兼容的问题
目前WEB浏览器的种类很多，其特点和性能各异，市场上目前主流浏览器包括IE、谷歌、火狐、360浏览器、搜狗浏览器、百度浏览器等各种浏览器。因此，在制作网页时需要考虑用户浏览器类型，一些采用符合W3C的设计标准，进行各个版本浏览器的兼容性展示，这个兼容性主要是图片和文字以及一些特效在不同浏览器上出现的错位、换行、图文混叠等不友好界面。否则做得再好，别人也浏览不到，甚至同一个网页在不同的浏览器上浏览，其结果也可能大不相同。
6.2 开发代码BUG调试
在开发完成后，需要经过反复的测试，例如：（1）提交一个表单的信息，后台管理员是否可以正常收到；（2）后台添加的一个新闻，前台是否可以正常显示后台编辑的排版；（3）联系方式，简介等文字资料后台修改完成后，前台是否会自动更新等BUG的调试。
7 交付培训
7.1 管理员培训
网站全部开发，调试，测试完成后，交付给院史馆管理员时，需要进行后台的操作培训，以保证管理员可以完全掌握网站的操作流程和方法。
7.2 网管培训
在网站部署到服务器上之后，需要对网管进行培训，如果出现一些相关问题，网管可以按照指引的操作对服务器进行配置或者重启服务等方式将网站恢复正常访问状态。
参考文献
[1] 王红梅.浅谈大学图书馆网站建设[J].中国科技信息，2010
（5）：158-160.
[2] 李向群.高校档案馆主页的设计与维护[J].北京档案，2001
（11）：34-36.
[3] 车皓阳，余胜泉，何克抗.构建基于WEB的虚拟实验室[J].北京师范大学学报，2002（12）.
[4] 尹承魁.迎接新军事革命的挑战[M].北京：国防大学出版社，1998：234-238.
[5] 刘加能，尚崇伟，张志荣.军校信息化教学环境的研究与实践[J].海军航空工程学院学报，2003，18（4）：463-465.