| 这个作业属于哪个课程 | 班级链接 |
|---|---|
| 这个作业要求在哪里 | 结队第一次作业 |
| 结对学号 | 221701408、041701124 |
| 这个作业的目标 | 学会团队协作，使用原型模型设计工具实现原型模型 |
| 作业正文 | 见下文 |
| 其他参考文献 | 百度、简书、bilibili等 |
1.设计过程
- 让全国地图在axure rp8上显示
- 鼠标移到每个省份会高亮显示
- 每个省份添加矩形，使鼠标悬停在省份上时地图左上角会出现各省确诊人数或累计确诊信息
- 点击鼠标页面跳转
- 添加折线图，给各省添加颜色
- 美化页面，完善各部分
-
效果图如下：
查看原图
困难描述：
- 万事开头难，首先就是，这次没有指定使用的工具，那么多做原型的软件，我们到底要选哪个呢？
- 然后就是中国地图，我们在axure rp里没有找到地图的元件，不知道怎么开始这次作业
- 在网络上找到地图的解决方法，却发现axure rp7不能直接拖拽svg地图。
- 想用axure rp8的团队模式，但是邮箱一直收不到邀请邮件（其实我们过了一天就收到了，速度真的慢）
- 想做出鼠标移动到省份上显示矩形框标签，点击矩形框标签跳转页面，但是移出省份时矩形框就会消失，因此加了延迟消失的动画效果，结果问题是如果反复在一个省份快速移动，矩形会不断出现消失
- 有一些特别小的省份的判定框会被大省份的框挡住，就导致鼠标移不到那个省份上去，有一些省份鼠标移上去不会高亮
- 动态折线图我们又不知道该怎么做了，特别是为了之后代码的方便
解决尝试：
- 针对上述第一点，我们用了一个上午各自查找各种原型制作工具的资料，在经过探讨好决定使用axure rp。原因主要是因为网络上关于这一软件的教程比较完善（太多了，一天看不完）以及我们找到的导入地图的方法是针对axure的，当然也有页面比较舒适等等原因。
- 这个问题主要靠百度，它告诉我们下载到网上下载.svg的地图文件，然后拖到axure rp的页面里就解决了。附解决问题的网址：https://jingyan.baidu.com/article/20b68a881936c6396cec62ed.html?qq-pf-to=pcqq.c2c
- axure rp7不能直接拖拽地图文件，在找不到解决办法后，我们删除了版本比较旧的axure rp7,重下了axure rp8
- 其实这次页面比较少，似乎不需要用到团队协作模式，为了让工程不落到一个人身上，我们直接qq传文件，一个人做完他的部分再让另一个人做（QQ真的好用！）
- 再第五个问题上，我们中间讨论过很多种方案，不过都有新问题产生。最后我们决定让矩形标签单独在地图左上角显示，点击省份跳转页面而不是点击标签跳转，能达到示例相近功能的效果。
- 我们最终还是用了调整层级顺序的办法，让个别特别小的省，比如北京，让它置于顶层，而内蒙古因为矩形框太大，让它置于底层。
- 我们中间考虑了echart,Hihgchart等种种方法，最终用了两个中继器加一个矩形的办法，直接从axure元件库里找。
是否解决：
问题1，2，3，4，5，6，7皆已经解决，不过确实还有让我们困扰的地方，比如用中继器做折线图应该如何自动更新中继器里数据，而并非手动更新？不过这应该属于代码阶段的问题了。
我的收获：
从技术上，本次作业中我学会了用Axure RP构建原型。而最重要的收获应该就是学会如何和队友沟通交流,分配工作,意见统一。其实本次作业对于我来说是一个很大的挑战，之前在大学期间不乏需要组队的项目，但是一个6人的队伍，且没有担任组长的情况下，是几乎不需要和组员有太多沟通的。但是本次作业的二人小组完全不同，我们必须自己去安排任务，有了分歧又要相互协调，不过我的队友是一个非常好说话的人，我们的一切目的都是冲着解决问题去的，只要能解决问题的方案，我们都会一一去尝试，直到问题解决为止。经过这次作业，我对团队合作项目的流程有了一个大致的了解，团队是一个整体，任何一个成员没有完成任务都会造成团队工期延后，而即便每个成员都有不擅长之处，也可以通过合理分配任务的方式避免，同时团队合作对自身的责任心也是一个非常大的考验。
2.NABCD模型
- N (Need,需求)
目前新型冠状病毒肺炎疫情到了非常关键的时期，学校仍然是严阵以待。继续沿用我们在寒假作业（2/2）——疫情统计的问题，有一家统计网站每天都会提供一个对应的日志文本，记录国内各省前一天的感染情况，上次的疫情统计结果只是通过文字来显示，不够直观、具体，对用户不够友好。在本次,我们希望可以通过地图的形式来直观显示疫情的大致分布情况，还可以查看具体省份的疫情统计情况。
1.在全国地图上使用不同的颜色代表大概确诊人数区间
2.颜色的深浅表示疫情的严重程度，可以直观了解高危区
3.鼠标移到每个省份会高亮显示
4.点击鼠标会显示该省具体疫情情况。
5.显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数
6.该省份到目前为止的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势
- A (Approach,做法)
用Axure rp8实现原型设计，达到疫情可视化的目的。
1.在主页面页首提供当日全国的现有确诊、现有疑似、现有重症、累计确诊、累计治愈、累计死亡人数，及同昨日的比较
2.在全国地图上方提供两个按钮，分别提供明确、醒目的各省确诊或累计确诊人数
3.根据各省颜色的深浅来区别严重程度
4.在各省页面页首提供本省的现有确诊、累计确诊、累计治愈、累计死亡人数，及同昨日的比较
5.提供多日各省的新增确诊、累计确诊、累计治愈/死亡趋势曲线图
- B（Benefit,好处）
- 数据直观易懂。用动态图的形式，使人数及变化趋势一目了然。
- 实时更新。随时让用户得到最新数据。
- 操作简单。只需简单的点击就能得到所有数据。
- 易于搜索。网页的形式，只要有网络就可搜索，不需下载app。
- C (Competitors,竞争)
- 劣势：
- 目前为止，市面上丁香园等疫情统计平台已投入使用，不仅使用人数众多，且功能非常全面。
- 该产品生命周期太短(希望它越短越好)，要想长久我们必须考虑产品转型。
- 数据来自于非官方渠道，未必准确、快速。
- 优势：
比起丁香园等平台，我们的页面简洁，适合只需看数据，或者习惯在其他地方（如央视新闻）看辟谣等功能的人群。
- D (Delivery,推广)
可以借助微博、微信等平台推广，也可口口相传。
3.原型开发工具
Axure RP8
4.结对的过程
我们是22号早上结队的，然后一刻不停的去寻找各种资料，当天下午三点就开始讨论方案（这个行动力应该满级了吧23333~）。然后晚上一般是我们完成各自任务的时间，在下午我们会讨论方案，定下后一阶段要完成的功能，以及分配各自任务。
- 某次关于曲线图绘制的讨论
- 以猜硬币方式分配任务
5.效能分析和PSP
- 效能分析：本次作业无代码，无效能分析
- PSP表格
| PSP2.1 | Personal Software Process Stages | 预估耗时（分钟） | 实际耗时（分钟） |
|---|---|---|---|
| Planning | 计划 | 120 | 120 |
| Estimate | 估计这个任务需要多少时间 | 15 | 15 |
| Development | 开发 | 600 | 800 |
| Analysis | 需求分析 (包括学习新技术) | 600 | 480 |
| Design Spec | 生成设计文档 | 120 | 120 |
| Design Review | 设计复审 | 150 | 120 |
| Coding Standard | 代码规范 (为目前的开发制定合适的规范) | 0 | 0 |
| Design | 具体设计 | 120 | 80 |
| Coding | 具体编码 | 0 | 0 |
| Code Review | 代码复审 | 0 | 0 |
| Test | 测试（自我测试，修改代码，提交修改） | 0 | 0 |
| Reporting | 报告 | 180 | 200 |
| Test Report | 测试报告 | 0 | 0 |
| Size Measurement | 计算工作量 | 10 | 10 |
| Postmortem & Process Improvement Plan | 事后总结, 并提出过程改进计划 | 120 | 100 |
| 合计 | 2025 | 2045 |