北京天文館新版網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

管 峰

北京天文館 北京市 100044

引言

北京天文館官網(wǎng)使用年限較長(zhǎng)，網(wǎng)站的設(shè)計(jì)風(fēng)格和布局樣式較為陳舊，首頁(yè)在視覺(jué)上缺乏沖擊力，重點(diǎn)內(nèi)容沒(méi)有得到突顯。天文館官網(wǎng)的欄目繁雜，導(dǎo)致網(wǎng)站的整體結(jié)構(gòu)缺乏邏輯性，加重了用戶瀏覽網(wǎng)站時(shí)的認(rèn)知負(fù)荷；網(wǎng)站的在線購(gòu)票入口不明顯，跳轉(zhuǎn)路徑長(zhǎng)，降低了用戶購(gòu)票的有效性及滿意度；頁(yè)面存在瀏覽器兼容性的問(wèn)題，導(dǎo)致部分內(nèi)容顯示異常，這些問(wèn)題都影響著用戶體驗(yàn)，也間接影響著天文館對(duì)外的科普職能。

筆者及其團(tuán)隊(duì)調(diào)研天文館的自由數(shù)據(jù)資源，并進(jìn)行分析，利用計(jì)算機(jī)技術(shù)、數(shù)據(jù)庫(kù)相關(guān)技術(shù)和網(wǎng)絡(luò)技術(shù)等，通過(guò)WEB 端與各種移動(dòng)終端將文化送到公眾手上，提高天文館數(shù)字化服務(wù)的水平和能力。

1 系統(tǒng)開(kāi)發(fā)框架

系統(tǒng)的開(kāi)發(fā)框架如圖1 所示。開(kāi)發(fā)語(yǔ)言：Java 是一種高安全、易維護(hù)、跨操作系統(tǒng)的高級(jí)語(yǔ)言，是一種用于軟件開(kāi)發(fā)的國(guó)際性標(biāo)準(zhǔn)語(yǔ)言體系，我們利用此語(yǔ)言以最低的成本幫助運(yùn)營(yíng)商搭建安全靠譜的新聞發(fā)布系統(tǒng)。

圖1 系統(tǒng)開(kāi)發(fā)框架

系統(tǒng)架構(gòu)：本系統(tǒng)的開(kāi)發(fā)是基于J2EE 統(tǒng)一技術(shù)平臺(tái)進(jìn)行的，核心為Spring Framework，模型視圖控制器為Spring MVC，數(shù)據(jù)庫(kù)操作層為Hibernate，這種組合在Java 中屬于最經(jīng)典、最優(yōu)質(zhì)的組合方式。使用FreeMarker 進(jìn)行新聞內(nèi)容靜態(tài)發(fā)布，提高訪問(wèn)速度，采用分層設(shè)計(jì)理念，數(shù)據(jù)訪問(wèn)層、數(shù)據(jù)庫(kù)層、業(yè)務(wù)邏輯層等層次表現(xiàn)清晰，耦合度較低，通過(guò)接口接入后再進(jìn)行校驗(yàn)，這樣操作才能最終保證數(shù)據(jù)安全。

新聞發(fā)布架構(gòu)：封裝采用常用工具，包含日志、緩存、水印、服務(wù)器驗(yàn)證以及數(shù)據(jù)字典等，采用服務(wù)器和用戶端同時(shí)驗(yàn)證的雙重驗(yàn)證方式，對(duì)跳過(guò)客戶端驗(yàn)證，并通過(guò)瀏覽器進(jìn)行惡意篡改的行為進(jìn)行防范，如隱藏變量篡改、上傳非法文件等行為。

應(yīng)用服務(wù)器軟件：Apache Tomcat 是一個(gè)開(kāi)放源代碼，主要用來(lái)運(yùn)行Servlet 和JSP Web 應(yīng)用軟件，是一款基于Java 的Web應(yīng)用軟件容器。Tomcat Server 是根據(jù)Servlet 和JSP 規(guī)范進(jìn)行執(zhí)行的容器，因此，可以說(shuō)Tomcat Server 也實(shí)行了Apache-Jakarta規(guī)范，而且它在一定程度上比絕大多數(shù)商業(yè)應(yīng)用軟件服務(wù)器要好，它具備較高的安全性和擴(kuò)展性，并利用動(dòng)態(tài)生成的頁(yè)面來(lái)進(jìn)行站點(diǎn)運(yùn)行。站點(diǎn)數(shù)據(jù)大部分是靜態(tài)的，如圖像GIF、JPG、PNG 以及流式媒體等，這些靜態(tài)圖像資源內(nèi)存小，具備負(fù)載平衡、郵件服務(wù)以及HTML頁(yè)面處理的功能，另外，它還是一個(gè)Servlet 和JSP 容器，獨(dú)立的Servlet 容器是Tomcat 的默認(rèn)模式。

數(shù)據(jù)庫(kù)軟件：本系統(tǒng)架構(gòu)支持Mysql、SQL Server、Oracle等多版本數(shù)據(jù)庫(kù)移植，可根據(jù)實(shí)際情況選擇適用于用戶的數(shù)據(jù)庫(kù)版本。

操作系統(tǒng)：本系統(tǒng)架構(gòu)可安裝配置在Linux、Windows 操作系統(tǒng)。

網(wǎng)站多終端適配：采用前沿的HTML5 進(jìn)行頁(yè)面設(shè)計(jì)及開(kāi)發(fā)，可以在多種終端發(fā)布信息，如PC 端、移動(dòng)客戶端、WAP 端等，這些終端能夠較好地展示圖片、視頻、音頻及文本，給客戶帶來(lái)較好的人機(jī)交互體驗(yàn)。

站群系統(tǒng)：采用站點(diǎn)集群設(shè)計(jì)理念，中、英兩個(gè)站點(diǎn)互相獨(dú)立，操作互不影響，精確到欄目的權(quán)限分配及協(xié)作機(jī)制，完美實(shí)現(xiàn)了網(wǎng)站群管理思想。

響應(yīng)式頁(yè)面后臺(tái)：基于Bootstrap 打造響應(yīng)式后臺(tái)管理，視覺(jué)效果更具沖擊力，操作更舒適。

2 系統(tǒng)架構(gòu)

北京天文館新版官網(wǎng)系統(tǒng)架構(gòu)圖如圖2 所示，主要采用B/S 結(jié)構(gòu)，遵從J2EE 架構(gòu)，在多個(gè)平臺(tái)上都可以使用。設(shè)計(jì)者出于對(duì)業(yè)務(wù)模式和IT 環(huán)境的考慮，對(duì)系統(tǒng)進(jìn)行擴(kuò)展性設(shè)計(jì)，采用多層體系結(jié)構(gòu)模式。按照服務(wù)功能的大小，系統(tǒng)被分解成多個(gè)層次，在每一個(gè)層次中，都設(shè)計(jì)了相應(yīng)軟件和硬件，在某個(gè)層次上，用戶只能使用本層次的服務(wù)或更低層次的服務(wù)，不能使用更高層次的服務(wù)。采用這種信息系統(tǒng)模式，可以降低系統(tǒng)各部分之間的依賴性，系統(tǒng)的耦合方式更加松散，便于設(shè)計(jì)者對(duì)系統(tǒng)進(jìn)行建設(shè)、維護(hù)和演進(jìn)。

圖2 北京天文館新版官網(wǎng)系統(tǒng)架構(gòu)圖

新版官網(wǎng)設(shè)計(jì)具有可擴(kuò)展性和可升級(jí)性，系統(tǒng)的要素、功能和數(shù)據(jù)庫(kù)結(jié)構(gòu)都必須易于擴(kuò)充與維護(hù)，以滿足將來(lái)業(yè)務(wù)辦理的需要和政府信息化建設(shè)的需求，系統(tǒng)必須具備開(kāi)放的體系結(jié)構(gòu)和良好的擴(kuò)展能力，建設(shè)時(shí)要顧及到政府職能的轉(zhuǎn)變，便于進(jìn)行二次開(kāi)發(fā)，添加新需要的功能。同時(shí)，系統(tǒng)設(shè)計(jì)還需要考慮軟硬件發(fā)展的情況，便于日后升級(jí)，使其處于應(yīng)用系統(tǒng)技術(shù)領(lǐng)先地位。

設(shè)計(jì)者利用計(jì)算機(jī)、數(shù)據(jù)庫(kù)和網(wǎng)絡(luò)等先進(jìn)技術(shù)，對(duì)北京天文館內(nèi)現(xiàn)有數(shù)據(jù)資源進(jìn)行集成整合，按照天文館信息化運(yùn)行模式，緊密結(jié)合天文館業(yè)務(wù)需求，搭建數(shù)據(jù)資源展示、傳播、應(yīng)用和集成平臺(tái)，保證與招標(biāo)方現(xiàn)有信息系統(tǒng)無(wú)縫對(duì)接。

北京天文館新版官網(wǎng)系統(tǒng)功能設(shè)計(jì)圖如圖3 所示，首頁(yè)圖如圖4 所示。在首頁(yè)面，可看到本系統(tǒng)提供的所有功能、定制活動(dòng)等。

圖3 北京天文館新版官網(wǎng)系統(tǒng)功能設(shè)計(jì)圖

圖4 北京天文館新版官網(wǎng)首頁(yè)圖

天文館舉辦針對(duì)天象的攝影比賽活動(dòng)，會(huì)員可以通過(guò)此模塊在線提交其攝影作品，管理員通過(guò)此模塊對(duì)提交的攝影作品進(jìn)行管理，包括攝影的打包下載等。

天文日歷系統(tǒng)可以統(tǒng)計(jì)年度重要天象，匯總形成天文日歷，天文愛(ài)好者可以根據(jù)其合理安排時(shí)間，更精準(zhǔn)地進(jìn)行天象觀察。北京天文館新版官網(wǎng)天文日歷系統(tǒng)如圖5 所示。

圖5 北京天文館新版官網(wǎng)天文日歷系統(tǒng)

虛擬場(chǎng)景漫游后臺(tái)管理系統(tǒng)能對(duì)文字、圖片、視音頻、全景場(chǎng)景和虛擬現(xiàn)實(shí)場(chǎng)景等素材進(jìn)行統(tǒng)一分類管理，同時(shí)，可通過(guò)此系統(tǒng)進(jìn)行素材瀏覽、屬性設(shè)置、素材增加、刪除和修改等，公眾可在線720°瀏覽展廳。北京天文館新版官網(wǎng)全景虛擬場(chǎng)館如圖6 所示。

圖6 北京天文館新版官網(wǎng)全景虛擬場(chǎng)館

系統(tǒng)可以對(duì)劇場(chǎng)全景視頻進(jìn)行管理。后端管理者通過(guò)此功能實(shí)現(xiàn)對(duì)劇場(chǎng)全景視頻的日常管理，包括增加、刪除、發(fā)布等，公眾可在此模塊觀看劇場(chǎng)全景視頻。北京天文館新版官網(wǎng)劇場(chǎng)全景視頻如圖7 所示。

圖7 北京天文館新版官網(wǎng)劇場(chǎng)全景視頻

3 門(mén)戶網(wǎng)站后臺(tái)管理系統(tǒng)

后臺(tái)管理系統(tǒng)以網(wǎng)站內(nèi)容的組織管理為主，對(duì)科普信息進(jìn)行采集、編輯、分類、審核、發(fā)布，具備完善的信息管理和發(fā)布管理功能，是提供信息采集、加工、制作、發(fā)布等網(wǎng)站科普資源全過(guò)程制作的工作平臺(tái)，并能對(duì)整體流程進(jìn)行管理。系統(tǒng)操作界面簡(jiǎn)潔，用戶能夠快速地制作模板，靈活地組織網(wǎng)站內(nèi)容，并能提供相應(yīng)的管理權(quán)限，保證第一時(shí)間在門(mén)戶上發(fā)布科普信息。

門(mén)戶網(wǎng)站后臺(tái)管理系統(tǒng)采取分類管理方式，管理名錄較為全面，主要包括文章、組圖、視頻、鏈接、調(diào)查、投票、活動(dòng)、知識(shí)競(jìng)賽、抽獎(jiǎng)等類型。北京天文館新版官網(wǎng)內(nèi)容管理系統(tǒng)結(jié)構(gòu)圖如圖8 所示。

結(jié)語(yǔ)

筆者及其團(tuán)隊(duì)設(shè)計(jì)開(kāi)發(fā)的新版網(wǎng)站運(yùn)行穩(wěn)定，給公眾帶來(lái)了良好的體驗(yàn)，大大提升北京天文館的數(shù)字化服務(wù)能力。針對(duì)新版網(wǎng)站在運(yùn)行中出現(xiàn)的問(wèn)題，我們將在后期的運(yùn)維中逐步完善。