这个做业属于哪一个课程 | 2020春 W班 |
---|---|
结对的学号 | 221701120 & 221701122 |
这个做业要求在哪里 | 2020软工实践 结对第一次 疫情统计可视化(原型设计) |
这个做业的目标 | 根据客户描述提取需求,进行原型设计并提供大概的解决方案 |
做业正文 | 2020软工实践 疫情统计可视化(原型设计) |
其余参考文献 | Axure 9全面教程、人人都是产品经理 |
<iframe frameborder="0" width="1080px" height="2000px"src="https://www.pmdaniu.com/storages/114471/5eebbfdbf810bf62aaf66ff769d83d89-82522/start.html#id=mx82vm&p=page_1"allowFullScreen="true"></iframe>html
背景:目前新型冠状病毒肺炎疫情到了很是关键的时期,学校仍然是严阵以待。有一家统计网站天天都会提供一个对应的日志文本,记录国内各省前一天的感染状况,但疫情统计结果只是经过文字来显示,不够直观、具体,对用户不够友好,但愿能够经过地图的形式来直观显示疫情的大体分布状况,还能够查看具体省份的疫情统计状况。
PSP2.1 | Personal Software Process Stages | 预估耗时(分钟) | 实际耗时(分钟) |
---|---|---|---|
Planning | 计划 | 30 | 40 |
Estimate | 估计这个任务须要多少时间 | 30 | 40 |
Development | 开发 | 1370 | |
Analysis | 需求分析 (包括学习新技术) | 300 | 260 |
Design Spec | 生成设计文档 | 30 | 30 |
Design Review | 设计复审 | 30 | 20 |
Coding Standard | 代码规范 (为目前的开发制定合适的规范) | 20 | 15 |
Design | 具体设计 | 240 | 480 |
Coding | 具体编码 | 480 | |
Code Review | 代码复审 | 30 | |
Test | 测试(自我测试,修改代码,提交修改) | 240 | |
Reporting | 报告 | 240 | |
Test Report | 测试报告 | 180 | |
Size Measurement | 计算工做量 | 30 | |
Postmortem & Process Improvement Plan | 过后总结, 并提出过程改进计划 | 30 | |
合计 | 1640 |
受这次疫情影响至今未能开学,咱们也算是提早试上了最近大火的“远程办公”。平时须要交流讨论的问题直接面谈交流就能解决的问题,如今却有种“明明你就在眼前却隔得好远好远”的悲情。
由于两人都是第一次使用Axure来设计原型,还有不少用不来的地方,因而就有了长达几十页的QQ聊天记录和下图所呈现的录屏交流。虽然麻烦了一点,但也算是一个不错的可替代方案。两人没选择语音交流的主要缘由是语音远没有文字来得直观,语音环境的影响反而会致使信息的丢失而下降效率。没怎么使用通话是怕两我的说着说着聊起来忘了正事。
这是咱们第一次接触原型设计,对此并无什么概念。一开始一直在纠结原型设计该呈现出什么内容,该作到哪一步才算结束。是展现一个静态界面再加上一些页面之间的跳转逻辑就算达到目的了?仍是要呈现一些更加具体的操做与逻辑,尽量地逼近最终成品?
经过学习《构建之法》、上网查看其余优秀的原型设计以及助教的解惑下,算是有了比较明确的答案。原型设计更可能是给客户看的,要能体现你所但愿展示的功能,若只是静态页面的跳转那和PPT无异,用不着大费周章换个软件写PPT。故要实现必定的动态操做功能才能尽量地展现产品,让客户更直观地看出是否是本身想要的。
一开始咱们使用的原型设计工具是墨刀,但当尝试着实现鼠标在地图上移动会高亮这一功能时卡壳了。一开始的想法是拥有足够多的各省份的地图,底色为白色的一个,底色为蓝色的一个,而后经过添加交互监听鼠标进入范围就换成另外一个颜色的地图。结果被“找不到各省市的地图图片”所战胜。绝望之时甚至想要用PS来一个个扣出各省份的地图。(好在人懒没去作,真扣了如今我会骂本身无数遍傻X)
也有了解到其余同窗经过echart组件直接编写html代码嵌入实现相关功能,但心存疑虑,这还属于原型设计范围吗,认为这应该归属于具体实现阶段,故没有采用此方法。后来经过搜索引擎了解到Axure会更好实现一点,便转战Axure,利用SVG图片的特性导入Axure中转图片为图形,就可以比较符合逻辑地实现外观的变化。但也存在着问题,SVG图片的边界是方形,而省份地图边界是不规律的,所以对于鼠标进入的断定范围会更大一点(以下图)。对于这一点咱们也讨论了好久,尝试了好久,但最终没能很完美地实现。最后恍然大悟,如今只是原型模型设计阶段,尽可能体现所但愿呈现的功能是重点,而去扣这些细节实现的必要性和重要性并非那么大,就仿佛你在纠结原型中放的数据是不是正确的同样。能完美地贴合最终的产品的操做当然很好,但更重要的是体现产品的操做逻辑给客户,万万不可本末倒置。
在实现点击地图出现各地区感染状况的小气泡的功能时,采用的是断定单击事件后设置气泡为可见并移动到鼠标所在坐标来实现。一开始可以很好地实现,但在地图上添加Panel组件实现页面移动后,鼠标点击却不能出现预期功能。
一开始觉得是Panel会覆盖其下的组件,鼠标点击事件断定到Panel上了。但鼠标进入地图区域却能正常变色,这点使人疑惑。两人商讨许久未果,只好新建项目进行试验,才发现Panel并不会隐藏其内部组件,而是Panel的鼠标绝对坐标发生变化,再也不是以前相对整个页面的绝对坐标,而是以Panel左上角为起点。故问题获得解决。