第一次结对编程作业

1.原型分析

（1）原型图总体说明

Need需求

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

Aproach方法

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

Benefit好处

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

【思维导图】

【工作流】

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

---

（2）原型分析

【登陆界面】

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

【首页】

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

【游戏界面1】

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

【游戏界面2】

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

【游戏界面3】

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

【游戏界面4】

• 玩家摆牌完成后，分别进行“头墩”，“中墩”，“底墩”的比较，并计算得分；每一墩的分数情况显示在后面，该轮游戏结束。可按“主菜单”跳转至首页。
• 将“头墩”，“中墩”，“底墩”的分数分开计算并直观显示出来，方便玩家查看与核算。

【排行总榜】

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

【历史记录】

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

【记录详情】

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

---

2.原型模型设计工具

本次作业我们采用的原型模型开发工具是墨刀。

---

3.结对的过程

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

4.本次结对作业的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

---

5.设计说明

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

---

6.困难及解决方法

（1)遇到的困难

· 由于原型图是之后编程实现的基础，而我们都是入门级新手，不敢踩雷，毕竟要考虑能否实现的问题，于是我们在做移动端还是pc端上的问题纠结犹豫了很久。

· 对两个不会画画不精通ps的人来说，素材只能靠找，但想找到符合要求的素材并不容易。

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

·针对问题一，在我们的多方打听和请教（柯老板、助教、大佬）后，综合自身的情况，考虑到app实现难度较大，于是我们决定做pc端，选择成功可能性较大的方案；

·针对问题二，手残的我们甚至考虑过在tb上买个素材网的账号（卑微），还好，万能的baidu还是拯救了我们！感恩！

（3)有何收获

·前期的准备工作十分重要，不能像无头苍蝇一样四处乱冲，要提前了解与咨询，结合自身条件，做好多方面考量，那么事情往往会事半功倍。

---

7.心得

（1)林睿的心得

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

（2）雅菁的心得

对于新手来说，这一个接一个的作业虽然让人倍感无力，但确实能在短时间内获取非常多的知识。上个作业让我更进一步了解了c++和github，虽然结果很emmm。而这次作业让我对原型图的设计理念和制作方法有了初步的了解，也体会到了两个人互相协作、共同努力的快乐。学海无涯，希望自己总是进步的。

8.学习进度条

第N周	新增代码（行）	累计代码（行）	本周学习耗时（小时）	累计学习耗时（小时）	重要成长
1	0	0	12	12	学会了如何使用原型工具墨刀，界面的设计如何满足项目的需求