第一次结对编程作业

1.原型分析

（1）原型图工作流及总体说明

Need需求（参考技术助教的ui-example）

• 登录界面
• 显示当前对战状态
• 显示往期对战结果
• 查询往期对战结果
• 显示排行榜

Aproach方法

• 用墨刀实现基本的UI设计，基于pc端的web网页

Benefit好处

• 游戏对战页面添加提示按钮，让用户享有思考的时间而不是直接由ai出牌，增加了用户体验。
• 界面美观大方，专注于牌局，减少不必要的视觉干扰。

思维导图

设计原型的工作流：

• 通过墨刀自带的工作流制作工具将整体原型图串起来，辅以一定的文字说明，便于读者理解，给后期编程实现定下整体框架。
• 原型图共9张，分别为登录界面、首页、游戏界面1、游戏界面2、游戏界面3、游戏界面4、排行总榜、历史记录、记录详情。

---

（2）原型分析

【登陆界面】

• 分为登录和注册两个功能，通过输入用户名和密码进行登录。登录后跳转至游戏首页。
• 将只有黑白二色的水墨画作为背景，采用田字格字体，胭脂红作为点睛之笔，定下基调。

---

【首页】

• 设置“开始游戏”，“历史记录”，“排行总榜”和“返回”四个按键。点击后分别跳转至对应界面。
• 在背景的基础上加上扑克牌图片，通过调节位置方向和不透明度使之更融合，点出“福建十三水”扑克游戏的主题。

---

【游戏界面1】

• 开始游戏，进入游戏界面1。将随机分配到的13张牌，显示在界面底端；右上角设置主菜单返回按键，点击可直接返回到首页；点击“提示”键跳转到游戏界面2。
• 上下左右均设置牌面与头像，使游戏界面更具真实感。

---

【游戏界面2】

• 由AI智能分析出当前最佳牌型，显示在中间的框中，分为“头墩”，“中墩”，“底墩”；点击“返回”键返回至游戏界面1，点击“确认”键确认摆牌，跳转至游戏界面3。
• 将头墩”，“中墩”，“底墩”牌型按上下分三排排列，给玩家更直观的展示。

---

【游戏界面3】

• 等待其他玩家摆牌中......此时无法对自己的牌进行操作。

---

【游戏界面4】

• 玩家摆牌完成后，分别进行“头墩”，“中墩”，“底墩”的比较，两两pk，每一墩的分数情况显示在后面，确认后进入下一轮，跳转至游戏界面1。
• 将“头墩”，“中墩”，“底墩”的分数分开计算并直观显示出来，方便玩家查看与核算。

---

【排行总榜】

• 在首页点击“排行总榜”跳转至该页面，显示各玩家的累计积分排行。
• 将背景模糊处理，突出积分排行榜。

---

【历史记录】

• 首页点击“历史记录”跳转至该页面，可以看到每一局积分的加减情况，点击“第n局”按键跳转至记录详情界面。
• 将每一局的积分情况显示在长形半透明框内，便于对比与区分。

---

【记录详情】

• 按排名顺序显示某一回合中的各玩家的具体牌型以及积分情况。
• 时间标记，记录每局游戏的开局时间。

---

2.结对的过程

在公布结对作业后，我和林睿（雅菁）一拍即合，决定组队。菜鸡互啄hhh，相拥而泣。一起冲冲冲！以下是讨论、细化原型的照片：

---

3.本次结对作业的PSP表格

PSP2.1	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划	30	30
· Estimate	· 估计这个任务需要多少时间
Development	开发	740	850
· Analysis	· 需求分析 (包括学习新技术)	120	180
· Design Spec	· 生成设计文档	60	30
· Design Review	· 设计复审	20	40
· Coding Standard	· 代码规范 (为目前的开发制定合适的规范)
· Design	· 具体设计	540	600
· Coding	· 具体编码
· Code Review	· 代码复审
· Test	· 测试（自我测试，修改代码，提交修改）
Reporting	报告	40	40
· Test Report	· 测试报告
· Size Measurement	· 计算工作量	20	20
· Postmortem & Process Improvement Plan	· 事后总结, 并提出过程改进计划	20	20
	· 合计	810	920

---

4.设计说明

• 本次结对作业的要求是将出牌系统的原型图制作出来。在经过讨论和选图后，我们决定将整体风格定为古风，基调为简洁、美观，力求给使用者营造一种在山水田园中闲适地打着“十三水“的氛围（手动狗头）。
• 利用调整不透明度、圆角度、字体等部分，把完整原型拘在古风的框架内自由而不散。
• 通过设计实现游戏的真实感。

---

5.困难及解决方法

（1)遇到的困难

• 由于原型图是之后编程实现的基础，而我们都是入门级新手，不敢踩雷，毕竟要考虑能否实现的问题，于是我们在做移动端还是pc端上的问题纠结犹豫了很久。
• 对两个不会画画不精通ps的人来说，素材只能靠找，但想找到符合要求的素材并不容易。

（2）解决方法与是否解决

• 针对问题一，在我们的多方打听和请教（柯老板、助教、大佬）后，综合自身的情况，考虑到app实现难度较大，于是我们决定做pc端，选择成功可能性较大的方案；
• 针对问题二，手残的我们甚至考虑过在tb上买个素材网的账号（卑微），还好，万能的baidu还是拯救了我们！感恩！

（3)有何收获

• 前期的准备工作十分重要，不能像无头苍蝇一样四处乱冲，要提前了解与咨询，结合自身条件，做好多方面考量，那么事情往往会事半功倍。
• 实现一个软件，需要方方面面的考量。原型与编程都是很重要的一部分。

---

6.心得体会

（1)林睿的心得

这次作业有点开始进入到真正的项目当中了，不再是停留在之前单纯地敲代码，最开始看到这个作业题目的时候只有一个想法：我一个十三水都不会玩的人竟然要写一个十三水软件，简直不可思议了。但是后来发现这次的作业还只是要我们设计原型，才松了一口气。于是后来的几天，宿舍里就开始了十三水养生局，反复地熟悉十三水规则（虽然现在还是不太会算水），为此还专门去找十三水的app或者小程序，无奈都没有找到，只找到了一个简单的宣传视频，不过也让我大概知道了十三水游戏界面大概是什么样子的。第一次接触墨刀这个工具，实现的过程基本是摸爬滚打，边试验边学习，最后做出来的UI虽然比不ps大佬们精美有画面感，但是起码在自己能力范围之内也算尽力了，感慨一句：学好ps真的好加分。希望这次作业之后的下次作业能对我好一点。

（2）雅菁的心得

对于新手来说，这一个接一个的作业让人倍感无力，但确实能在短时间内获取非常多的知识。上个作业让我更进一步了解了c++和github，虽然结果很emmm。而这次结对编程作业，作为一个福建人，我是真的没听过“十三水”这个游戏啊喂！要在短时间内熟悉游戏规则并且最好精通，只好在宿舍开始了“聚众打牌”，虽然我的牌技还是很烂。在完成这周的作业后，让我对原型图的设计理念和制作方法有了初步的了解，也体会到了两个人互相协作、共同努力的快乐。学海无涯，希望自己总是进步的。还是，冲！

---

7.学习进度表

第N周	新增代码（行）	累计代码（行）	本周学习耗时(小时)	累计学习耗时（小时）	重要成长
1	0		12	12	基本了解了原型图的设计理念与实现方法，掌握了墨刀的基础用法