彭瑋 王留明

摘 要：在醫(yī)院官網(wǎng)建設(shè)全面升級(jí)的背景下，同濟(jì)醫(yī)院院史館可以通過(guò)網(wǎng)絡(luò)向用戶提供醫(yī)院的歷史沿革。該文論述了同濟(jì)醫(yī)院院史館主頁(yè)的設(shè)計(jì)過(guò)程與維護(hù)方法，以及在建設(shè)過(guò)程中的注意事項(xiàng)，結(jié)合了該院網(wǎng)上館建設(shè)的工作實(shí)踐，是具有非常重要的借鑒意義的。

關(guān)鍵詞：同濟(jì)醫(yī)院網(wǎng)上院史館 設(shè)計(jì)與維護(hù) 實(shí)踐 注意事項(xiàng)

中圖分類號(hào)：TP31 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：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

創(chuàng)建于2013年底的武漢同濟(jì)醫(yī)院院史館作為記錄和反映歷史文化的載體，在傳承歷史文化過(guò)程中體現(xiàn)出其特有的作用，它也是德國(guó)醫(yī)學(xué)和中德友誼在中國(guó)發(fā)展的見證，是醫(yī)院歷史變遷和創(chuàng)新發(fā)展的寫照。目前，很多的醫(yī)院院史館開始在醫(yī)院官網(wǎng)上展示自己的主頁(yè)，把它作為向外界介紹醫(yī)院歷史沿革的方法之一。它突破了傳統(tǒng)院史館的時(shí)間和空間制約，將館內(nèi)有限的資源在網(wǎng)絡(luò)環(huán)境中進(jìn)行整合，提供了一個(gè)無(wú)限獲取信息的自由空間。因此，院史館主頁(yè)的設(shè)計(jì)與維護(hù)，應(yīng)是每一個(gè)醫(yī)院院史館都十分關(guān)注的問(wèn)題。目前該院網(wǎng)上院史館已于2015年12月順利上線，它的出現(xiàn)是對(duì)實(shí)體館資料有效的延伸和補(bǔ)充，目前瀏覽量過(guò)萬(wàn)，受到社會(huì)廣泛認(rèn)可。該文將結(jié)合該院網(wǎng)上館建設(shè)的工作實(shí)踐，總結(jié)主頁(yè)的設(shè)計(jì)與維護(hù)需要注意的問(wèn)題。

1 引導(dǎo)頁(yè)

引導(dǎo)頁(yè)是通過(guò)FLASH技術(shù)，根據(jù)主題設(shè)計(jì)制作了動(dòng)畫，充分表現(xiàn)了院史館的歷史性和文化性。動(dòng)畫中通過(guò)圖片動(dòng)畫的表達(dá)，展現(xiàn)了醫(yī)院從一個(gè)時(shí)代變遷到另一個(gè)時(shí)代的延續(xù)過(guò)程，中間積累的不僅僅是文獻(xiàn)、資料和醫(yī)學(xué)文檔，更是智慧的結(jié)晶。表達(dá)主旨是讓瀏覽者知道院史文化是如何形成的，充分體現(xiàn)院史館的歷史文化，帶給社會(huì)的進(jìn)步和貢獻(xiàn)，展現(xiàn)了一代又一代同濟(jì)人的精神。

2 首頁(yè)

首頁(yè)內(nèi)容設(shè)計(jì)可由三部分組成。

2.1 頭部

關(guān)部可以設(shè)置該館概況、內(nèi)部機(jī)構(gòu)設(shè)置、歷史沿革等欄目以向社會(huì)全面展示該館的基本情況。一般情況下院史館主頁(yè)設(shè)有百年同濟(jì)、杰出人物、出版物﹑榮譽(yù)﹑專題展覽﹑參觀動(dòng)態(tài)﹑國(guó)際交流﹑3D全景和館藏珍品等。

2.2 主要模塊

醫(yī)院院史館主要功能模塊的設(shè)置應(yīng)依據(jù)院史館的各項(xiàng)工作和用戶的需求來(lái)設(shè)定，應(yīng)包含院史館所能提供的信息服務(wù)項(xiàng)目，這是主頁(yè)的核心部分。可將其分為三個(gè)方面。一是院史資料展示，可以通過(guò)文字、圖片、聲音或是影像等使瀏覽者了解自己需求的信息。二是館藏信息檢索服務(wù)，可分為基本服務(wù)和特色服務(wù)，前者指基本的信息檢索，應(yīng)是每個(gè)院史館都應(yīng)具備的內(nèi)容，在網(wǎng)上提供的檔案信息數(shù)據(jù)庫(kù)檢索服務(wù)內(nèi)容最多；后者應(yīng)為有特色的信息檢索服務(wù)，它是根據(jù)該館的特點(diǎn)建立的一些專題數(shù)據(jù)庫(kù)，提供給網(wǎng)上用戶查詢，使它們的主頁(yè)具有獨(dú)特性。三是開辟固定的專欄，通過(guò)專欄提供信息服務(wù)。根據(jù)館藏情況設(shè)立杰出人物、人物敘事﹑珍貴文獻(xiàn)﹑專題展覽等專欄。

2.3 底部信息

底部信息包括醫(yī)院的一些基礎(chǔ)版權(quán)信息，聯(lián)系方式等文字資料。

3 了解WEB

通過(guò)首頁(yè)的設(shè)計(jì)和規(guī)劃，定下整個(gè)網(wǎng)站的框架布局，形成了統(tǒng)一的風(fēng)格。

要制作一個(gè)好的網(wǎng)頁(yè)，應(yīng)該對(duì)HTML語(yǔ)言有所了解。HTML的全稱是超文本標(biāo)記語(yǔ)言。嚴(yán)格來(lái)說(shuō)，HTML并不是一種編程語(yǔ)言，而只能算是一種描述型腳本語(yǔ)言，它是一種語(yǔ)言標(biāo)準(zhǔn)。使用它將普通文本、圖像、聲音、動(dòng)畫以及信息標(biāo)簽等組織在一起，且允許制作者對(duì)其顯示格式有一定的控制。利用這些控制，就可生成一個(gè)圖、文、聲并茂，方便信息查詢的交互式的WEB主頁(yè)。

4 WEB開發(fā)工具

理論上來(lái)說(shuō)利用HTML可以編寫任何復(fù)雜的網(wǎng)頁(yè)，還可以利用專門用于網(wǎng)頁(yè)的腳本語(yǔ)言如C#、JavaScript等，但是對(duì)于網(wǎng)頁(yè)初學(xué)者要完全掌握HTML有很大難度。目前有很多網(wǎng)頁(yè)編輯器，如Visual Studio是Microsoft公司研發(fā)專為WEB開發(fā)的一款高端軟件，可同時(shí)開發(fā)前端HTML+CSS和后端的.NET程序。它可使我們不必去記憶HTML語(yǔ)言，就可以編寫腳本。同類軟件還包括數(shù)據(jù)庫(kù)軟件SQLserver、Mysql、MongoDB，Nodejs等，已成為制作WEB的標(biāo)配開發(fā)工具。

5 設(shè)計(jì)開發(fā)流程

5.1 設(shè)計(jì)風(fēng)格

院史館的主頁(yè)不同于一般的商業(yè)網(wǎng)站，它既要有一定的學(xué)術(shù)性和文化性，也應(yīng)具有一定的藝術(shù)性。因此，頁(yè)面設(shè)計(jì)一方面要求結(jié)構(gòu)合理，易于導(dǎo)航；同時(shí)要求色彩和諧，網(wǎng)頁(yè)圖片緊密配合內(nèi)容，有一定特色。一般來(lái)說(shuō)，網(wǎng)頁(yè)的設(shè)計(jì)，在總體上要給人以調(diào)和、自然的感覺，而在局部的版面上應(yīng)強(qiáng)調(diào)對(duì)比，以突出各自的內(nèi)容。除了常用的字體大小可以形成對(duì)比以外，其他的元素，包括顏色、插圖技術(shù)、維數(shù)或者正負(fù)空間也可以用于對(duì)比。顏色對(duì)比可以采用互補(bǔ)色，如在灰色照片上方設(shè)定彩色照片，或者使背景顏色交替出現(xiàn)等。插圖技術(shù)對(duì)比可以采用富于表現(xiàn)力的手繪插圖作為背景；維數(shù)對(duì)比則可以利用二維與三維手法之間的動(dòng)態(tài)變換；反正色對(duì)比能提供讓眼睛休息的區(qū)域，給屏幕帶來(lái)高雅的氣息，同時(shí)也幫助縮短下載時(shí)間。同時(shí)，創(chuàng)建統(tǒng)一風(fēng)格的畫面，形成統(tǒng)一風(fēng)格的格局。

5.2 前端開發(fā)

通過(guò)定下來(lái)的設(shè)計(jì)風(fēng)格，使用HTML+CSS腳本語(yǔ)言，按照符合國(guó)際的W3C標(biāo)準(zhǔn)，結(jié)合設(shè)計(jì)文檔，進(jìn)行網(wǎng)頁(yè)的排版和動(dòng)態(tài)效果制作。此處的排版和動(dòng)態(tài)效果，是指瀏覽器上顯示的網(wǎng)頁(yè)的排版和動(dòng)態(tài)，比如：一個(gè)菜單鼠標(biāo)移過(guò)的時(shí)候，有一個(gè)下滑出來(lái)子菜單的動(dòng)態(tài)效果，兩個(gè)按鈕并排顯示或者并列顯示，都是需要前端來(lái)完成這項(xiàng)工作的。

5.3 后端開發(fā)

后端通過(guò).Net語(yǔ)言，結(jié)合數(shù)據(jù)庫(kù)SQLserver，按照前臺(tái)對(duì)應(yīng)的模塊和表單，進(jìn)行功能編寫。.Net的作用主要是提供給管理者一個(gè)后臺(tái)。

根據(jù)之前規(guī)劃的對(duì)應(yīng)模塊，后臺(tái)功能主要分為三大類：

第一類為新聞資訊類，主要是由管理員錄入一些院史館日常的采訪、醫(yī)院文化歷史的視頻播放、參觀訪談、和其他國(guó)際組織的交流活動(dòng)，以及院史館的歷史文化、簡(jiǎn)介和聯(lián)系方式等信息。第二類為文獻(xiàn)文物類，主要以圖片和文字的混排結(jié)構(gòu)編輯，展現(xiàn)給瀏覽用戶清晰的文物文獻(xiàn)的歷史、說(shuō)明，以及發(fā)展到現(xiàn)在給社會(huì)帶來(lái)的貢獻(xiàn)。第三類為表單類信息，主要提供給瀏覽用戶在線提交參觀申請(qǐng)、意見反饋來(lái)進(jìn)行在線交流，以方便交流事務(wù)。

根據(jù)以上的功能形式，在后臺(tái)將資料數(shù)據(jù)輸入、編排、存儲(chǔ)到數(shù)據(jù)庫(kù)，然后再通過(guò).Net代碼顯示在頁(yè)面上；或者接收前臺(tái)網(wǎng)頁(yè)上用戶提交的表單信息，然后存儲(chǔ)到數(shù)據(jù)庫(kù)，再顯示給后臺(tái)管理者查看提交過(guò)來(lái)的表單信息，比如一個(gè)預(yù)約或者在線意見留言。它主要做了數(shù)據(jù)交互的工作。

5.4 數(shù)據(jù)庫(kù)

數(shù)據(jù)庫(kù)結(jié)構(gòu)由于項(xiàng)目管理中實(shí)行動(dòng)態(tài)控制，就要求數(shù)據(jù)的收集必須及時(shí)、準(zhǔn)確、完整。因此該院使用的是上文中提到的SQLserver這種由微軟官方開發(fā)的關(guān)系型數(shù)據(jù)庫(kù)，關(guān)系型數(shù)據(jù)庫(kù)可以充分管理整個(gè)網(wǎng)站各個(gè)模塊的信息，還有一些表單的提交交互數(shù)據(jù)。

定期進(jìn)行數(shù)據(jù)庫(kù)備份，以防止服務(wù)器宕機(jī)導(dǎo)致網(wǎng)站打不開，影響用戶的正常訪問(wèn)是很有必要的，以及數(shù)據(jù)庫(kù)日志的查看清理，時(shí)常檢查數(shù)據(jù)庫(kù)的運(yùn)行狀況。

6 網(wǎng)站調(diào)優(yōu)

6.1 網(wǎng)頁(yè)瀏覽兼容的問(wèn)題

目前WEB瀏覽器的種類很多，其特點(diǎn)和性能各異，市場(chǎng)上目前主流瀏覽器包括IE、谷歌、火狐、360瀏覽器、搜狗瀏覽器、百度瀏覽器等各種瀏覽器。因此，在制作網(wǎng)頁(yè)時(shí)需要考慮用戶瀏覽器類型，一些采用符合W3C的設(shè)計(jì)標(biāo)準(zhǔn)，進(jìn)行各個(gè)版本瀏覽器的兼容性展示，這個(gè)兼容性主要是圖片和文字以及一些特效在不同瀏覽器上出現(xiàn)的錯(cuò)位、換行、圖文混疊等不友好界面。否則做得再好，別人也瀏覽不到，甚至同一個(gè)網(wǎng)頁(yè)在不同的瀏覽器上瀏覽，其結(jié)果也可能大不相同。

6.2 開發(fā)代碼BUG調(diào)試

在開發(fā)完成后，需要經(jīng)過(guò)反復(fù)的測(cè)試，例如：（1）提交一個(gè)表單的信息，后臺(tái)管理員是否可以正常收到；（2）后臺(tái)添加的一個(gè)新聞，前臺(tái)是否可以正常顯示后臺(tái)編輯的排版；（3）聯(lián)系方式，簡(jiǎn)介等文字資料后臺(tái)修改完成后，前臺(tái)是否會(huì)自動(dòng)更新等BUG的調(diào)試。

7 交付培訓(xùn)

7.1 管理員培訓(xùn)

網(wǎng)站全部開發(fā)，調(diào)試，測(cè)試完成后，交付給院史館管理員時(shí)，需要進(jìn)行后臺(tái)的操作培訓(xùn)，以保證管理員可以完全掌握網(wǎng)站的操作流程和方法。

7.2 網(wǎng)管培訓(xùn)

在網(wǎng)站部署到服務(wù)器上之后，需要對(duì)網(wǎng)管進(jìn)行培訓(xùn)，如果出現(xiàn)一些相關(guān)問(wèn)題，網(wǎng)管可以按照指引的操作對(duì)服務(wù)器進(jìn)行配置或者重啟服務(wù)等方式將網(wǎng)站恢復(fù)正常訪問(wèn)狀態(tài)。

參考文獻(xiàn)

[1] 王紅梅.淺談大學(xué)圖書館網(wǎng)站建設(shè)[J].中國(guó)科技信息，2010

（5）：158-160.

[2] 李向群.高校檔案館主頁(yè)的設(shè)計(jì)與維護(hù)[J].北京檔案，2001

（11）：34-36.

[3] 車皓陽(yáng)，余勝泉，何克抗.構(gòu)建基于WEB的虛擬實(shí)驗(yàn)室[J].北京師范大學(xué)學(xué)報(bào)，2002（12）.

[4] 尹承魁.迎接新軍事革命的挑戰(zhàn)[M].北京：國(guó)防大學(xué)出版社，1998：234-238.

[5] 劉加能，尚崇偉，張志榮.軍校信息化教學(xué)環(huán)境的研究與實(shí)踐[J].海軍航空工程學(xué)院學(xué)報(bào)，2003，18（4）：463-465.