基于Web技术的数字化水族馆的设计与实现

何 晶 张 鑫 肖岚清 古笑雨 艾 玉 董俊丽

（大连海洋大学，辽宁 大连 116023）

基于Web技术的数字化水族馆的设计与实现

何 晶 张 鑫 肖岚清 古笑雨 艾 玉 董俊丽

（大连海洋大学，辽宁 大连 116023）

水族馆是收集、饲养和展览水生动物的机构，把Web技术和水族馆结合起来，可以让人们科学、方便地了解海洋生物。文章利用Web技术实现了供观赏或普及科学知识的公共水族馆以及供科研及教学专用的数字化水族馆。

Web技术；数字化；水族馆；水生动物；海洋环境

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所示：

图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）.

（责任编辑：黄银芳）

TP391

1009-2374（2017）07-0018-02

10.13535/j.cnki.11-4406/n.2017.07.008

何晶（1997-），女，辽宁沈阳人，大连海洋大学本科在读学生，研究方向：食品科学与工程；张鑫（1979-），男，吉林辽源人，大连海洋大学副教授，研究生，研究方向：计算机应用技术。

A