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

这个作业属于哪个课程	2020春|S班(福州大学)
这个作业要求在哪里	结对第一次—疫情统计可视化（原型设计）
结对学号	221701219，221701240
这个作业的目标	学习并掌握NABCD模型，合作创建疫情统计可视化模型
作业正文	结对第一次—疫情统计可视化（原型设计）
其他参考文献	Axure可视化教程，Axhub，CSDN

一、原型地址：链接

二、原型开发工具

Axure RP 9

三、NABCD模型使用

1. N（Need，需求）

上次的疫情统计结果只是通过文字来显示，不够直观、具体，对用户不够友好。目前新型冠状病毒肺炎疫情到了非常关键的
时期，人们的内心十分复杂，想要在第一时间能够得到直观、具体的疫情统计数据。因此，我们希望可以通过一种新的形式
来直观显示疫情的大致分布情况，还可以查看具体省份的疫情统计情况和疫情趋势（最好能以图表的形式展示），让人们能
够轻松，快速，准确地了解全国疫情统计数据以便更好地安排好接下来的生活

产品需求

• 点开网页要显示出一张中国疫情地图

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

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

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

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

2. A（Approach，做法）

• 得到用户的需求后，我们决定使用Axure RP 9进行原型设计，以达到疫情统计可视化的目的
  • 主页显示当天的疫情统计数据
    
  • 主页显示当天的中国疫情地图，颜色的深浅表示疫情的严重程度
    
  • 鼠标移到每个省份会高亮显示
    
  • 鼠标点击“现有疑似”会显示当天的疑似感染地图
    
  • 在“现有确诊”疫情地图上，点击鼠标会显示该省具体疫情情况
    
  • 鼠标点击“详情”会显示该省份疫情的具体情况，包括 （ps：这里只做了湖北的）
    • 疫情数据表格：现有确诊人数，累计确诊人数，累计治愈人数，累计死亡人数
    • 疫情趋势折线图：新增确诊人数，累计确诊人数，累计死亡人数
      
  • 鼠标点击“返回主页”即可回到中国疫情地图页面

3. B（Benefit，好处）

• 显示直观，让人们轻松就能了解到全国和各省份的疫情情况
• 操作简单，只需点击就可获取相关信息

4. C（Competitors，竞争）

• 优势
  • 操作方便，数据直观
  • 无需下载APP，点击链接即可访问
• 劣势
  • 进入市场较晚，失去竞争优势
  • 实现功能较少，用户能够在此获取的相关信息不多

5. D（Delivery，推广）

• 通过微信进行推广
• 通过QQ进行推广
• 通过微博进行推广

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

1.困难描述

• A. 怎样建立模型
• B. 怎样实现 现有确诊图和现有疑似图 的切换
• C. 怎样实现 点击某个省份显示该省份的相关信息（如省份名）
• D. 怎样作具体省份的疫情折线图

2. 解决尝试

• A. 一开始想着要把各个省份拼接到一起，后来才知道是我太年轻了，根本就没有必要。随后从网上下载中国地图svg
  导入到Axure RP 9，开始进行下一步设计

• B. 对于Axure RP 9不是很熟悉，网上搜索相关教程大多是Axure RP 8。后来经过学习，了解到应该使用动态面板，设置状
  态，一个状态放一个图，再对相对应的方框进行交互，实现地图切换

• C. 这个问题困扰我很久，由于对Axure RP 9的使用不熟悉，到处碰壁。虽然知道了应该使用函数获取各省份的名字或是文本
  内容，但就是不知道具体该怎么做--后来摸索出来了一点，也找到了相关的函数，我尝试复制进去希望能够得到方框的文
  本，结果还是失败，一度垂头丧气。后来发现它里面就自带函数，通过name函数获取方框的名字即可显示某省份对应的方
  框的名字了。因为地图是导入进去的，里面的各个方框名字还没有修改，于是我一个个把方框名字改为对应的省份名字，
  最终解决了这个问题

• D. 一开始是真的没有头绪，搜索相关教程，有的说要用水平线和垂直线来作折线图，我顿时心里一凉，这要怎么做？后来询问
  了同学后，知道了可以下载Axhub里面的图表，将图表导入到Axure RP 9，再将折线图拖到相应的位置，然后在一边的表格
  上修改数据即可，十分方便！节省了不少时间！

3. 是否解决

• A. 是
• B. 是
• C. 是
• D. 是

4. 有何收获

收获就是哪怕是简单的原型设计也要提前进行分析，选择正确的方式进行工作。在设计前最好要把用到的软件的基本操作熟悉了，不
然到时候遇到一个非常容易解决的问题也要花费大量的时间，这非常不好！还有就是要对客户的需求进行分析，多与客户交流。要尽
可能地与客户的想法达成一致。不然到时候做出的产品总与客户的要求有出入，又要花费时间去进行修改，这也是非常不好的！

五、效能分析和PSP

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

六、结对过程

结对收获

• 韦琛：这次结对又学到了新东西，又有了新收获。虽然一开始没有找准方向，到处碰壁，但是回想起来整个过程还是非常快乐的！
• 郑逸豪：这次结对让我又学到了不少东西。在撰写博客时，我需要查看各种资料，还要对里面的各种情况进行具体分析。比较深
  的感受是哪怕只是一些简单的东西我们也要认真对待。很有可能因为一点小小的失误就会让我们掉进深渊

七、 PDF文档

链接