结对第一次作业
| 这个作业属于哪个课程 | https://edu.cnblogs.com/campus/fzu/2020SpringW |
|---|---|
| 这个作业要求在哪里 | https://edu.cnblogs.com/campus/fzu/2020SpringW/homework/10400 |
| 结对学号 | 221701337 221701317 |
| 这个作业的目标 | 疫情统计可视化，原型设计 |
| 作业正文 | https://www.cnblogs.com/KeVinZ2/p/12369283.html |
| 原型地址 | 本次项目原型(建议在PC端打开) |
| 其他参考文献 | 《构建之法》 |
一、设计过程
1. 遇到的困难
- 原型设计工具的学习和使用
- 地图高亮如何实现
- 地图每个省份之间的矩形之间的遮挡导致的选取冲突
- 如何发布成网页
2. 解决尝试
- 通过各平台学习Axure rp的相关知识，导入SVG形式的地图
- 学习相关知识后，使用Axure rp的交互功能设置鼠标移入，鼠标移出等事件实现高亮
- 为解决图形遮挡，想到采取热区包围的方式，使用Axure rp的热区功能将每个省份完整包围
- 学习Axure rp发布功能，尝试原型发布
3. 解决情况
- 地图导入成功
- 实现高亮
- 通过热区功能解决地图遮挡问题
- 成功发布
4. 收获
- 通过本次作业学习了原型设计相关软件Axure rp的使用和知识
- 学习到了原型设计的过程
- 再次感受到了清晰的思路对问题的解决的重要性
- 合理规划时间可以大大提升效率
二、NABCD模型
N(Need,需求)
目前新型冠状病毒肺炎疫情到了非常关键的时期，学校仍然是严阵以待。继续沿用我们在寒假作业（2/2）——疫情统计的问题，有一家统计网站每天都会提供一个对应的日志文本，记录国内各省前一天的感染情况，上次的疫情统计结果只是通过文字来显示，不够直观、具体，对用户不够友好，在本次作业里，我们希望可以通过地图的形式来直观显示疫情的大致分布情况，还可以查看具体省份的疫情统计情况。
在全国地图上使用不同的颜色代表大概确诊人数区间
- 颜色的深浅表示疫情的严重程度，可以直观了解高危区域
- 鼠标移到每个省份会高亮显示
- 点击鼠标会显示该省具体疫情情况
点击某个省份显示该省疫情的具体情况
- 显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数
- 该省份到目前为止的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势
- 扩展需求
- 辟谣模块
新冠肺炎疫情发生后，公众对疫情的发展和治疗效果、疫情防控措施、病毒的传播和感染路径等信息高度关注。加之在“不聚聚”“少外出”防控措施影响下，人们只能宅
在家中刷微博和朋友圈获取与疫情有关的信息。而此时一些人的刻意造谣，一些人的以讹传讹，就会在网络传播技术的快速推波助澜下，影响人们的心理状态和社会秩序。
莫要让谣言成为二次灾害，所以开展了辟谣模块
- 实时播报模块
公众对疫情的发展和治疗效果、疫情防控措施、病毒的传播和感染路径等信息高度关注，所以可以扩展一个实时播报模块为客户快速获取信息提供帮助。
A(Approach,做法)
本项目针对分析出的需求采用以下做法：
- 在初始页面顶层显示疫情相关信息统计，包括
- 现存确诊
- 现存疑似
- 死亡
- 治愈
- 每个数据较昨日的增减情况- 以地图形式可视化的展示疫情情况
- 使用web技术展示数据
- 以不同深浅的颜色对地图染色表示疫情的严重程度
- 将疫情数据地图放在每个网页的正中，方便用户进入网页时第一眼看到它
- 提供了近日的全国、各省的疫情折线图，使用用户对数据的变化趋势有一定认识- 辟谣&实时播报
- 按时间顺序，列出新闻的主标题和时间方便用户速览最新新闻
B(Benefit,好处)
- 疫情信息可视化，界面简单，浅显易懂
- 使用方式简单，只需要输入相关网址接口，用户不需要注册登录
- 最新疫情数据，实时更新，可以使用户快速了解疫情最新情况
- 辟谣模块，帮助用户扫清谣言，不信谣不传谣
- 实时播报模块，帮助用户快速了解最新疫情信息，了解疫情期间的社会新闻
C(Competitors,竞争)
- 我方优势
- 界面简洁，操作简单，浅显易懂
- 疫情信息可视化，提供疫情变化曲线图，使疫情数据直观易懂
- 提供辟谣模块和实时模块功能，帮助用户更好了解疫情信息- 我方劣势
- 疫情来势凶猛，因此很多竞争对手早已推出了相关的实时疫情应用，如百度、网易等，功能完善，且拥有大量忠实用户
- 我方开发时间有限，开发人员较少，功能实现方面不够完善，在实时更新这方面可能实现难度较大
D(Ddliver,推广)
- 微信推广，创建微信公众号，为大众科普疫情相关知识和信息，并宣传此产品
- 向身边的亲朋好友推荐，以人传人的自来水宣传
- 在疫情相关网站发布产品信息
- 在知名论坛，社区发帖宣传，如CSDN
三、原型开发工具
原型开发工具：Axure RP
Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。
四、结对过程
- 讨论作业需求，确定用什么原型开发工具
- 查找地图，讨论功能实现，确认各自的分工
五、效能分析
软件的效能需要进行实际编码后才能进行分析。
六、PSP表格
| PSP | Personal Software Process Stages | 预估耗时（分钟） | 实际耗时（分钟） |
|---|---|---|---|
| Planning | 计划 | 20 | 30 |
| Estimate | 估计这个任务需要多少时间 | 10*60 | 12*60 |
| Development | 开发 | 9*60 | 10*60 |
| Analysis | 需求分析 (包括学习新技术) | 3*60 | 4*60 |
| Design Spec | 生成设计文档 | 30 | 45 |
| Design Review | 设计复审 | 30 | 40 |
| Coding Standard | 代码规范 (为目前的开发制定合适的规范) | 10 | 10 |
| Design | 具体设计 | 40 | 60 |
| Coding | 具体编码 | 3*60 | 5*60 |
| Code Review | 代码复审 | 30 | 20 |
| Test | 测试（自我测试，修改代码，提交修改） | 30 | 30 |
| Reporting | 报告 | 2*60 | 3*60 |
| Test Report | 测试报告 | 30 | 30 |
| Size Measurement | 计算工作量 | 10 | 10 |
| Postmortem & Process Improvement Plan | 事后总结, 并提出过程改进计划 | 60 | 40 |
| 合计 | 1910 | 2355 |