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

时间 2020-06-09

标签疫情统计可视化原型设计繁體版

原文原文链接

这个做业属于哪一个课程	<a href="https://edu.cnblogs.com/campus/fzu/2020SpringW">2020春\|W班 (福州大学)</a>
这个做业的要求在哪里	<a href="https://edu.cnblogs.com/campus/fzu/2020SpringW/homework/10400">结对第一次—某次疫情统计可视化（原型设计）</a>
结对学号	221701101 221701108
这个做业的目标	结对合做，设计方案，给出原型模型
做业正文	<a href="https://www.cnblogs.com/lu28/p/12364502.html">某次疫情统计可视化（原型设计）</a>
其余参考文献	无

#NABCD模型html

##N（Need，需求）从今年 1 月下旬开始，疫情开始全面爆发，全国人民与疫情的对抗正式拉开了的帷幕。疫情开始后，全国人民开始了禁足模式，你们的信息来源大部分来自互联网，并经过互联网来了解疫情实时状况。在上一次的寒假做业中已经经过文字来显示疫情统计结果，可是对用户来讲，还须要更加直观、具体以及友好的界面，用户但愿能够经过地图的形式来直观显示疫情的大体分布状况，还能够查看具体省份的疫情统计状况。有以下几点要求：微信
在全国地图上使用不一样的颜色表明大概确诊人数区间工具
- 颜色的深浅表示疫情的严重程度，能够直观了解高危区域；
- 鼠标移到每一个省份会高亮显示；
- 点击鼠标会显示该省具体疫情状况
点击某个省份显示该省疫情的具体状况学习
- 显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数；
- 该省份到目前为止的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势

##A（Approach，作法）因而咱们利用Axure RP原型制做工具开发一款统计应用，实现了疫情统计实时数据的可视化。本次原型设计知足用户的需求——能够经过地图的形式来直观查看疫情的分布状况，进一步还能够点击查看某省份具体的疫情统计状况。测试

###功能预览编码

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

##B（Benefit，好处）url
- 直观，各省份颜色的深浅表示疫情的严重程度，可让用户一眼看出哪里是当前"最危险的地方"，从而提升警戒，避免没必要要的麻烦。
- 具体，点击就能显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数，经过具体的数字，让用户了解到当前形势。
- 从总体到局部，经过折线图来表现全国各类患者总数的变化趋势，与之相对应的还有XX省份各类患者人数的变化趋势。
- 功能丰富，还包含“防疫小知识”、“疫情上报通道”、“医生问询通道”等模块，以响应当前广大人民的强烈要求。
##C（Competiors，竞争）设计
- ###我方优点
  - 操做简单，只要会上网就行。
  - 表现直观，界面简洁明了，用户很快就能上手。
  - 实时更新，只要官方的数据一发生变化，咱们的统计图表也就随之改变。
- ###我方劣势
  - 当前已经发布了不少相似的疫情可视化平台，从时间上来讲我方还在开发阶段，相对落后……
  - 从产品功能上说，其余平台的相关产品开发成熟度高，相比之下咱们仍是略显单薄……
##D（Delivery，推广）代码规范
- 经过qq空间动态转发推广。
- 经过微信公众号来推送相关消息。
- 本身使用，而后推广给身边的朋友，以人带人……

#原型设计 ##工具：Axure RP <a href="https://b3w172.axshare.com/#id=cai8ar&p=page_1">点击这里查看</a> #遇到的困难及解决方法视频

##遇到的困难
- 使用哪一种原型设计
- 如何在地图中直观显示疫情分布状况
- 不熟悉原型设计工具
- 如何在地图上点击跳转详细页面
- 如何在原型设计中插入图表使得数据可视化程度更高
##解决尝试
- 在通过各类比较后决定选择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|

#附件 <a href="https://files.cnblogs.com/files/lu28/%E6%9F%90%E6%AC%A1%E7%96%AB%E6%83%85%E7%BB%9F%E8%AE%A1%E5%8F%AF%E8%A7%86%E5%8C%96%E5%8E%9F%E5%9E%8B%E8%AE%BE%E8%AE%A1.ppt">点击此处下载pdf版本</a>