软件工程实践2020_结对第一次 —— 某次疫情统计可视化（原型设计）
| 这个作业属于哪个课程 | <2020春W班 (福州大学)> |
|---|---|
| 这个作业要求在哪里 | <作业要求> |
| 结对学号 | <221701412、221701420> |
| 这个作业的目标 | <某次疫情统计可视化（原型设计）> |
| 作业正文 | <作业正文> |
| 其他参考文献 | <Axure中文网教程、人人都是产品经理> |
Part.00 疫情统计可视化原型
ps:第一次加载可能有点慢，直接内嵌了我发布的Axure的云端的原型展示页，原先是把这次原型导出的html部署在了自己的服务器上，但是没有ssl的公钥，之前申请的还未审核通过，无法通过https访问，不然能快一点
-
或直接下载html文件原型html下载
-
或直接登录Axure云端登录Axure云端查看原型
Part.01 困难与解决
文字准确、样式清晰、设计思路清晰、图文并茂，并描述遇到的困难及解决方法（包括：困难描述、解决尝试、是否解决、有何收获），字数在1000字左右。
困难描述
-
1.使用什么原型开发工具
-
2.地图相关的实现，高亮等的功能效果
-
3.原型需要的交互程度，具体得做到什么程度
-
4.如何在博客中合理的展示原型
解决尝试
-
1.在最开始选用了墨刀作为本次的原型开发工具，但是墨刀随然轻量，但是对于事件交互的设计并不是很友好，在觉得要对全部省份进行相应处理，以及做可以筛选深浅省份的功能后放弃使用墨刀，改用Axure，Axure在对交互以及中继器等元件的使用方面，大大的提高了开发原型的效率。
-
2.找到了阿里云的接口可以获取全国各省份的svg，然后部署多个热区成功实现了全国省份高亮显示。
- <地图接口>
- <地图接口>
-
3.原型讲究的是快速完成，以投入开发使用，能恰当的反应需求给开发人员进行开发即可，结果一上头还是在地图上做了很高的交互。
-
4.将原型通过内嵌的方式展示在博客中。
是否解决
-
1.解决✔
-
2.解决✔
-
3.解决✔
-
4.解决✔
有何收获
在每次作业中都是学习新东西的一次经历，差不多把墨刀和Axure两种开发原型的工具学会了基本使用，自认为前者更适合轻量一点的快速开发，以后如果遇到较为复杂的项目我还是会毫不犹豫的选择使用Axure，这次是自己第一次使用原型开发工具，虽然早就接触到过原型设计（以前有一起写实践大作业的同学会原型设计，早在开工前就给我们分析了需求，确实开发起来轻松不少），看到软工实践的安排，知道可能下次得实现本次的原型，所以在设计的时候也有一起想着如何实现，阿里云的地图接口是个意外收获，可以直接在开发中拿来使用。
Part.02 NABCD模型描述
NABCD模型使用的详细说明
N：（Need，需求）
- 据调查显示，民众从1月20日起，对疫情的关注程度开始快速升温，搜索指数大幅攀升。仅在1月21日-24日，通过百度搜索、浏览新型冠状病毒肺炎相关信息日均就超过10亿人次，这说明民众主动获取信息的意愿十分强烈。一般民众关心疫情的发展状况，商家需要掌握疫情信息来调整行动的策略。
以下为需求分析：
基本需求：
-
在全国地图上使用不同的颜色代表大概确诊人数区间
- 不同的颜色代表大概确诊人数区间
- 鼠标移到某个省份会高亮显示
- 颜色的深浅表示疫情的严重程度，可以直观了解高危区域
- 点击鼠标会显示该省具体疫情情况
-
点击某个省份显示该省疫情的具体情况
- 显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数
- 该省份到目前为止的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势
-
1.基本疫情信息
今日的全国的疫情，各省的情况，疑似感染者、感染者增长数量，累计的疫情统计，这些基本信息是用户比较关注的，将这些信息通过图表的形式，直接将各地的情况展示在地图上，将变化趋势通过统计图的形式展示，通过这些比较直观的展示，民众可以清楚的了解到疫情。 -
2.辟谣栏目
在现阶段有许多关于疫情的谣言在网上肆虐，这些信息给用户带来许多的困扰，这些信息掺杂在真正有用的信息里，达到了扰乱视听的效果，用户可以在这里看到哪些是谣言，这样做即达到辟谣的效果，也能吸引用户。 -
3.防疫栏目
针对现阶段的情况，用户肯定对于如何防止传染很关心，所以针对这个需求，可以提供一个防疫小知识的栏目，每日进行的更新，保证信息的新鲜度，吸引用户的日常访问。
A：（Approach，做法）
关于疫情数据展示平台，其实各大IT公司已经为我们提供好了蓝本。我们希望构建一个可以方便获取数据的平台，可以直观的反应本次疫情的变化趋势，通过地图的颜色深浅来反应全国各省的疫情严重程度，同时提供一些辟谣信息以及疫情相关知识为人门提供一个便捷的web端平台，共同做好疫情的抗击工作。
在具体开发中使用前后端分离的开发模式，仅通过http接口使用get、post等请求进行交互。
B：（Benefit，好处）
-
1.轻量型的web app不用下载到用户的手机或者电脑，只需要输入网址，就可以进行访问。
-
2.用户可以在这个web app里面找到关于疫情所有的基本信息，历史情况，每日的变化，而且通过地图上的颜色就可以大概的了解到情况，不需要去看文字信息，这对于现在的用户无疑是十分合适的。
-
3.通过防疫栏目，用户每天都可以获得一些防疫的方法。
-
4.辟谣栏目能够让用户识破谣言，省去被谣言困扰。
C：（Competitors，竞争）
- 在这个时期，针对疫情情况的web app不在少数，但是我们设计的web app足够直观，通过颜色的深浅可以直接分辨出每个地区的严重程度，当用户有兴趣了解比较详细的情况时，点击地图才会显示详细信息，用户不用去筛选信息，先通过简单的观察再去选择想要了解的详细信息。而且我们整个web app只在一个页面展示，用户不用跳转，在一个页面就可以找到所需要的信息,对比其他的web app我们的改动，无疑增加了用户的体验舒适感。
D：（Delivery，推广）
-
1.微信推广，作为2014年最为火爆的社交平台，而且是在移动互联网上面，所以更加方便推广，实用效果会让很多人肯定。
-
2.微博推广，微博虽然已经有些过时了，但是庞大的粉丝群和转发的能力还是不容小觑，特别是有忠实粉丝的微博那就更加明显了。
-
3.QQ推广，这个我们一开始上互联网就开始接触的社交平台，被大家欣然接受而且留恋的交友平台，我们可以在QQ上面按条件添加很多的潜在客户，所以做这个推广也是必不可少的。
-
4.利用百度搜索进行Web App推广，现在百度把一些权重分给了手机网站和Web App，而Web App本身就是一个网站就是一个站点，所以可以进行搜索引擎优化推广。
Part.03 原型模型设计工具
原型模型必须采用专用的原型模型设计工具实现：如Axure Rp、墨刀、Balsamiq Mockup、Prototype Composer、GUI Design Studio、Adobe设计组件等等。在博文中说明你所采用的原型开发工具
使用原型模型设计工具：Axure RP
Axure RP是一款专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。
Part.04 结对的过程
描述结对的过程，提供两人在讨论、细化和使用专用原型模型工具时的非摆拍结对照片
-
分工计划，两个人任务的侧重点和大致时间安排
-
221701412主要负责进行原型设计
-
221701420主要负责进行需求分析攥写博客
-
在两人均完成后交换成果，进行讨论一起修改博客和原型
-
老队友了，一起写过很多项目了，不需要太多交流，有默契
Part.05 PSP表格
提供此次结对作业的效能分析和PSP
-
效能分析
程序的效能分析需等具体编码完成后，才能提供。
-
PSP表格
| PSP2.1 | Personal Software Process Stages | 预估耗时（分钟） | 实际耗时（分钟） |
|---|---|---|---|
| Planning | 计划 | 30 | 40 |
| Estimate | 估计这个任务需要多少时间 | 30 | 40 |
| Development | 开发 | 700 | 930 |
| Analysis | 需求分析 (包括学习新技术) | 60 | 80 |
| Design Spec | 生成设计文档 | 30 | 40 |
| Design Review | 设计复审 | 40 | 50 |
| Coding Standard | 代码规范 (为目前的开发制定合适的规范) | 20 | 20 |
| Design | 具体设计 | 100 | 90 |
| Coding | 具体编码 | 300 | 520 |
| Code Review | 代码复审 | 60 | 60 |
| Test | 测试（自我测试，修改代码，提交修改） | 80 | 70 |
| Reporting | 报告 | 100 | 130 |
| Test Report | 测试报告 | 50 | 60 |
| Size Measurement | 计算工作量 | 30 | 40 |
| Postmortem & Process Improvement Plan | 事后总结, 并提出过程改进计划 | 20 | 30 |
| 合计 | 830 | 1100 |
part.06 pdf附件
将博客内容生成一份PDF作为随笔的附件
part.07 有什么感悟
谈谈对于这次作业的感悟
在刚开始进行原型设计的时候，由于第一次接触原型设计工具，用起来很蹩脚，在实现地图交互时也吐槽了不少，确实量很大，30几个省设置了上百个热区响应交互，颜色深浅切换状态，平均每个省有2个状态，一度觉得有这时间做原型，我和队友都可以直接上手初步实现了，当然这样的想法是不对的-小的项目还好，以后遇到了大型项目如果就直接上手oop那只会一团糟，（以前有一起写实践大作业的同学会原型设计，早在开工前就给我们分析了需求，确实开发起来轻松不少），相信在这次原型的基础上，下次作业我和队友能把这次项目实现好！
