第一次结对编程作业

一、结对情况:

二、原型设计

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

七、心得

  • 吴洁敏

一开始知道要做十三水时我的内心是崩溃的,在经历了第一次编程作业的魔鬼编程加改改改格式之后,我只想休息一波打打我的Linux作业。但在接下来的学习中,我感受到了学习Axure的快乐和打牌的快乐,打牌确实很快乐,有点苦中作乐的感觉。福建十三水,是一款我之前从未听过的传奇游戏,对我来说是全新的版本,在经历两天的夜晚打牌后,我稍微搞懂了游戏的规则,但深感接下来的实现会是个很难的过程。之后开启了疯狂学习Axure和找素材的艰辛之路,由于网上免抠素材少,又只好捧起了我的不太熟练的ps抠抠抠。构思了沙漠主题的十三水,虽然实现过程很艰辛,稍带强迫症的我忍不住改改改,最后看着自己和队友合力设计的界面,我很满足,虽然不如大佬做的,但是自己还是很开心。上柯老板的课真的让我更近一步的接触到项目,更历练了自己,虽然真的很累,秃头女孩哭泣了,希望自己能越来越好,加油打代码,加油做项目。

  • 陈观鸿

虽然学习新东西的过程总是枯燥且乏味的,但是在学习了之后,又会感觉开心自己能够多拥有一个傍身之技,然后虽然以后我不一定回去从事UI相关的工作,但是我觉得能够了解UI的基本流程,也会为我以后的代码生涯添加更多的见识,也能够更了解一个项目从开始到成型该经历哪些流程。可以说,软工实践实际上是给我们一个提前体验的机会,提前体验所谓项目如何成型,无关项目的难度。现在的我像是被赶在一个正确的轨道上行走的人,虽然可能开始有点不适应,的确这段时间熬夜的时间变少了,不过我觉得这段时间也是我们蜕变的重点时间吧,毕竟如果大三下要考研的话,那么就很多项目不能去完成了,也没有那么多时间去解决问题。所以,给自己加个油,希望自己坚持下去,变得越来越强!!

八、学习进度条(每周追加)

第N周 新增代码(行) 累计代码(行) 本周学习耗时(小时) 累计学习耗时(小时) 重要成长
1 0 0 15 15 Axure的使用,ps的抠图,UI界面的设计
原文地址:https://www.cnblogs.com/ctwjm/p/11581482.html