某次疫情统计可视化（原型设计）

这个作业属于哪个课程	2020春|W班 (福州大学)
这个作业的要求在哪里	结对第一次—某次疫情统计可视化（原型设计）
结对学号	221701101 221701108
这个作业的目标	结对合作，设计方案，给出原型模型
作业正文	某次疫情统计可视化（原型设计）
其他参考文献	无

NABCD模型

• N（Need，需求）

从今年 1 月下旬开始，疫情开始全面爆发，全国人民与疫情的对抗正式拉开了的帷幕。疫情开始后，全国人民开始了禁足模式，大家的信息来源大部分来自互联网，并通过互联网来了解疫情实时情况。在上一次的寒假作业中已经通过文字来显示疫情统计结果，但是对用户来说，还需要更加直观、具体以及友好的界面，用户希望可以通过地图的形式来直观显示疫情的大致分布情况，还可以查看具体省份的疫情统计情况。有如下几点要求：

• 在全国地图上使用不同的颜色代表大概确诊人数区间
  • 颜色的深浅表示疫情的严重程度，可以直观了解高危区域；
  • 鼠标移到每个省份会高亮显示；
  • 点击鼠标会显示该省具体疫情情况
• 点击某个省份显示该省疫情的具体情况
  • 显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数；
  • 该省份到目前为止的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势

• A（Approach，做法）

于是我们利用Axure RP原型制作工具开发一款统计应用，实现了疫情统计实时数据的可视化。本次原型设计满足用户的需求——可以通过地图的形式来直观查看疫情的分布情况，进一步还可以点击查看某省份具体的疫情统计情况。
- ###功能预览

    |主要数据图|使用说明|
    |--|--|
    |全国数据可视化地图|1.在每个省份上表示出省份的名称，鼠标移至省份上方时显示相应的确诊患者人数。</br>2.依照每个省份确诊患者的数量，按照颜色变化        的标准，划分出地区疫情的严重程度，以颜色深浅标识出来（即深色区域为疫情严重区）。</br>3.点击某个省份，将跳转至对应省份的详细数据页面|
    |全国各类感染患者总数日变化折线图|详细地提供了每一天全国染患者、疑似患者、治愈患者、死亡患者总数的变化趋势|
    |全国新增确诊/疑似患者人数日变化折线图|详细地提供了每一天全国新增确诊患者、新增疑似患者人数的变化趋势|
    |各省份各类感染患者总数统计图|显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数|
    |各省份各类感染患者总数日变化折线图|显示该省份每一天的新增确诊患者、新增疑似患者、治愈患者和死亡患者数量变化趋势|

• B（Benefit，好处）

  • 直观，各省份颜色的深浅表示疫情的严重程度，可以让用户一眼看出哪里是当前"最危险的地方"，从而提高警惕，避免不必要的麻烦。
  • 具体，点击就能显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数，通过具体的数字，让用户了解到当前形势。
  • 从整体到局部，通过折线图来表现全国各种患者总数的变化趋势，与之相对应的还有XX省份各种患者人数的变化趋势。
  • 功能丰富，还包含“防疫小知识”、“疫情上报通道”、“医生问询通道”等模块，以响应当前广大人民的强烈要求。

• C（Competiors，竞争）

  • 我方优势

    • 操作简单，只要会上网就行。
    • 表现直观，界面简洁明了，用户很快就能上手。
    • 实时更新，只要官方的数据一发生变化，我们的统计图表也就随之改变。

  • 我方劣势

    • 当前已经发布了很多类似的疫情可视化平台，从时间上来说我方还在开发阶段，相对落后……
    • 从产品功能上说，其他平台的相关产品开发成熟度高，相比之下我们还是略显单薄……

• D（Delivery，推广）

  • 通过qq空间动态转发推广。
  • 通过微信公众号来推送相关消息。
  • 自己使用，然后推广给身边的朋友，以人带人……

原型设计

工具：Axure RP

点击这里查看

遇到的困难及解决方法

• 遇到的困难

  • 使用哪种原型设计
  • 如何在地图中直观显示疫情分布情况
  • 不熟悉原型设计工具
  • 如何在地图上点击跳转详细页面
  • 如何在原型设计中插入图表使得数据可视化程度更高

• 解决尝试

  • 在经过各种比较后决定选择AxureRp作为我们的原型设计工具。虽然有考虑过墨刀，轻量，便捷，简单，但是相较之下，前者更加成熟，且功能丰富。
  • 在网上查找了诸多资料之后找到了使用echart来实现的方法，但是在echart的官网下，地图部分因数据差错不支持下载，只能找来旧版的echart使用。学习了一通echart之后，终于能显示出来了。
  • 通过各种视频，以及上网查找资料，慢慢地学会简单地使用Axure，相比之前界面都不熟悉有了些许的进步。
  • 通过查找echart的API了解到了地图的点击事件的接口，然后就是在接口中设计跳转到详情页面。但是又一个问题接踵而来，无法确定该显示的是那个省的数据。之后想到了用url传递参数来解决。问题还没有解决，url的编码方式并不支持中文，我又找不到将数据转码的方法，只能在echart的数据对象中添加一个字段来标识省份。
  • 通过网上查找资料，找到了第三方的Axhub组件，可以生成各类图表。

• 是否解决

  • 解决
  • 解决
  • 解决
  • 解决
  • 解决

• 有何收获

  第一次知道了原型的概念，学会了简单地使用原型设计工具Axure RP，也从中得到了启发。原型设计的确是与用户有效沟通地一种方式，因为原型模拟的就是最终交给用户使用的产品，所以用户能更清楚地知道自己的需求（比如希望有什么功能），这样就能避免之后很多不必要的麻烦。我突然意识到在今天这样信息爆炸的时代，应该不断地学习新知识，特别是在计算机领域（时代走的太快了）。第一次结对……感觉（怪怪的？）但是，我发现每个人的思维真的是不一样的，比如别人可能想不到，但是你想到了；别人会的东西，可能你不会。我认为这是一个很好的取长补短的机会，所以好好把握吧！

结对过程

• 流程

  • 合理分工，做好时间上的规划。

  • 学习原型（Axure RP）知识以及相关技术。

  • 原型制作，一起讨论解决制作原型中遇到的难题，完成原型设计。

  • 共同撰写博客。

• 照片

  
  
  )

效能分析和PSP

• 效能分析

代码未实现，暂时无效能分析。

• PSP

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

附件

点击此处下载pdf版本