结对第二次作业——疫情统计可视化的实现

这个作业属于哪个课程 2020春 W班
这个作业要求在哪里 <结对第二次作业——某次疫情统计可视化的实现>
结对学号 221701120 & 221701122
这个作业的目标 根据原型设计,实现项目
作业正文 InfectStatisticWeb
其他参考文献 ...

一.Github仓库地址及项目背景介绍

Github仓库地址:InfectStatisticWeb
代码规范链接:点这里
ps:本次数据来源丁香医生网站,由于作业完成后网站进行了修改,本次作业内的疑似数目实为境外输入

  背景:目前新型冠状病毒肺炎疫情到了非常关键的时期,学校仍然是严阵以待。有一家统计网站每天都会提供一个对应的日志文本,记录国内各省前一天的感染情况,但疫情统计结果只是通过文字来显示,不够直观、具体,对用户不够友好,希望可以通过地图的形式来直观显示疫情的大致分布情况,还可以查看具体省份的疫情统计情况。

  当今新冠肺炎疫情严重,牵动着每个人的心,共同抗疫无疑是全中国每个人的第一要务。我们的网站致力于提供全国以及各地的疫情情况,用不同颜色表示各地区疫情的程度,以最简洁、直观的方式向各位展示疫情情况。在您关注疫情信息的同时,我们平台还提供了疫情相关的新闻供您阅读,包括实时播报功能与粉碎谣言板块,让您掌握第一手的新闻资讯。我们也在此由衷地祝愿全国人民早日战胜疫情,能够早日出门在阳光下自由地呼吸。武汉加油!中国加油!

二.成品

  我们租用了一个月的阿里云服务器,如果作业评审的时间较晚打不开页面,可以在留言,我们会第一时间处理。
直接点击这里就可以查看成品:<<<云服务器链接>>>————下面有一些描述

  • 通过上面的链接,或者手动输入地址访问成品
    结对第二次作业——疫情统计可视化的实现_第1张图片
  • 通过轮播图直接查看重要新闻
  • 在主界面绘制了当前状况与累计状况两份中国地图
  • 提供了地图的可视化,按照颜色区间划分严重程度
    结对第二次作业——疫情统计可视化的实现_第2张图片
  • 在主界面下可以通过标签切换图表浏览疫情整体趋势
  • 点击详情可以进入省份页面查看省份内信息
  • 提供了破除谣言的界面
  • 提供了查看实时新闻的界面

三.结对讨论过程

  一开始准备设计实现的时候,其实是比较慌的,因为对于我们二人小白来说,缺少了许多的编程经验,对自己的水平抱有较大的疑问,不知道能否完成像原型设计阶段那样设计的效果。
  原型设计一周时间,具体实现一周时间,时间比较紧,好在我们大体上完成了我们讨论中预期设想的目标,经历了一些困难,也增长了我们二人小组的沟通交流能力,两个小白互相帮助、互相鼓励、互相扶持,互相也有了许多收获。

最初的原型设计可以移步这里查看:点这里

  我们二人开始讨论实现项目的时候想法比较简单,获取网上的数据信息,然后用更加直白,更加清晰的方式展现出来,这就是我们最初设计的宗旨——简洁,并且在项目开始,我们通过分享屏幕的方式,规划了我们每人每日的工作任务,工作时间,按照约定的计划开始进行我们的作业:

结对第二次作业——疫情统计可视化的实现_第3张图片

  然后我们运用microsoft todo,将我们所计划的任务具体的进行了分工与分类,同时保持沟通与合作:

结对第二次作业——疫情统计可视化的实现_第4张图片

结对第二次作业——疫情统计可视化的实现_第5张图片

  很多时候我们都会遇到僵局与困难,但是我们都慢慢的克服了:

结对第二次作业——疫情统计可视化的实现_第6张图片

  由于github使用不是很娴熟,有时候我们也会碰到一些沟通上问题,队友写过了的代码没有注意到。。。:

结对第二次作业——疫情统计可视化的实现_第7张图片

  有些问题我们双方都没有任何办法,只能自己摸索:

结对第二次作业——疫情统计可视化的实现_第8张图片

结对第二次作业——疫情统计可视化的实现_第9张图片

  通过不断百度,不断解决问题,也使得我们的能力获得了提升

四.设计实现过程

  由于本次实践的内容数据的需求都是来源于网络,所以我们合计了一下,并不需要在后端进行数据的业务逻辑处理,所以本次不进行后端程序编写,只专注前端的数据显示。

221701122

  • 界面部件设计
  • 省份地图模块
  • 省份图表模块
  • 新闻模块

221701120

  • 界面样式设计
  • 中国地图模块
  • 中国图表模块
  • 粉碎谣言模块

作品的功能结构图:

结对第二次作业——疫情统计可视化的实现_第10张图片

五.代码说明(关键代码描述)

下部分代码描述了如何构建中国地图(学习了算法老师给我们推荐的公开课中使用echart的方法):


下面是获取新闻信息部分的代码:

    

  代码比较简单,其余部分不再过多的在页面中赘述了。

六.阅读《构建之法》及对本次结对的心路历程与收获

阅读构建之法四至五章的心得:

  • 在第四章构建之法中提到两人如何一起合作开发程序,使用了github作为仓库,建立相应的支线来一起合作完成,对于刚刚进行结对编程的小白来说,感悟到了许多合作方法,在今后的团队项目中希望能够得到、学习更多的开发经验。

  • 第五章介绍了不同的软件团队模式与开发流程,对我们启发很大,掌握了更加科学与高效的团队协作方法与流程。虽然此次只涉及到两个人,但相信会对接下来即将到来的团队编程
    有很大的帮助,期待接下来的团队合作。

221701122

  • 第一次合作,比较具有新鲜感,队友提供了很多的帮助,也加深我对于python的学习兴趣,有时间一定要认真学习一下爬取的方法,不管是对于个人网页的内容扩展还是及时能够买到返校车票,都有很大帮助_

221701120

  • 虽然两个人都没有什么项目的经验,但还是跌跌碰碰地完成了,感谢队友的互帮互助,即使遇到困难也没有轻易放弃。这次作业也让我们意识到自身所掌握的知识还是太少,不会的还是太多了。但此次作业给我们带来的进步还是非常可观的。百尺竿头更进一步,希望之后能掌握更多的技术。

你可能感兴趣的:(结对第二次作业——疫情统计可视化的实现)