结对第一次—疫情统计可视化(原型设计)
这个作业属于哪个课程 | 2020春s班 |
---|---|
这个作业要求在哪里 | 疫情统计可视化(原型设计) |
结对学号 | 041702303、221701238 |
这个作业的目标 | 学习《构建之法》第三、八章,对疫情统计可视化结队合作给出原型设计 |
作业正文 | 结对第一次—疫情统计可视化(原型设计) |
其他参考文献 | 博客排版采用博客园的markdown排版 |
1.原型模型
原型:
2.设计部分
2.1 原型开发工具
- Axure RP:一款专业的快速原型设计工具,它可以让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。本次作业最主要的工具,用来制作模型。
- Microsoft Office:一套基于 Windows 操作系统的办公软件套装。常用组件有 Word、Excel、PowerPoint等。本次作业中用来进行文字编排,图表设计等。
2.2 遇到的困难
1、疫情地图中,鼠标移到每个省份会高亮显示,点击鼠标会显示该省具体疫情情况功能的实现。由于对原型开发工具不熟悉,不知道如何去实现该功能。
2、疫情统计趋势图的制作。该困难源于软件原型模型设计工具本身的功能限制。
3、原型应该做成什么样子。由于从未接触过原型设计,不知道应该将原型做成什么样比较好。
2.3 解决尝试
问题1:一开始打算使用echarts制作地图内嵌到原型中,但发现这样操作的话无法进行省份跳转的交互,所以就放弃了这个做法。经过学习,使用SVG地图来实现疫情地图,再通过交互事件,来解决省份高亮问题。并添加相应的元件和交互事件,实现跳转到省份具体疫情情况的功能。
结果:解决。
问题2:一开始也打算使用echarts给每个省份都制作趋势图,但发现工作量太大,所以偷懒用office软件制作了三种趋势图,作为模板插入到每个省份的具体疫情情况的界面。
结果:解决得不太完美。
问题3:在不断地思考、学习和交流中,我们最后决定做一个基于手机app应用的原型。并成功完成该原型
结果:解决。
2.4 收获
- 本次原型设计作业通过学习相关技术知识,获取和分析客户的需求,对软件项目进行初步设计,提供给客户可行的使用建议,给出原型模型,并提供相应的解决方案和预期规划。
- 在开发过程中遇到了各种各样的困难,但通过不断地学习、思考和实践,最终解决了一个又一个的问题,也锻炼了个人能力。
- 本次作业是两个团队合作的成果,不断学习、分工合作、相互帮助,最终完成了原型的开发。我们深深地意识到了团队协作的重要性。
3.NABCD模型的使用
N(Need,需求)
疫情发生以来,疫情数据对判断疫区人员动向、判断疫情走势、优化资源配置上起了极大的积极作用。目前新型冠状病毒肺炎疫情到了非常关键的时期,通过疫情数据可视化,能够有效地展示疫情数据,让民众更好地了解疫情现状,提高民众对疫情的重视程度,让各方更好地开展疫情防护工作。
基本需求:疫情统计可视化
- 在全国地图上使用不同的颜色代表大概的确诊人数,颜色的深浅表示疫情的严重程度,鼠标移到每个省份会高亮显示,点击则会显示该省具体疫情情况
- 点击某个省份显示该省的具体情况,显示对应的感染、疑似、治愈、死亡人数和到目前为止确认的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势
面向对象:有能力访问互联网络的民众
发展趋势:当前处于全民抗疫的阶段,该软件的需求量大,会被广泛应用
扩展需求:
- 热点新闻模块:提供最新的疫情动态,让民众更快了解当前疫情形式。
- 疫情科普模块:对本次新型冠状病毒进行科普,如感染症状、传播途径、预防措施等。
- 口罩预约模块:口罩是现在必不可少的防护工具,开通该模块有助于民众预约购买口罩。
A(Approach,做法)
解决方案:
基于web平台实现疫情数据的可视化,借助数据、地图、折线图清晰表示疫情变化过程。
功能实现:
功能 | 详细说明 |
---|---|
全国数据统计模块 | 分别显示全国现有确诊、疑似确诊、现有重症、累计确诊、累计治愈、累计死亡的人数 显示和昨日数据的对比 |
全国数据可视化地图模块 | 使用SVG地图制作,添加交互事件实现高亮功能。根据给定数据统计各省患者数量,以颜色深浅标识 左下角图例显示确诊患者的人数区间 使用各类元件组合制作弹窗显示某省的具体信息,“详情”按钮跳转链接到对应省份的页面 |
省份疫情的具体数据统计模块 | 分别显示该省现有确诊、累计确诊、累计治愈、累计死亡的人数 显示和昨日数据的对比 |
省份疫情的趋势模块 | 根据统计数据以时间为横坐标,以例数为纵坐标,以折线图体现出各类数据的变化趋势 点击按钮即可显示相应的趋势折线图 |
热点新闻模块 | 显示热点新闻列表 点击展开全文可查看具体新闻内容 |
疫情科普模块 | 显示与本次疫情相关的科普知识 |
口罩预约模块 | 显示预约人的姓名、身份证号、手机号、领取时间和地点的表单 显示预约按钮,提交预约信息 |
B(Benefit,好处)
- 直观、具体地展示了全国和各省的疫情分布大致情况。
- 用户可根据可视化地图颜色变化程度做好相应的防护措施。
- 人机交互界面相对友好,满足用户对掌握疫情的基本需求。
- 新增热点新闻模块,便于用户及时了解当前疫情动态。
- 新增疫情科普模块,让用户更好了解疫情知识,避免民众因不知情或谣言而慌乱。
- 新增口罩预约模块,让用户能及时预约购买到口罩,做好防护措施。
C(Competitor,竞争)
优势:
- 界面简洁、清晰,用户可直接查看想要的信息。
- 信息更新及时,承担疫情信息发布平台的角色。
- 新增的三个模块为用户提供了便利。
- 用户友好,交互处理人性化。
- 开发效率高,及时响应当下的需求。
劣势:
- 同类可视化平台产品众多,开发成熟度高,竞争压力大。
- 界面不够美观,不利于吸引用户的眼球。
- 受限于开发时间较短,未能实现更丰富的功能。
D(Deliver,推广)
1、通过校园平台推广。由于自身是大学生,易于使用校园平台将该产品推广到大学生群体,并进一步辐射到大学生的社交群中。
2、通过新媒体推广,在QQ、微信、微博等一系列新型媒体平台工具上进行该产品的宣传和推广,受众群体广泛,便于推广。
4.结对过程
- 明确分工,一个人主要负责高亮地图的实现,一个人主要负责整体原型的设计,并做好时间规划
- 分别学习相关的知识和技术,并加以应用
- 通过视频和文字交流探讨新增功能模块的设计
- 实现过程发现开发过程中的困难,思考讨论寻找解决方案
- 逐步合作完成博客内容,总结过程
结对感想
周同学:一开始我们都觉得这个作业很奇怪,担心会很麻烦做不出来,但在完成作业的过程中我们也学到了很多知识,锻炼了自己的能力。尤其是在做出成品时感到的自豪感,让我感到非常开心。
陈同学:第一次进行原型设计,学会了基本的Axure使用和原型设计;初步了解并体会NABCD模型,明白基本NABCD模型使用;开始结队进行软件设计,体验熟悉分工合作的团队软件开发。
结对照片
部分聊天记录
5.效能分析和PSP表格
总体来说在本次作业完成的效率还不错,两个人的分工明确,在规定时间内做出了符合客户需求的原型设计。
PSP2.1 | Personal Software Process Stages | 预估耗时(分钟) | 实际耗时(分钟) |
---|---|---|---|
Planning | 计划 | 45 | 45 |
Estimate | 估计这个任务需要多少时间 | 45 | 45 |
Development | 开发 | 740 | 830 |
Analysis | 需求分析 (包括学习新技术) | 90 | 90 |
Design Spec | 生成设计文档 | 30 | 30 |
Design Review | 设计复审 | 20 | 20 |
Coding Standard | 代码规范 (为目前的开发制定合适的规范) | 30 | 30 |
Design | 具体设计 | 30 | 60 |
Coding | 具体编码 | 300 | 360 |
Code Review | 代码复审 | 120 | 120 |
Test | 测试(自我测试,修改代码,提交修改) | 120 | 120 |
Reporting | 报告 | 95 | 105 |
Test Repor | 测试报告 | 30 | 30 |
Size Measurement | 计算工作量 | 20 | 30 |
Postmortem & Process Improvement Plan | 事后总结, 并提出过程改进计划 | 45 | 45 |
total | 合计 | 880 | 980 |