结对第一次—疫情统计可视化(原型设计)
格式描述
这个作业属于哪个课程 | 2020春|S班 (福州大学) |
---|---|
这个作业要求在哪里 | 作业要求的链接 |
结对学号 | 221701236、221701239 |
这个作业的目标 | 给出疫情统计可视化的原型、锻炼与同学合作的能力。 |
作业正文 | .... |
其他参考文献 | 博客园 |
发布的原型地址:https://www.wulihub.com.cn/go/Qoandq/start.html
一、NABCD模型
1.N(Need,需求)
- 在全国地图上使用不同的颜色代表大概确诊人数区间
- 颜色的深浅表示疫情的严重程度,可以直观了解高危区域
- 鼠标移到每个省份会高亮显示
- 点击鼠标会显示该省具体疫情情况
- 点击某个省份显示该省疫情的具体情况
- 显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数
- 该省份到目前为止的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势
2.A(Approach,做法)
通过web平台来实现疫情统计可视化,其中中国地图、趋势图使用echarts来实现使得数据更加清晰美观。
3.B(Benefit,好处)
在全国地图上,用户可以通过各省份颜色的深浅直观了解高危区域;点击省份,用户可以查看该省的具体
情况,并通过趋势图了解省份的确诊、治愈、死亡趋势。
4.C(Competitors,竞争)
我们的优势在于我们的界面整洁,用户可以很快很轻松地了解到全国各省的疫情情况。劣势在于我们的功能不够丰富
,不好满足用户的进阶需求。
5.D(Delivery,推广)
我们可以通过微信朋友圈、QQ空间、校园平台等途径宣传我们的产品。
二、原型介绍
在全国地图上使用不同的颜色代表大概确诊人数区间
鼠标移到每个省份会高亮显示并且显示该省确诊的人数
点击省份可以查看改省份的具体情况
鼠标移到相应位置可以查看每天的具体情况
三、遇到的困难
困难描述:
1.如何在满足“原型需要发布成网页”这个要求的前提下实现点击省份的跳转。
解决尝试:
1.根据百度上的教程,我们先将Axure中的RP文件生成为HTML文件,然后在HTML文件中添加
echarts的script代码,这样就实现了点击省份的跳转。
是否解决:
1.解决
有何收获:
1. 只要我们善用搜索工具,积极思考,就可以解决一些比较困难的问题。
四、使用的工具
本次我们使用的是Axure RP,Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
五、结对过程
1.刚拿到结对作业我们先一起分析此次作业然后列出我们需要做的事情
2.分析完需要做的事情之后,我们就开始分配各自需要完成的任务
3.在实现过程中,我们有实时交流解决问题,实时交流进度
4.在大致完成原型设计后,我们有进行讨论并修改不足
5.最后分工编写博客的不同板块,并作出总结
下面是我们的聊天记录
六、效能分析
此次作业我们完成效率一般,主要是因为我们在遇到echarts与axure如何相结合的过程中耗费时间太长,在编码实现方面效率还算不错,在一天的时间内也实现了原型设计.完成过程中我们分工明确,运用各自所擅长的地方完成了此次原型设计,总体上完成度不错.
PSP表格
PSP2.1 | Personal Software Process Stages | 预估耗时(分钟) | 实际耗时(分钟) |
---|---|---|---|
Planning | 计划 | 60 | 60 |
Estimate | 估计这个任务需要多少时间 | 15 | 20 |
Development | 开发 | 700 | 585 |
Analysis | 需求分析 (包括学习新技术) | 120 | 120 |
Design Spec | 生成设计文档 | 60 | 30 |
Design Review | 设计复审 | 30 | 30 |
Coding Standard | 代码规范 (为目前的开发制定合适的规范) | 30 | 30 |
Design | 具体设计 | 30 | 30 |
Coding | 具体编码 | 360 | 300 |
Code Review | 代码复审 | 60 | 45 |
Test | 测试(自我测试,修改代码,提交修改) | 180 | 130 |
Reporting | 报告 | 60 | 60 |
Test Repor | 测试报告 | 30 | 10 |
Size Measurement | 计算工作量 | 60 | 30 |
Postmortem & Process Improvement Plan | 事后总结, 并提出过程改进计划 | 30 | 30 |
合计 | 955 | 795 |
七、PDF文件
博客的pdf版本:结对第一次—疫情统计可视化(原型设计)