Baiji Spirits 数据可视化保护系统

数媒竞赛获奖作品信息及简介
作品名称Baiji Spirits 数据可视化保护系统
参赛院校广东东软学院
指导老师包文夏
团队成员刘逆凡、王志远、李晨阳
奖项等级三等奖
竞赛年份2020

                                                                                                                  作品描述 1.作品描述 【1】设计初衷:白鱀豚被称为“水中国宝”,但是随着近年来长江生态系统急剧恶化【与人类活动较多有着密不可分的关系】。目前已经很难在长江流域看到白鱀豚。作品的初衷是希望通过数据可视化的形式对白鱀豚的分布,成长,习性,分类,极危,数量,极危原因,标本和数据化大屏9个方面进行详细的数据可视化展示,让更多的人了解白鱀豚,爱护白鱀豚。 【2】创意设计:由于白鱀豚为中国独有的物种,界面的风格采用中国风特色,结合各种矢量图和E-charts图表进行展示,同时结合jquery实现动态功能。 【3】风格设计: (1) 为了能够给用户更好的视觉体验,颜色选取深绿,金色,棕色等邻近色为主,其他暖色系为辅。使作品界面不仅和谐统一,更增加了一丝温馨感。 (2)字体设计:白鱀豚最早被人们记载于秦汉时期的《尔雅》辞书中,总所周知,隶书也起源于秦汉时期,隶书的风格去繁为简,字形变圆为方,字形优美,与白鱀豚主题搭配相得益彰,相辅相成。 【4】采用技术:   (1)网页标签搭建与布局:采用最新标准的HTML5 实现页面标签的搭建,CSS3对标签页面进行布局。前端框架:采用Bootstrap4,基于HTML5、CSS6、javascript,对网页进行简介的开发与布局。 (2)javascript响应脚本:采用 JavaScript 库中的jQuery 实现网页的白云svg动态效果,采用JavaScript 实现的开源可视化库ECharts 进行白鱀豚各项数据的信息可视化展示,JavaScript编写的WebGL第三方库three.js实现少量的3D显示功能(鸟儿飞翔)。 (3)页面背景:PS和AI作图工具。 (4)web前端打包工具:webpack (5)白鱀豚信息爬取:安装pycharm和python3.0文件,pycharm在python环境下做的一个简单白鱀豚数据爬虫。 (6)利用本学期学习的动态网页asp知识搭建了一个白鱀豚后台管理系统,通过web控件与后台数据库进行数据绑定。