结对第一次—疫情统计可视化(原型设计)
疫情统计可视化
这个作业属于哪个课程 | 班级的链接 |
---|---|
这个作业要求在哪里 | 作业要求的链接 |
结对学号 | 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.点击按钮可切换折线图页面,点击返回地图返回上一页面