数媒竞赛网 大赛介绍 新闻中心 竞赛作品 竞赛报名 报名文档下载

数媒竞赛网

位置:数媒竞赛网_全国大学生数字媒体科技作品及创意竞赛官网>新闻中心 > 作品介绍

Baiji Spirits 数据可视化保护系统

作品介绍 | 竞赛组委会| 2021-06-27 09:53:39

1、作品名称

Baiji Spirits 数据可视化保护系统

2、作品分类

数据可视化

3、作品描述

作品描述 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控件与后台数据库进行数据绑定。

4、创意来源

创意来源 【1】来源于对做公益的热爱,从小就对小动物十分的喜爱,看到一些小动物无家可归,内心也是非常的伤心,白鱀豚是中国独有的物种,可是近几年被世界自然保护联盟iucn列为极危动物,于是就萌发了我做一个白鱀豚数据可视化智能保护系统的想法,让白鱀豚的各项数据更加的清晰,让白鱀豚保护决策的更加智能化。 【2】来源于对数据可视化的兴趣,在大二下学期的时候数据处理分析以及数据的可视化,随之就产生了浓厚的兴趣,一直想有一个机会利用所学的技术来做一个好的项目。 【3】源于对作品创新意识养成,本次数据可视化作品打破常规,采用中国风风格,与白鱀豚“水中国宝”的美誉有机的贴合了起来。 【4】源于平常对用户界面设计和页面风格设计知识的积累。

5、运行环境(所需操作系统、硬件、软件等)

3.运行环境 【1】作品的开发基于Visual Studio Community集成开发环境。 【2】安装主流浏览器如MicrosoftEdge浏览器,火狐浏览器,谷歌等浏览器。考虑到不同浏览器的兼容问题,专门有针对性的开发出了两个版本baijitun1文件针对火狐,谷歌,IE等浏览器;baijitun2文件则主要针对微软的Microsoft Edge浏览器。 【3】安装pycharm和python3.0文件,pycharm在python环境下做的一个简单白鱀豚网络数据爬虫。 【4】微信开发者工具,微信云开发。


Copyright © 2001 - 2021 全国大学生数字媒体科技作品及创意竞赛网版权所有

Copyright © 2001 - 2021 数媒竞赛网(http://www.shumeijingsai.com)版权所有