结对第一次—疫情统计可视化(原型设计)
疫情统计可视化
这个作业属于哪个课程 | 班级的链接 |
---|---|
这个作业要求在哪里 | 作业要求的链接 |
结对学号 | 221701230,221701221 |
这个作业的目标 | 疫情统计 |
作业正文 | 如下 |
其他参考文献 | 《构建之法》 |
一、PSP
PSP2.1 | Personal Software Process Stages | 预估耗时(分钟) | 实际耗时(分钟) |
---|---|---|---|
Planning | 计划 | 30 | 30 |
Estimate | 估计这个任务需要多少时间 | 10 | 20 |
Development | 开发 | 720 | 680 |
Analysis | 需求分析 (包括学习新技术) | 180 | 230 |
Design Spec | 生成设计文档 | 30 | 20 |
Design Review | 设计复审 | 20 | 25 |
Design | 具体设计 | 30 | 30 |
Test | 测试 | 120 | 120 |
Reporting | 报告 | 60 | 80 |
Test Repor | 测试报告 | 20 | 20 |
Size Measurement | 计算工作量 | 20 | 20 |
Postmortem & Process Improvement Plan | 事后总结, 并提出过程改进计划 | 30 | 40 |
合计 | 1270 | 1435 |
二、NABCD模型
1.N(Need,需求)
目前新型冠状病毒肺炎疫情到了非常关键的时期,实时了解疫情的分布地区和严重程度十分重要。
- 用户需要知道疫情分布的地区
- 用户需要知道不同地区的疫情严重程度
- 用户需要知道疫情的具体情况数据
- 用户能够通过不同的方式
2.A(Approch,实现)
- 设计实现Web应用,方便用户在浏览器打开
- 收集分析整理数据并导入到软件当中
- 向相关方面专家请教要点
3.B(Benefit,好处)
- 有助于广大人民群众快速了解疫情目前的情况
- 有助于广大人民群众了解疫区的详细信息,例如确诊人数趋势和累计确诊人数等
- 有助于增强广大人民群众的信念,促进社会团结共度难关
4.C(Competition,竞争)
- 我方优势:
- 疫情分布清晰直观
- 交互界面整洁高效
- 疫情信息丰富详细
- 我方劣势:
- 已经出现了部分同类产品
- 功能不够全面,后续应添加例如“口罩贩卖点”,“就进医院查询”等实用性功能
5.D (Deliver,推广)
- 通过微信公众号、微博等平台植入宣传
- 以优秀的功能吸引用户并促进相互推广
- 通过报纸等传统方式进行悬宣传
三、使用的工具
Axure RP 9
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理
四、困难与解决
- 中国地图的制作
- 引入了中国地图的svg并将其转换为动态面板
- 数据图的制作
- 首先选取了内联框架,但发现链接到的echarts图表难以修改或是修改之后无法;
- 随后考虑到将原型发布之后进行代码的修改,遗憾的是无法做出令人满意的效果;
- 最后尝试了从Axure下载的折线图元件并且通过中继器修改数据
- Tabs面板的制作
- 在网上查询了教程,利用动态面板和矩形的交互,将每个矩形绑定一个动态面板,为矩形添加选中时设置面板状态的进入和退出。
教程链接
收获
要好好学习软件工程,不然没有规划好过程真的很容易遇到软件危机。要多和队友沟通,相信自己自己的队友,队友总是能带给我惊喜。遇到不懂的要多问,可以让我受到启发,收获很多东西。
五、结对交流过程
六、原型展示
1.可切换现有确诊地图和累计确诊地图
2.光标防止在省份上显示标签信息
3.点击省份可查看具体信息,以折线图形式呈现,在数据点上可查看标签信息(实现了安徽和湖北)
4.点击按钮可切换折线图页面,点击返回地图返回上一页面