结对第一次—疫情统计可视化(原型设计)
这个作业属于哪个课程 | 2020春S班|(福州大学) |
---|---|
这个作业要求在哪里 | 结对第一次—疫情统计可视化(原型设计) |
结对学号 | 221600428 221701321 |
这个作业的目标 | 利用原型模型设计工具设计一套疫情统计可视化方案,并提供大概的解决方案预期规划 |
作业正文 | 结对第一次—疫情统计可视化(原型设计) |
其他参考文献 | ... |
NABCD模型
N(Need,需求)
目前新型冠状病毒肺炎疫情到了非常关键的时期,学校仍然是严阵以待。继续沿用我们在寒假作业(2/2)——疫情统计的问题,有一家统计网站每天都会提供一个对应的日志文本,记录国内各省前一天的感染情况,上次的疫情统计结果只是通过文字来显示,不够直观、具体,对用户不够友好,在本次作业里,我们希望可以通过地图的形式来直观显示疫情的大致分布情况,还可以查看具体省份的疫情统计情况。
A(Approach,做法)
-
在全国地图上方显示每日现有与累计的感染、疑似、死亡、治愈人数
-
在全国地图上使用不同的颜色代表大概确诊人数区间
-
颜色的深浅表示疫情的严重程度,可以直观了解高危区域;
-
鼠标移到每个省份会高亮显示,并提示省份名称及确诊人数;
-
点击鼠标会显示该省具体疫情情况
-
点击某个省份显示该省疫情的具体情况
-
显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数;
-
该省份到目前为止的
- 新增确诊趋势
- 新增疑似趋势
- 治愈趋势/死亡趋势
B(Benefit,好处)
- 在地图上显示疫情的大致情况更直观明了
- 以颜色深浅区分确诊人数区间,一眼了解高危区域
- 轻移鼠标即可知道各省确诊人数
- 还可以点击省份了解各省具体情况
C(Competitor,竞争)
- 优势
- 以图表形式显示更直观
- 以网页形式发布,用户可以在电脑端或移动端都可实时了解到疫情情况
- 劣势
- 所学技术有限,无法完美实现所有功能
- 竞争者多
D(Delivery,推广)
- 口头传播
- 空间、朋友圈传播
结对过程
困难描述
这次作业相对来说比寒假作业简单一些些,但是需要学习新的技术--原型模型设计,不过我的搭档之前有接触过,所以问题不大。
困难就是在设计过程中发现墨刀没有地图控件,又要设计成移动到每一个省份对应地图时该省就会高亮显示。
解决尝试
给地图添加“鼠标移入”事件,通过切换图片实现高亮。
是否解决
不是很完美的解决了,因为图片是方形的,所以一些边角处无法照顾到
有何收获
“条条大路通罗马”,老生常谈的谚语,依旧适用。当初一种角度无法实现目的时,不妨换个角度思考问题。
原型开发工具
墨刀,是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。
原型模型网址
显示所有省份
鼠标移入高亮
点击查看详情
PSP
PSP2.1 | Personal Software Process Stages | 预估耗时(分钟) | 实际耗时(分钟) |
---|---|---|---|
Planning | 计划 | 0.5*60 | |
Estimate | 估计这个任务需要多少时间 | 10*60 | |
Development | 开发 | 13.5*60 | |
Analysis | 需求分析 (包括学习新技术) | 1*60 | |
Design Spec | 生成设计文档 | 1*60 | |
Design Review | 设计复审 | 0.5*60 | |
Coding Standard | 代码规范 (为目前的开发制定合适的规范) | 0.5*60 | |
Design | 具体设计 | 1*60 | |
Coding | 具体编码 | 5*60 | |
Code Review | 代码复审 | 1*60 | |
Test | 测试(自我测试,修改代码,提交修改) | 1*60 | |
Reporting | 报告 | 1*60 | |
Test Repor | 测试报告 | 0.5*60 | |
Size Measurement | 计算工作量 | 0.5*60 | |
Postmortem & Process Improvement Plan | 事后总结, 并提出过程改进计划 | 0.5*60 | |
合计 | 14*60 |
结对收获
在结对的过程中合理分工,一方面降低了一个人完成作业的困难度,另一方面也能彼此学习,共同成长。