结对第一次—疫情统计可视化（原型设计）
| 这个作业属于哪个课程 | 2020春|S班(福州大学) |
|---|---|
| 结对学号 | 221701336、221701331 |
| 这个作业要求在哪里 | 软工实践寒假作业（2/2） |
| 这个作业的目标 | 制作一个疫情统计程序的原型 |
| 作业正文 | 作业正文链接 |
| 其他参考文献 | 《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 |
