结对成员
031702147邓泽源
031702419姚彬锟
原型分析
N---Need
本次作业要求开发一个AI对战的十三水客户端需要完成以下内容:
-登录
-开启一局游戏
-出牌
-查询排行榜
-查询往期对战结果
A---Approach
本次作业主要是对UI界面进行设计,要满足以上的要求,而下一次要加入AI,实现自动将13张牌分成三墩,得出尽量能获胜的牌。于是第一阶段我们通过学习Axure RP,并找一些模板,对界面进行设计。第二阶段我们将进行客户端的开发,写出自动分牌的算法,并在界面展示。
B---Benefits
可以一键完成十三张牌的分墩,提高游戏进行的进度。
C---Compettors
-优势
界面设计比较美观一些,用户体验感更强。
可以自动分墩。
-劣势
没有玩家手动分墩的功能,只能自动分。
D---Delivery
通过朋友圈或者空间等简单的平台发布
有可能的话可以让一些公众号帮忙发布
原型贴图分析
界面登陆。这个原型图设置了一个背景图,然后左上角是该游戏的名称这部分当作一个组合,最主要的部分是用户登陆,输入账号和密码,并提供了注册按钮,为了美观和对其的可持续开发还加上了其他方式的登陆、忘记密码等操作。
历史记录(战绩)。这一部分我们设计了两张原型图,第一张是几张战绩的简要概括,在每一场下面设计一个查看详情,点击可以切换看到详细的对战信息,也就是可以看到当局的牌型。
排行榜。这是对玩家“欢乐豆”的排行,只显示前五名的信息,每一名的信息都当作一个组合,在这个组合里有排名、头像、昵称、ID、欢乐豆数的信息,为了贴近实际的应用,我们还加了加为好友和联系好友的按钮,反正画是画出来了,能不能实现就再说吧。而且对排名前三的选手还有特殊奖牌加成,聊表心意。
用户界面。用户界面主要是提供了快速开始游戏、排行、战绩的功能,其他花里胡哨的东西都是为了设计美观和贴合实际…
对局界面。这个是用户在进行游戏时的界面,我们找到了一张棋牌桌当作背景,然后把玩家头像也加进去了,模仿网上的棋牌游戏。模仿的是斗地主的界面。
原型模型设计工具
- Axure RP 8、PS
结对的过程、结对照片。
由于是团队内部两人组队,于是在团队开会的时候一拍即合,于是成功结对。
照片如下
PSP表格
PSP2.1 | Personal Software Process Stages |
预估耗时(min) | 实际耗时(min) |
---|---|---|---|
Planning | 计划 | 40 | 40 |
Estimate | 估计这个任务需要多少时间 | 40 | 40 |
Development | 开发 | 310 | 310 |
Analysis | 需求分析 (包括学习新技术) |
80 | 70 |
Design Spec | 生成设计文档 | 20 | 20 |
Design Review | 设计复审 | 10 | 10 |
Coding Standard | 代码规范 (为开发制定合适的规范) |
0 | 0 |
Design | 具体设计 | 200 | 210 |
Coding | 具体编码 | 0 | 0 |
Code Review | 代码复审 | 0 | 0 |
Test | 测试 (自我测试,修改,提交修改) |
0 | 0 |
Reporting | 报告 | 20 | 20 |
Test Report | 测试报告 | 0 | 0 |
Size Measurement | 计算工作量 | 0 | 0 |
Postmortem & Process Improvement Plan |
事后总结 并提出过程改进计划 |
20 | 20 |
合计 | 370 | 370 |
遇到的困难
- 困难描述
- Axure RP的使用,有关UI素材的查找。
- 解决尝试
- 最好的解决办法当然是搜索引擎了,在网上找了一些教程看了一下,然后也在B站很迅速看了点视频。
- UI素材也是利用了百度,还有网上找到一些同样制作棋牌类游戏的一些素材,拿过来使用。但是有些东西实在找不到,或者要钱,只能利用PS抠图出来了…
- 是否得到解决
- 是
- 有何收获
- 搭档的分工很重要!
- 好好利用搜索引擎、能利用好搜索引擎也很重要,要善于在网上寻找更多有用的资源。
- Axure RP真的很好用。PS也真的很好用。也是通过了对这个UI界面的设计,对Axure RP的了解,对软件开发前的UI设计了解的更多了一些,对做项目之前的一些准备工作也有了一定的了解。
设计说明
本次作业要求做一个AI对战的十三水客户端,第一次结对编程的任务主要是进行页面设计,要求的界面也比较少,所以做出界面还是比较轻松一点的,但是做到尽可能美观就有点难度了。本次界面的设计主要是学习了网上无穷无尽的棋牌游戏的各种界面,模仿借鉴、甚至抠图。接下去的任务就是要实现把十三张牌分三墩的算法,能够把十三张牌自动分成尽可能能够获胜的三墩牌。
根据要求我们主要设计了以下几个界面:
1.登陆界面
2.游戏主界面(包括开始游戏、战绩、排行几个功能)
3.显示当前对战界面
4.显示往期对战结果(主界面进入)
5.显示排行榜(主界面进入)
在本次设计之中,我们也加入了页面的交互,添加了返回按钮,还有就是从主页可以切换到任意要求的界面。
心得
学习进度表
第N周 | 新增代码(行) | 累计代(行) | 本周学习耗时(小时) |
---|---|---|---|
1 | 100 | 100 | 5 |