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

这个作业属于哪个课程 2020春软工实践|W班
这个作业要求在哪里 作业的要求
结对学号 221701416 221701434
这个作业的目标 设计疫情统计可视化Web,学习爬虫的使用,实现客户的需求
作业正文 博客链接
其他参考文献 构建之法,网友的博客,视频教程

1.链接

-->GitHub仓库链接<--

-->代码规范链接<--

2.成品展示

  • 鼠标高亮显示
    结对作业第二次——疫情统计可视化_第1张图片
  • 颜色的深浅表示严重程度
    结对作业第二次——疫情统计可视化_第2张图片
  • 地图使用不同颜色代表大致人数区间
    结对作业第二次——疫情统计可视化_第3张图片
  • 鼠标悬浮会显示该省具体信息
    结对作业第二次——疫情统计可视化_第4张图片
  • 选择省份具体日期
    结对作业第二次——疫情统计可视化_第5张图片
  • 该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数
    结对作业第二次——疫情统计可视化_第6张图片
  • 趋势图与饼状图
    结对作业第二次——疫情统计可视化_第7张图片

3.结对讨论过程

  • 初审题目与分工

    首先对题目进行通读,分析题目需求,进行分工

    俊祺负责:

    ​ 前端,ReadMe,codestyle。

    华能负责:

    ​ 爬虫,博客,仓库管理。
    结对作业第二次——疫情统计可视化_第8张图片
    结对作业第二次——疫情统计可视化_第9张图片

  • 仓库搭建

    团队仓库分支dev,ignore书写搭建完成
    结对作业第二次——疫情统计可视化_第10张图片
    结对作业第二次——疫情统计可视化_第11张图片

  • Echars地图导入与爬虫数据获取
    导入中国地图并有对应日期的数据
    结对作业第二次——疫情统计可视化_第12张图片
    结对作业第二次——疫情统计可视化_第13张图片
    结对作业第二次——疫情统计可视化_第14张图片

  • 最后成品
    结对作业第二次——疫情统计可视化_第15张图片

4.设计实现过程

  • 在前端部分通过echars展示中国地图图表
    结对作业第二次——疫情统计可视化_第16张图片

  • 通过node爬虫爬取丁香园疫情统计数据
    结对作业第二次——疫情统计可视化_第17张图片

  • 将数据通过fetch部署接口访问
    结对作业第二次——疫情统计可视化_第18张图片

  • 将数据与地图颜色,折线图,饼状图结合
    结对作业第二次——疫情统计可视化_第19张图片

  • 设置鼠标点击切换省份详细信息与选择日期
    结对作业第二次——疫情统计可视化_第20张图片
    结对作业第二次——疫情统计可视化_第21张图片

  • 结构图
    结对作业第二次——疫情统计可视化_第22张图片

5.代码说明

  • echars中国地图载入
    结对作业第二次——疫情统计可视化_第23张图片

  • node数据爬取
    结对作业第二次——疫情统计可视化_第24张图片

  • api接口部署
    结对作业第二次——疫情统计可视化_第25张图片

  • 数据填入地图,折线图和饼状图

    • 数据填入地图

    结对作业第二次——疫情统计可视化_第26张图片

    • 折线图

    结对作业第二次——疫情统计可视化_第27张图片

    • 饼状图

    结对作业第二次——疫情统计可视化_第28张图片

  • 省份切换显示
    结对作业第二次——疫情统计可视化_第29张图片

6.心路历程和收获&评价结对队友

华能

心路历程:

​ 通过阅读构建之法第四,五章,了解到两人合作的方法,代码审查等,
结合上次结对作业和这次的作业对我个人来说,无疑是一次时间紧凑工作
量也挺大的小项目,自己也收获了许多,包括第一次使用爬虫爬取数据,
第一次接口部署,第一次使用github的团队协作模式,虽然只是浅薄的了
解层面但是增大了我的兴趣。

队友评价:

​ 曾哥在这次结对中进行前端编码工作,而我是负责数据处理提供工作,有
多次我曾认为难以攻克的小问题,个人是难以解决的,都是曾哥通过远程控
制与我一同讨论,才得以处理。总的来说,和曾哥合作很愉快,其实我个人
认为结对的目的是锻炼与人相处做项目的能力,从曾哥身上我确实学到了,
遇事需要冷静,沉着分析问题所在地而不是瞎试瞎调。也提高了当问题出现
试,如何清除明白得对队友表述问题的痛点所在。

曾峻祺
心路历程:

​ 这次的结对作业对我个人来说是一次能力能够得到很大提升,工作量很大的
实践任务,结合构建之法第四章和第五章的内容以及上一次的实践作业,让
我明白了结对编程的重要性,如果说上次结对编程我们处于萌芽阶段,那这
次的结对编程我们已然进入磨合阶段,通过对构建之法的阅读,这次的实践
作业我学会了如何正确地给予反馈,这次作业依然是使用github仓库进行代
码存放,我和能哥第一次使用团队协作模式,第一次接口部署,虽然过程很
艰辛,但我们学到了不少的东西。
队友评价:

​ 能哥在这次结对作业中进行后端数据处理工作,而我负责前端编码工作,当
我有遇到很困难棘手的问题时,凭我自身实力无法解决,我都会通过teamviewer
邀请能哥协助解决,然后得以处理,这次作业内容虽然很多,但却能锻炼我和
队友配合以及互相监督的能力,从能哥身上我学到了很多东西,不仅是查找bug
的能力,更是冷静处理发现问题的能力。总而言之,这次的结对作业我和能哥
合作很愉快,是一次宝贵的经历。
结对作业第二次——疫情统计可视化_第30张图片

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