第一次结对编程作业

一、结对情况:

二、原型设计

Need(需求)
  • 登陆/注册/忘记密码界面
  • 开启一局游戏
    • 当前对战状态
  • 往期对战结果
    • 往期对战详细结果
  • 排行榜
  • 游戏粗略规则
    • 详细规则
Approach(方法)
  • 用了Axure Rp和一点点ps实现UI界面实现了
Benefits(好处)
  • 走偏网页游戏风,跟后期要做的网页版十三水匹配
  • 全界面走沙漠主题风格
  • 每个界面都实现了交互

    原型设计工具
  • Axure Rp8

思维导图

1794653-20190924212209543-1576662999.png
1794653-20190924214127727-388106687.png

原型分析图

1、登录界面
1794653-20190924213543943-173792680.png

登陆界面有登陆/注册/忘记密码界面,此处只贴登陆界面,三个界面有实现交互,点登陆可跳到主界面。
登录界面的“记住密码”点了后钥匙会变方向且打勾,鼠标经过“注册账号“、“找回密码”时字体颜色变红。

2、主界面
1794653-20190924213958128-526609332.png

有开始游戏、往期对战结果、排行榜、游戏规则四个按钮,点了会自动跳转到各个界面
鼠标经过或点击四个按钮时,字体颜色变红,让用户知道自己当前在进行哪个操作
背景为沙漠主题,加了沙漠色的牌和一个Q版带牌帅气赌王,突出主题。

3、游戏界面

  • 游戏中
    1797594-20190924230507178-105914247.png
  • 当前对战情况
    1797594-20190924230541821-470423973.png
  • 四人对战界面
    1797594-20190925223726857-1348767701.png

    游戏界面加了智能组合,让用户有更好的体验
    当前对战界面可查看当前得分状况、排行榜,还可选择再来一局,点排行榜会自动跳转到排行榜界面

4、往期对战结果界面

  • 历史战绩
    1794653-20190924215108230-1307808969.png
  • 历史战绩详情
    1794653-20190924215205473-1878033726.png

    历史战绩记录了之前打十三水的输赢积分状况,点头像可跳转至战绩详情界面,点返回可返回主界面
    历史战绩详情界面记录了之前某局四个玩家的输赢情况,点返回可返回历史战绩界面

5、排行榜界面
1794653-20190924215524900-1673341512.png

排行榜界面显示了玩家的排名和昵称及游戏积分

6、游戏规则界面

  • 粗略规则
    1794653-20190924215656186-1863119943.png
  • 详细规则
    1794653-20190924215738946-792639182.png

    粗略规则界面记录了输赢的积分规则和游戏规则概括,左上角和右上角有返回到主界面的按钮和进入详细规则界面的按钮
    详细规则记录的十三水的细致规则,如普通牌型和特殊牌型的解释

三、结对过程

听到结对作业之后,立马和组内某人王八看绿豆,对上眼了。然后就各自表达一下自己的想法,一拍即合。一起努力学习Axure rp8,一起出门奶茶店讨论。

  • 结对讨论照片(非摆拍)
    1797594-20190924220921381-1112111477.jpg

四、结对作业PSP表格

PSP2.1Personal Software Process Stages预估耗时(分钟)实际耗时(分钟)
Planning计划5070
Estimate估计这个任务需要多少时间10251160
Development开发0
Analysis需求分析(包括学习新技术)5070
Design Spec生成设计文档4540
Design Review设计复审510
Coding Standard代码规范(为开发制定合适的规范)00
Design具体设计700800
Coding具体编码00
Code Review代码复审00
Test测试(自我测试,修改,提交修改)00
Reporting报告150140
Test Report测试报告00
Size Measurement计算工作量50
Postmortem & Process Improvement Plan事后总结并提出过程改进计划2030
合计10251160

五、设计说明

  • 本次结对作业的风格为沙漠主题风格,走网页游戏风格,便于以后代码的实现,由于是沙漠风格,所以叫“沙漠十三水”,让人感觉到浓浓的沙漠风情。
  • 为了方便玩家出牌,设计了智能组合的界面。
  • 要实现的产品:一个会自动出牌十三水的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周新增代码(行)累计代码(行)本周学习耗时(小时)累计学习耗时(小时)重要成长
1001515Axure的使用,ps的抠图,UI界面的设计

转载于:https://www.cnblogs.com/ctwjm/p/11581482.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值