结对第一次——疫情可视化统计

这个作业属于哪个课程	福大20春软工S班
这个作业要求在哪里	结对第一次——疫情统计可视化（原型设计）
结对学号	221701135、221701209
这个作业的目标	疫情统计可视化
作业正文	结对第一次——疫情统计可视化
其他参考文献	墨刀官方教程

1、疫情统计可视化原型

原型链接

2、基于NABCD模型给出的解决方案

“NABCD”是由Need、Approach、Benfit、Competitors、Delivery五个单词的首字母组成，分别指需求、做法、好处、竞争、推广五部分。通过这五部分，可以清楚简明的把项目的特点概括出来。

问题描述：了解新型冠状病毒肺炎疫情的当前形势——疫情统计可视化

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

N（Need，需求）

具体需求
在全国地图上使用不同的颜色代表大概确诊人数区间
  颜色的深浅表示疫情的严重程度，可以直观了解高危区域；
  鼠标移到每个省份会高亮显示；
  点击鼠标会显示该省具体疫情情况
点击某个省份显示该省疫情的具体情况
  显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数；
  该省份到目前为止的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势
需求扩充
辟谣功能
  新冠肺炎疫情发生以来，有关疫情传播态势、虚假防治措施等流言和谣言在网上传播，引发不少网民误解误读，
个别网民编造传播虚假病例数据等谣言，极易引发社会恐慌情绪，严重影响网络安全秩序和社会稳定，同时也给疫情防控工作带来严重干扰。
因此考虑设置一个谣言粉碎板块，帮助民众在防疫时期，更好的识别谣言。

A（Approach，做法）

• 由于疫情时间持久，很多公司、平台已经有了相关的数据来源，我们需要制作一个方便获取数据的平台，然后直观的显示出本次疫情的相关情况
• 我们使用了墨刀工具进行原型设计，通过分析需求，进而设计出符合本次作业要求的相关功能

功能模块	相关情况
进入页面	有疫情相关的应援海报
主页	最新的疫情信息，直观的地图显示
详情页	各个省份的相关信息
谣言页	击碎疫情谣言

引导页面

• 有三张引导图轮流播放。
  
  

地图显示页面

折线图页面

谣言页面

B（Benefit，好处）

• 具体地显示全国和各省份疫情的大致情况
• 界面设计简单、操作简便
• 用户可以在页面中看到最直观的疫情变化情况（趋势图）
• 人机交互方式简单，用户能够具体查看某一省份的具体情况

C（Competitor，竞争）

优势

• 界面简洁、有海报、操作简单
• 不需要下载软件或有别的硬件要求
• 用户可以及时了解最全面疫情的发展
• 提供了谣言模块，可以有效地让更多的人了解最新情况

劣势

• 竞争压力大，很多大的平台已经推出了相关的功能模块，比我们更为成熟
• 由于时间限制，功能单一
• 使用周期较短，疫情结束后就失去了价值

D（Deliver，推广）

• 社交软件上进行推广，如在各种群聊进行介绍本次的开发结果
• 开通微信公众号，即使推送，设计一些引人注目的宣传图片
• 向身边好友、同学推荐，口口相传
  
• 在博客园中我们会撰写博客推广我们的产品

3、遇到的困难及解决方法

困难描述
   - 第一次接触原型设计的任务，不明白许多操作。
   - 省份的高亮显示问题
   - 折线图的显示

解决尝试
   - 原型设计的任务
  需要解决原型设计软件的使用问题。相关的设计软件 Axure RP 和 墨刀都有进行尝试，
经过对比和简单的使用后发现墨刀相对于Axure RP好上手一些。因此就选择墨刀作为本次作业的原型设计工具。
   - 省份的高亮显示问题
  省份的高亮问题困扰我很久，由于是第一次使用并不是十分清除怎么对这个显示问题进行制作
网上查看墨刀官方教程之后，得知可以利用动态组件实现。运用墨刀的动态组件和连接区域功能进行不同状态之间相互转换，国家地图用图片代替
高亮部分用PS将原图片指定区域进行填充变色，设置状态之间的转化事件从而实现高亮显示。也因为高亮显示是图片之间的切换，难免会有闪烁的问题。
   - 折线图的显示
在墨刀中并没有图表的制作功能，只能用折中的办法用图片对图表进行代替，因而没有图表的动态效果
但是在制作高亮显示之后，对折线的动态显示也有了一点基本的制作思路。基本跟高亮显示一直。
运用动态组件设置不同的状态，通过状态里的链接区域设置连接事件，从而实现数据的显示。

是否解决：

原型软件? 解决
省份高亮? 解决
折线图显示? 解决

有何收获

  学习使用了墨刀的基本功能，并且能进行简单的开发，刚开始并没有什么思路，因为都是未接触的事物，所以总是一遍遍百度和不断尝试。

4、原型设计工具：墨刀

  墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。
墨刀同时也是协作平台，项目成员可以协作编辑、审阅，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。

5、结对的过程

本次结对作业结对过程中的一些相关聊天记录

6、效能分析和PSP

2. PSP表格

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

7、附件：博客内容PDF

博客园PDF下载

8、有什么感悟

  每次学习一个新的软件工具就是不断发现问题，解决问题的过程，为了完成任务，总会自我提出怎么做，再去思考如何运用工具解决。本次的结对作业让我们拥有了小伙伴，可以互相审核，讨论和提问，解决问题。自学能力很重要，走弯路不可怕，重要的是过程中的互相帮助，以及能力的提升。总的来说，团队的力量是强大的，真正体会到1+1>2的效果。