基于Web技術的數字化水族館的設計與實現

摘要：水族館是收集、飼養和展覽水生動物的機構，把Web技術和水族館結合起來，可以讓人們科學、方便地了解海洋生物。文章利用Web技術實現了供觀賞或普及科學知識的公共水族館以及供科研及教學專用的數字化水族館。

關鍵詞：Web技術；數字化；水族館；水生動物；海洋環境 文獻標識碼：A

中圖分類號：TP391 文章編號：1009-2374（2017）07-0018-02 DOI：10.13535/j.cnki.11-4406/n.2017.07.008

1 概述

隨著人們生活水平的提高，人工飼養的水產品的需要量逐漸增加。再者人類天生對大海有一種親近的感覺，它來自于我們體內細胞遠古的記憶。我們每個人都對深海的未知世界充滿好奇。興趣指引我們走向知識的海洋，技術助我們乘風破浪。把Web技術和水族館結合起來，讓人們科學、方便地了解海洋生物。結合Web技術讓客戶學習水生物知識，看到一片廣闊的大海。

2 總體設計

2.1 開發環境簡介

（1）Dreamweaver：Adobe Dreamweaver，簡稱“DW”，中文名稱“夢想編織者”，是美國MACROMEDIA公司開發的集網頁制作和管理網站于一體的網頁編輯器，Dreamweaver是第一套針對專業網頁設計的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的網頁。系統的網站功能就是以Dreamweaver為開發平臺來實現的；（2）Flash：Flash是由macromedia公司推出的交互式矢量圖和Web動畫的標準。網頁設計者使用Flash創作出既漂亮又有創意的動畫效果。本系統網頁部分美工使用Flash實現；（3）Photoshop：Adobe Photoshop，簡稱“PS”，是由Adobe Systems開發和發行的圖像處理軟件。Photoshop主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具，可以有效地進行圖片編輯工作。Photoshop用于網頁部分圖片的美工處理。

2.2 系統構架模式

在計算機飛速發展的今天，信息化、數字化已成為社會發展的必然趨勢。本系統構架為B/S模式，其基本特征為：（1）數據的通信效率高，研發方便，成本不高；（2）電腦和手機上的瀏覽器即為客戶端，方便使用；（3）互動性強，穩定性好，安全性好，對數據的處理速度快。

本系統的實現模式為：（1）用戶前臺頁面：客戶端瀏覽器訪問Web服務器。用戶端的瀏覽器和Web服務器之間的交流采用HTTP協議；（2）后臺網站設計：網頁設計采用Dreamweaver，系統采用B/S模式，數據的處理和存儲都是在Web服務器上進行。

2.3 系統基本功能介紹

基于Web技術的數字化水族館系統功能模塊有水產養殖、深海世界、海洋資源、交流互助，如圖1所示：

2.3.1 水產養殖模塊。水產養殖是人工操作下培育、繁殖以及收獲水養動植物的生產活動。水產養殖分淡水養殖和海水養殖。

淡水養殖：（1）養殖種類：魚類、蝦類、爬行類、兩棲類、水生植物等；（2）養殖方式：池塘養殖、山塘水庫養殖、河涌養殖、涵仔養殖、網箱養殖、高密度流水養殖；（3）養殖品種的選擇：品種選擇是養殖生產過程的重中之重，品種是好還是壞關系到漁業生產的效益，要根據自身的生產條件和資金狀況以及市場需求導向從而確定養殖品種；（4）魚種放養：放種前工作，品種混養及合理密養，輪捕輪放，網箱養魚的放養密度，魚種放養時間。

海水養殖：（1）養殖對象：魚、蝦蟹、貝、藻及海參等；（2）養殖地：淺海、灘涂、港灣、圍塘等；（3）優點：突出發展一些單位面積產量高、生產周期短、經濟價值高的蝦類、貝類、魚類及棘皮動物等。

2.3.2 深海世界模塊。如果不去接觸未知，我們的感覺將變得遲鈍，你只有探索才知道答案，深海世界將滿足你的好奇心。收集各種罕見的海底生物資料，用圖片，視頻的形式讓客戶近距離感受海底世界。

（1）丑八怪：在生存條件的影響下，生物的形態變得千奇百怪，尤其是深海中的那些生物，常年見不到陽光，受水壓影響長得異常丑陋；（2）神秘探索：海底有各種你想象不到的景觀，我們將帶你走進高冷的海底

世界。

2.3.3 海洋資源模塊。海洋資源指的是自然資源分類之一。指形成和存在于海水或海洋中的有關資源。我們提供全球海域中魚類資源分布以及中國對資源利用

情況。

（1）資源概況：世界水產品中85%左右產自海洋。水深大于300m的深海蘊藏著豐富的資源。近些年以來，各個國家在深海領域的競爭激烈程度與日俱增；（2）基本分類：按照資源有無生命、來源、能否恢復以及屬性分類；（3）我國現狀：我國海洋資源雖然豐富，但開發利用的程度很低。水產養殖業長期以來被看作“富民產業”是因為其具有飼料系數低、不與農爭土地、投資回報較快、經濟效益相對高等特點。我國的河流、湖泊、水庫、池塘等水域多數處于亞熱帶還有溫帶，氣候溫和，雨量充沛，適合魚類的養殖，并且淡水水域遼闊；（4）世界資源分布：幾個大漁場都處在中高緯度的溫、寒帶地區，而熱帶水域漁業資源貧乏。

2.3.4 交流互助模塊。交流互助板塊的目的在于充分發揮信息時代消息靈通快捷的作用，讓大家足不出戶，便可以和世界各地的朋友交流。支持線下留言，方便大家合理利用時間。如果你經常在互聯網上讀到各種優秀的關于水生物方面的文章，如果你有一定相關經驗愿意幫助別人，在這里你可以充分發揮自身價值。如果你有一顆好奇心，在這里你可以盡情地提出問題，有很多小伙伴樂于幫助你一起解決。如果你有滿滿的求知欲，在這里你可以盡情學習，得到很多想了解的知識。如果你想認識很多志同道合的朋友，在這里你可以與人一起交流。客戶之間可以交流問題，實現互助，也可以討論共同的愛好和對當今海洋戰略的看法。

3 各模塊功能實現的關鍵技術

3.1 基礎功能

（1）網站鏈接：網站鏈接分為內鏈和外鏈。內鏈是指本站內部的鏈接，外鏈是指外部網站指向本站的鏈接；（2）CSS樣式：CSS是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化，能夠對網頁中元素位置的排版進行像素級精確控制，擁有對網頁對象和模型樣式編輯的能力，并支持濾鏡；（3）網頁框架集：框架是瀏覽器窗口中的一個區域，它可以顯示與瀏覽器窗口的其余部分中所顯示內容無關的HTML文檔。框架集是HTML文件，它定義一組框架的布局和屬性；（4）模版與庫：簡化網頁，提高工作效率。

3.2 擴展功能

（1）添加背景音樂：播放背景音樂；（2）播放Flash動畫：在網站上下載和觀看水族館小短片和相關精彩視屏；（3）彈出菜單和下拉鏈表：更好的用戶體驗；（4）聯系我們：指導用戶更好的使用網站；（5）跳轉菜單、上傳圖像：更好地突出網站的開源共享性，使用戶體驗更有趣；（6）網絡投票系統：幫助我們收集用戶信息和產品反饋，更好、更有針對性地進行產品升級和重點用戶個性化服務；（7）留言板：通過建立社區論壇的方式，能夠加強網站的推廣，引入競爭機制，完善產品環節的把控，在產生經濟效應的同時還能提高競

爭力。

4 特色與創新

（1）把傳統大型實體水族館放在一個網絡平臺上，實現虛擬化、微型化。充分發揮傳統水族館供觀賞及科研價值的同時又滿足大家想要節約時間等現實要求；（2）節約人力成本，避免了現實中建立生態系統展缸。魚缸占地面積大，能耗大，而且要考慮水質、餌料、流速等因素，還要解決一些機械過濾、生物過濾等難題。數字化水族館實現綠色化的水族館，降低成本；（3）深海生物難以捕捉，傳統水族館通常展示標本，數字化水族館直接避免了捕捉過程，且展示其動態生活狀態；（4）增加了交流互助板塊，讓大家暢所欲言，補充遺漏知識點，不留遺憾。且大家可以根據自己的時間在任何地方選擇什么時候瀏覽，避免時間限制與地理限制。

5 結語

本文將傳統的水族館和信息技術相結合，設計并實現了基于網站技術的數字化水族館。數字化水族館不受時間、地域限制，客戶可以根據自己的意愿選擇瀏覽目標。在這個信息時代，將水生物放到網絡平臺上將成為一種趨勢。基于Web技術的數字化水族館可以為客戶提供一個學習專業知識、交流新發現的平臺。

參考文獻

[1] 柴凱斌.淺談我國魚類增養殖業的現狀與未來發展[J].科技致富向導，2014，（30）.

[2] 高艷波，李慧青，柴玉萍，麻常雷.深海高技術發展現狀及趨勢[J].海洋技術學報，2010，（3）.

作者簡介：何晶（1997-），女，遼寧沈陽人，大連海洋大學本科在讀學生，研究方向：食品科學與工程；張鑫（1979-），男，吉林遼源人，大連海洋大學副教授，研究生，研究方向：計算機應用技術。

（責任編輯：黃銀芳）