结对第一次—疫情统计可视化（原型设计）

这个作业属于哪个课程	2020春|S班(福州大学)
这个作业要求在哪里	软工实践寒假作业（2/2）
结对学号	221701331、221701336
这个作业的目标	制作一个疫情统计程序的原型
作业正文	作业正文链接
其他参考文献	《Axure rp教程》、Axhub官网等

1.原型展示

=>原型展示链接

2.开发历程

一开始看到这个作业，hqq没有很好的理解它的意思。以为是要做出一整个完整的产品出来，并且与之前寒假作业2的代码相结合，在寻找了结对队友（舍友）后，对整个作业能否在如此短的时间内完成。队友解释（他项目经验丰富），只是做个原型出来而已，能够向客户基本展示就行了。

困难1：由于之前并没有做过相关的东西，于是我们在网上找了很多的资料，在看到了墨刀等原型制作的平台后，以为能够找到能直接套用、只要稍微修改数据和样式就行的模板就可以了，未果....
想着如果从头做起一定非常麻烦，就很执着的想着继续寻找地图可视化的模型。这时候CSDN的一篇文章给我推荐了FineBI

这难道就是我们盼望已久的神器？但在研究了一晚上，安装了两个系统提示不推荐安装的软件之后，终于开始了制作。首先要导入excel文件.
对了，数据哪里去弄（这时我还是没有理解什么是原型）。困难2出现了于是我到处去搜索数据，在github上甚至找到了有大佬爬丁香医生的数据的表格，好不容易搞到后发现里面含有太多不需要的数据，直接放弃。然后干脆就将作业中示意图里的数据记录了下来（数据不算抄袭吧，实在懒得整理了），然后在研究了一段时间后，整出了这个

Wow awesome~ 这是我独享的moment!

鼠标悬浮展示详细内容，各省份按照确诊数量用不同的颜色显示。好，现在来实现跳转....然后才清清楚楚的意识到这个FineBI貌似只是用来简单的在一页上进行数据展示的。并不能实现页面的跳转，然后只好放弃了这个平台。

这时开始陆续有人交作业了，点进去参考了一下。用的Axure，然后好多在做的同学也都是用这个，好，那就试试吧。安装后，打开元件库，空空如也。这跟我想象的不一样啊。在网上下载了一些元件库后发现也只有一些简单的图表。最后才开始意识到，这个真的的要脚踏实地从头做。困难3：对该程序一知半解，地图也不知该怎么办。终于在参考了同学的意见后，我们导入了中国地图的SVG文件，然后进行省份拆分，单独上色，这时候才终于走上了正途。

3.NABCD模型

1) Need

作业2的程序仅能将数据输入到文件中，而实现清晰明了的数据可视化就尤为的重要

具体的需求包括:

1.在全国地图上使用不同的颜色代表大概确诊人数区间

• 颜色的深浅表示疫情的严重程度，可以直观了解高危区域；
• 鼠标移到每个省份会高亮显示;
• 点击鼠标会显示该省具体疫情情况;

2.点击某个省份显示该省疫情的具体情况

• 显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数；
• 该省份到目前为止的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势

2) Approach

原型制作时使用的是Axure rp9软件。

• 地图部分，我们导入中国地图的SVG文件，对各省份进行拆分，并且按照相应量级进行颜色的区分，设置鼠标悬浮时间，对鼠标悬浮的省份进行高亮，并显示部分信息（仅展示了新疆省），然后设置了两个按钮，设置鼠标点击事件用来切换累计确诊和当前确诊的两副地图。导入echarts的图表元件库，然后导入详细的省份折线图等。
• 趋势图部分，借助Axhub提供的折线图和面积图，通过对数据中继器的自定义，实现了图表的展示。

3) Benfit

• 应用可视化工具，可以使数据更加直观的显示在用户眼前
• 可以通过简单的鼠标点击和悬浮查看更详细的信息
• 进入网页就可以观看，无需下载特定软件

4) Competitors

• 界面整洁，功能直观明显
• 没有广告
• 地图可视化能满足一般用户的使用体验
• 将提供更新，及时与国家公布数据同步

5) Delivery

查看十分方便，只需通过链接进入网页就可浏览。因此极易在QQ、微信、微博等各大网络社交平台流传。

4.原型模型设计工具

功能强大的Axure rp软件，同时使用了echarts提供的图表元件库（地图部分），以及Axhub提供的图表元件库（趋势展示部分）

5.结对过程

结对成...成功？？？

进行讨论及分工

6.PSP表格

PSP2.1	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划	25	25
Estimate	估计这个任务需要多少时间	15	15
Development	开发	-	-
Analysis	需求分析 (包括学习新技术)	60	120
Design Spec	生成设计文档	30	20
Design Review	设计复审	30	20
Coding Standard	代码规范 (为目前的开发制定合适的规范)	-	-
Design	具体设计	300	460
Coding	具体编码	-	-
Code Review	代码复审	-	-
Test	测试（自我测试，修改代码，提交修改）	-	-
Reporting	报告	45	60
Test Repor	测试报告	-	-
Size Measurement	计算工作量	15	15
Postmortem & Process Improvement Plan	事后总结, 并提出过程改进计划	45	60
合计		565	785

7.博客PDF文件下载

PDF压缩包链接