一、结对情况：
- 031702538 陈观鸿
- 031702502 吴洁敏
- 同伴博客：031702502 吴洁敏
二、原型设计
Need（需求）
- 登陆/注册/忘记密码界面
- 开启一局游戏
- 当前对战状态
- 往期对战结果
- 往期对战详细结果
- 排行榜
- 游戏粗略规则
- 详细规则
Approach（方法）
- 用了Axure Rp和一点点ps实现UI界面实现了
Benefits（好处）
- 走偏网页游戏风，跟后期要做的网页版十三水匹配
- 全界面走沙漠主题风格
- 每个界面都实现了交互
原型设计工具
- Axure Rp8
思维导图
原型分析图
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
七、心得
- 陈观鸿
虽然学习新东西的过程总是枯燥且乏味的，但是在学习了之后，又会感觉开心自己能够多拥有一个傍身之技，然后虽然以后我不一定回去从事UI相关的工作，但是我觉得能够了解UI的基本流程，也会为我以后的代码生涯添加更多的见识，也能够更了解一个项目从开始到成型该经历哪些流程。可以说，软工实践实际上是给我们一个提前体验的机会，提前体验所谓项目如何成型，无关项目的难度。现在的我像是被赶在一个正确的轨道上行走的人，虽然可能开始有点不适应，的确这段时间熬夜的时间变少了，不过我觉得这段时间也是我们蜕变的重点时间吧，毕竟如果大三下要考研的话，那么就很多项目不能去完成了，也没有那么多时间去解决问题。所以，给自己加个油，希望自己坚持下去，变得越来越强！！
- 吴洁敏
一开始知道要做十三水时我的内心是崩溃的，在经历了第一次编程作业的魔鬼编程加改改改格式之后，我只想休息一波打打我的Linux作业。但在接下来的学习中，我感受到了学习Axure的快乐和打牌的快乐，打牌确实很快乐，有点苦中作乐的感觉。福建十三水，是一款我之前从未听过的传奇游戏，对我来说是全新的版本，在经历两天的夜晚打牌后，我稍微搞懂了游戏的规则，但深感接下来的实现会是个很难的过程。之后开启了疯狂学习Axure和找素材的艰辛之路，由于网上免抠素材少，又只好捧起了我的不太熟练的ps抠抠抠。构思了沙漠主题的十三水，虽然实现过程很艰辛，稍带强迫症的我忍不住改改改，最后看着自己和队友合力设计的界面，我很满足，虽然不如大佬做的，但是自己还是很开心。上柯老板的课真的让我更近一步的接触到项目，更历练了自己，虽然真的很累，秃头女孩哭泣了，希望自己能越来越好，加油打代码，加油做项目。
八、学习进度条（每周追加）
| 第N周 | 新增代码（行） | 累计代码（行） | 本周学习耗时（小时） | 累计学习耗时（小时） | 重要成长 |
|---|---|---|---|---|---|
| 1 | 0 | 0 | 15 | 15 | Axure的使用，ps的抠图，UI界面的设计 |