第一次结对编程作业
一、结对情况:
- 031702538 陈观鸿
- 031702502 吴洁敏
- 同伴博客:031702538 陈观鸿
二、原型设计
Need(需求)
- 登陆/注册/忘记密码界面
- 开启一局游戏
- 当前对战状态
- 往期对战结果
- 往期对战详细结果
- 排行榜
- 游戏粗略规则
- 详细规则
Approach(方法)
- 用了Axure Rp和一点点ps实现UI界面实现了
Benefits(好处)
- 走偏网页游戏风,跟后期要做的网页版十三水匹配
- 全界面走沙漠主题风格
- 每个界面都实现了交互
原型设计工具
- Axure Rp8
思维导图
![](https://img2018.cnblogs.com/blog/1794653/201909/1794653-20190924212209543-1576662999.png)
![](https://img2018.cnblogs.com/blog/1794653/201909/1794653-20190924214127727-388106687.png)
原型分析图
1、登录界面
登陆界面有登陆/注册/忘记密码界面,此处只贴登陆界面,三个界面有实现交互,点登陆可跳到主界面。
登录界面的“记住密码”点了后钥匙会变方向且打勾,鼠标经过“注册账号“、“找回密码”时字体颜色变红。
2、主界面
有开始游戏、往期对战结果、排行榜、游戏规则四个按钮,点了会自动跳转到各个界面
鼠标经过或点击四个按钮时,字体颜色变红,让用户知道自己当前在进行哪个操作
背景为沙漠主题,加了沙漠色的牌和一个Q版带牌帅气赌王,突出主题。
3、游戏界面
- 游戏中
- 当前对战情况
- 四人对战界面
游戏界面加了智能组合,让用户有更好的体验
当前对战界面可查看当前得分状况、排行榜,还可选择再来一局,点排行榜会自动跳转到排行榜界面
4、往期对战结果界面
- 历史战绩
- 历史战绩详情
历史战绩记录了之前打十三水的输赢积分状况,点头像可跳转至战绩详情界面,点返回可返回主界面
历史战绩详情界面记录了之前某局四个玩家的输赢情况,点返回可返回历史战绩界面
5、排行榜界面
排行榜界面显示了玩家的排名和昵称及游戏积分
6、游戏规则界面
- 粗略规则
- 详细规则
粗略规则界面记录了输赢的积分规则和游戏规则概括,左上角和右上角有返回到主界面的按钮和进入详细规则界面的按钮
详细规则记录的十三水的细致规则,如普通牌型和特殊牌型的解释
三、结对过程
听到结对作业之后,立马和组内某人王八看绿豆,对上眼了。然后就各自表达一下自己的想法,一拍即合。一起努力学习Axure rp8,一起出门奶茶店讨论。
- 结对讨论照片(非摆拍)
四、结对作业PSP表格
PSP2.1 | Personal Software Process Stages | 预估耗时(分钟) | 实际耗时(分钟) |
---|---|---|---|
Planning | 计划 | 50 | 70 |
Estimate | 估计这个任务需要多少时间 | 1025 | 1160 |
Development | 开发 | 0 | |
Analysis | 需求分析(包括学习新技术) | 50 | 70 |
Design Spec | 生成设计文档 | 45 | 40 |
Design Review | 设计复审 | 5 | 10 |
Coding Standard | 代码规范(为开发制定合适的规范) | 0 | 0 |
Design | 具体设计 | 700 | 800 |
Coding | 具体编码 | 0 | 0 |
Code Review | 代码复审 | 0 | 0 |
Test | 测试(自我测试,修改,提交修改) | 0 | 0 |
Reporting | 报告 | 150 | 140 |
Test Report | 测试报告 | 0 | 0 |
Size Measurement | 计算工作量 | 5 | 0 |
Postmortem & Process Improvement Plan | 事后总结并提出过程改进计划 | 20 | 30 |
合计 | 1025 | 1160 |
五、设计说明
- 本次结对作业的风格为沙漠主题风格,走网页游戏风格,便于以后代码的实现,由于是沙漠风格,所以叫“沙漠十三水”,让人感觉到浓浓的沙漠风情。
- 为了方便玩家出牌,设计了智能组合的界面。
- 要实现的产品:一个会自动出牌十三水的AI的Web端。
- 功能:与AI对战十三水,出出最好的牌型组合。
- 实现方法:利用助教写好的接口接收牌,组合自己最好的牌出出去。
- 利用算法让自己的赢水在牌已固定的情况下最大。
六、困难及解决方法
- 困难描述:
1.刚刚开始的时候,对于UI设计这一方面一点都不懂,对于工具也一窍不通,然后在选择工具上,在Axure ,墨刀, mockplus的抉择上犹豫了很久
2.在设计方面遇到的问题挺多,包括怎么样更美观,怎么样把图片背景变成无色,以及刚刚开始的时候用Axure时对交互方面的问题。
- 解决尝试
1.先就这几个工具在百度上理解差别,然后再去询问几个大佬的意见,以及以后在团队项目中的需求而言,我们选择了Axure,大家说墨刀像美图秀秀,Axure想Photoshop,然后为了以后的高端技巧,还是选择了用Axure
2.关于美观方面,我们就尝试多去看一些不同游戏的界面,学习一下布局,然后尽可能的找到应景的图片。关于图片背景变为无色,是使用了Photoshop,这算是我第一次利用PS去修改有意义的图片,当任中间学习还是花了一点时间。然后在交互方面的话,就多去尝试不同的组合和操作。
- 是否解决:
对于大部分问题都解决了,对于美观方面我觉得还是差了一点,我觉得还需要很多的时间去了解关于UI部署得问题。
- 有何收获
1.学会了使用Axure
2.学会了Photoshop的简单应用
3.学会了两个人分组做一个UI
七、心得
- 吴洁敏
一开始知道要做十三水时我的内心是崩溃的,在经历了第一次编程作业的魔鬼编程加改改改格式之后,我只想休息一波打打我的Linux作业。但在接下来的学习中,我感受到了学习Axure的快乐和打牌的快乐,打牌确实很快乐,有点苦中作乐的感觉。福建十三水,是一款我之前从未听过的传奇游戏,对我来说是全新的版本,在经历两天的夜晚打牌后,我稍微搞懂了游戏的规则,但深感接下来的实现会是个很难的过程。之后开启了疯狂学习Axure和找素材的艰辛之路,由于网上免抠素材少,又只好捧起了我的不太熟练的ps抠抠抠。构思了沙漠主题的十三水,虽然实现过程很艰辛,稍带强迫症的我忍不住改改改,最后看着自己和队友合力设计的界面,我很满足,虽然不如大佬做的,但是自己还是很开心。上柯老板的课真的让我更近一步的接触到项目,更历练了自己,虽然真的很累,秃头女孩哭泣了,希望自己能越来越好,加油打代码,加油做项目。
- 陈观鸿
虽然学习新东西的过程总是枯燥且乏味的,但是在学习了之后,又会感觉开心自己能够多拥有一个傍身之技,然后虽然以后我不一定回去从事UI相关的工作,但是我觉得能够了解UI的基本流程,也会为我以后的代码生涯添加更多的见识,也能够更了解一个项目从开始到成型该经历哪些流程。可以说,软工实践实际上是给我们一个提前体验的机会,提前体验所谓项目如何成型,无关项目的难度。现在的我像是被赶在一个正确的轨道上行走的人,虽然可能开始有点不适应,的确这段时间熬夜的时间变少了,不过我觉得这段时间也是我们蜕变的重点时间吧,毕竟如果大三下要考研的话,那么就很多项目不能去完成了,也没有那么多时间去解决问题。所以,给自己加个油,希望自己坚持下去,变得越来越强!!
八、学习进度条(每周追加)
第N周 | 新增代码(行) | 累计代码(行) | 本周学习耗时(小时) | 累计学习耗时(小时) | 重要成长 |
---|---|---|---|---|---|
1 | 0 | 0 | 15 | 15 | Axure的使用,ps的抠图,UI界面的设计 |