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