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

结对第一次作业

这个作业属于哪个课程	https://edu.cnblogs.com/campus/fzu/2020SpringW
这个作业要求在哪里	作业--结对第一次—某次疫情统计可视化（原型设计）
结对学号	221701337 221701317
这个作业的目标	疫情统计可视化，原型设计
作业正文	结对第一次—某次疫情统计可视化（原型设计）
原型地址	本次项目原型(建议在PC端打开)
其他参考文献	《构建之法》

---

一、设计过程

1. 遇到的困难

• 原型设计工具的学习和使用
• 地图高亮如何实现
• 地图每个省份之间的矩形之间的遮挡导致的选取冲突
• 如何发布成网页

2. 解决尝试

• 通过各平台学习Axure rp的相关知识，导入SVG形式的地图
• 学习相关知识后，使用Axure rp的交互功能设置鼠标移入，鼠标移出等事件实现高亮
• 为解决图形遮挡，想到采取热区包围的方式，使用Axure rp的热区功能将每个省份完整包围
• 学习Axure rp发布功能，尝试原型发布

3. 解决情况

• 地图导入成功
• 实现高亮
• 通过热区功能解决地图遮挡问题
• 成功发布

4. 收获

• 通过本次作业学习了原型设计相关软件Axure rp的使用和知识
• 学习到了原型设计的过程
• 再次感受到了清晰的思路对问题的解决的重要性
• 合理规划时间可以大大提升效率
• 体会到多人协作设计一个项目比自己独立思考不仅在效率上更高，而且在完善程度上更好。

二、NABCD模型

N(Need,需求)

目前新型冠状病毒肺炎疫情到了非常关键的时期，学校仍然是严阵以待。继续沿用我们在寒假作业（2/2）——疫情统计的问题，有一家统计网站每天都会提供一个对应的日志文本，记录国内各省前一天的感染情况，上次的疫情统计结果只是通过文字来显示，不够直观、具体，对用户不够友好，在本次作业里，我们希望可以通过地图的形式来直观显示疫情的大致分布情况，还可以查看具体省份的疫情统计情况。

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

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

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

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

• 扩展需求
  - 辟谣模块
  新冠肺炎疫情发生后，公众对疫情的发展和治疗效果、疫情防控措施、病毒的传播和感染路径等信息高度关注。加之在“不聚聚”“少外出”防控措施影响下，人们只能宅
  在家中刷微博和朋友圈获取与疫情有关的信息。而此时一些人的刻意造谣，一些人的以讹传讹，就会在网络传播技术的快速推波助澜下，影响人们的心理状态和社会秩序。
  莫要让谣言成为二次灾害，所以开展了辟谣模块
  - 实时播报模块
  公众对疫情的发展和治疗效果、疫情防控措施、病毒的传播和感染路径等信息高度关注，所以可以扩展一个实时播报模块为客户快速获取信息提供帮助。

A(Approach,做法)

本项目针对分析出的需求采用以下做法：

• 在初始页面顶层显示疫情相关信息统计，包括
  - 现存确诊
  - 现存疑似
  - 死亡
  - 治愈
  - 每个数据较昨日的增减情况
• 以地图形式可视化的展示疫情情况
  - 使用web技术展示数据
  - 以不同深浅的颜色对地图染色表示疫情的严重程度
  - 将疫情数据地图放在每个网页的正中，方便用户进入网页时第一眼看到它
  - 提供了近日的全国、各省的疫情折线图，使用用户对数据的变化趋势有一定认识
• 辟谣&实时播报
  - 按时间顺序，列出新闻的主标题和时间方便用户速览最新新闻

B(Benefit,好处)

• 疫情信息可视化，界面简单，浅显易懂
• 使用方式简单，只需要输入相关网址接口，用户不需要注册登录
• 最新疫情数据，实时更新，可以使用户快速了解疫情最新情况
• 辟谣模块，帮助用户扫清谣言，不信谣不传谣
• 实时播报模块，帮助用户快速了解最新疫情信息，了解疫情期间的社会新闻

C(Competitors,竞争)

• 我方优势
  - 界面简洁，操作简单，浅显易懂
  - 疫情信息可视化，提供疫情变化曲线图，使疫情数据直观易懂
  - 提供辟谣模块和实时模块功能，帮助用户更好了解疫情信息
• 我方劣势
  - 疫情来势凶猛，因此很多竞争对手早已推出了相关的实时疫情应用，如百度、网易等，功能完善，且拥有大量忠实用户
  - 我方开发时间有限，开发人员较少，功能实现方面不够完善，在实时更新这方面可能实现难度较大

D(Ddliver,推广)

• 微信推广，创建微信公众号，为大众科普疫情相关知识和信息，并宣传此产品
• 向身边的亲朋好友推荐，以人传人的自来水宣传
• 在疫情相关网站发布产品信息
• 在知名论坛，社区发帖宣传，如CSDN

---

三、原型开发工具

原型开发工具：Axure RP

Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

四、结对过程

• 讨论作业需求，确定用什么原型开发工具
• 查找地图，讨论功能实现，确认各自的分工
  
  
  
  
  
  
  
  

五、效能分析

软件的效能需要进行实际编码后才能进行分析。

六、PSP表格

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

七、博客PDF

博客PDF