| 这个作业属于哪个课程 | 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 收获
- 本次原型设计作业通过学习相关技术知识，获取和分析客户的需求，对软件项目进行初步设计，提供给客户可行的使用建议，给出原型模型，并提供相应的解决方案和预期规划。
- 在开发过程中遇到了各种各样的困难，但通过不断地学习、思考和实践，最终解决了一个又一个的问题，也锻炼了个人能力。
- 本次作业是两个团队合作的成果，不断学习、分工合作、相互帮助，最终完成了原型的开发。我们深深地意识到了团队协作的重要性。
结对感想
周同学：一开始我们都觉得这个作业很奇怪，担心会很麻烦做不出来，但在完成作业的过程中我们也学到了很多知识，锻炼了自己的能力。尤其是在做出成品时感到的自豪感，让我感到非常开心。
陈同学：第一次进行原型设计，学会了基本的Axure使用和原型设计；初步了解并体会NABCD模型，明白基本NABCD模型使用；开始结队进行软件设计，体验熟悉分工合作的团队软件开发。
3.NABCD模型的使用
N（Need，需求）
疫情发生以来，疫情数据对判断疫区人员动向、判断疫情走势、优化资源配置上起了极大的积极作用。目前新型冠状病毒肺炎疫情到了非常关键的时期，通过疫情数据可视化，能够有效地展示疫情数据，让民众更好地了解疫情现状，提高民众对疫情的重视程度，让各方更好地开展疫情防护工作。
基本需求：疫情统计可视化
- 在全国地图上使用不同的颜色代表大概的确诊人数，颜色的深浅表示疫情的严重程度，鼠标移到每个省份会高亮显示，点击则会显示该省具体疫情情况
- 点击某个省份显示该省的具体情况，显示对应的感染、疑似、治愈、死亡人数和到目前为止确认的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势
面向对象：有能力访问互联网络的民众
发展趋势：当前处于全民抗疫的阶段，该软件的需求量大，会被广泛应用
扩展需求：
- 热点新闻模块：提供最新的疫情动态，让民众更快了解当前疫情形式。
- 疫情科普模块：对本次新型冠状病毒进行科普，如感染症状、传播途径、预防措施等。
- 口罩预约模块：口罩是现在必不可少的防护工具，开通该模块有助于民众预约购买口罩。
A（Approach，做法）
解决方案：
基于web平台实现疫情数据的可视化，借助数据、地图、折线图清晰表示疫情变化过程。
功能实现：
| 功能 | 详细说明 |
|---|---|
| 全国数据统计模块 | 分别显示全国现有确诊、疑似确诊、现有重症、累计确诊、累计治愈、累计死亡的人数 显示和昨日数据的对比 |
| 全国数据可视化地图模块 | 使用SVG地图制作，添加交互事件实现高亮功能。根据给定数据统计各省患者数量，以颜色深浅标识 左下角图例显示确诊患者的人数区间 使用各类元件组合制作弹窗显示某省的具体信息，“详情”按钮跳转链接到对应省份的页面 |
| 省份疫情的具体数据统计模块 | 分别显示该省现有确诊、累计确诊、累计治愈、累计死亡的人数 显示和昨日数据的对比 |
| 省份疫情的趋势模块 | 根据统计数据以时间为横坐标，以例数为纵坐标，以折线图体现出各类数据的变化趋势 点击按钮即可显示相应的趋势折线图 |
| 热点新闻模块 | 显示热点新闻列表 点击展开全文可查看具体新闻内容 |
| 疫情科普模块 | 显示与本次疫情相关的科普知识 |
| 口罩预约模块 | 显示预约人的姓名、身份证号、手机号、领取时间和地点的表单 显示预约按钮，提交预约信息 |
B（Benefit，好处）
- 直观、具体地展示了全国和各省的疫情分布大致情况。
- 用户可根据可视化地图颜色变化程度做好相应的防护措施。
- 人机交互界面相对友好，满足用户对掌握疫情的基本需求。
- 新增热点新闻模块，便于用户及时了解当前疫情动态。
- 新增疫情科普模块，让用户更好了解疫情知识，避免民众因不知情或谣言而慌乱。
- 新增口罩预约模块，让用户能及时预约购买到口罩，做好防护措施。
C（Competitor，竞争）
优势：
- 界面简洁、清晰，用户可直接查看想要的信息。
- 信息更新及时，承担疫情信息发布平台的角色。
- 新增的三个模块为用户提供了便利。
- 用户友好，交互处理人性化。
- 开发效率高，及时响应当下的需求。
劣势：
- 同类可视化平台产品众多，开发成熟度高，竞争压力大。
- 界面不够美观，不利于吸引用户的眼球。
- 受限于开发时间较短，未能实现更丰富的功能。
D（Deliver，推广）
1、通过校园平台推广。由于自身是大学生，易于使用校园平台将该产品推广到大学生群体，并进一步辐射到大学生的社交群中。
2、通过新媒体推广，在QQ、微信、微博等一系列新型媒体平台工具上进行该产品的宣传和推广，受众群体广泛，便于推广。
4.结对过程
- 明确分工，一个人主要负责高亮地图的实现，一个人主要负责整体原型的设计，并做好时间规划
- 分别学习相关的知识和技术，并加以应用
- 通过视频和文字交流探讨新增功能模块的设计
- 实现过程发现开发过程中的困难，思考讨论寻找解决方案
- 逐步合作完成博客内容，总结过程
结对照片
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 |