第一次结对编程作业

一、结对情况

结队成员:

  • 031702340 张逸杰
  • 031702343 吴智勇
  • 031702346 刘汪洋

二、原型分析

Need(需求)

  • 初始界面
    • 登录界面
    • 注册界面
  • 用户界面
    • 模式选择界面
    • 加入战局界面
    • 创建战局界面
  • 排行榜界面
  • 历史战绩界面

Approach(方法)

用Axure Rp 8实现基本的UI设计,基于pc端的web网页

流程图

原形分析图

  • 初始界面


初始界面,已注册的玩家可直接点击“登录”,未注册的玩家可点击“注册”,也可以选择“离开”。

  • 登录界面


登录界面,可直接填写用户名和密码进入游戏。

  • 注册界面


注册界面,设置用户名和密码,还需确认一次密码后进入游戏。

  • 用户界面


用户界面可以选择开始游戏、排行榜和查看历史战绩。

  • 模式选择界面


模式选择界面可以选择加入战局或者自主创建战局。

  • 加入战局界面


加入战局界面需要输入已有战局ID号。

  • 准备界面

  • 游戏界面

  • 结算界面

  • 创建战局界面

  • 排行榜界面


排行榜界面可以看到玩家的名次、用户名及积分。

  • 历史战绩界面


历史战绩界面可以看到玩家在每个战局的积分情况,想了解每局出牌情况可点击详情。

  • 历史战局详情


此界面可以看到玩家的具体出牌情况。

三、原型模型设计工具

 本次原型模型设计采用了Axure Rp 8

四、结对的过程,及非摆拍的三人在讨论、细化和使用专用原型模型工具时的结对照片

结对过程

 由于我们在同一个小组,而且住得比较近,互相也比较熟悉,讨论问题也更方便,再加上我们组是十一个人,我们就成了组里唯一的三人小组。

结对照片

分工情况

  • 张逸杰、吴智勇:主要负责原型的设计和界面的制作。
  • 刘汪洋:主要负责原型成品的分析及博客的撰写。

排版规范

 一直都是采用博客园的markdown排版。

PSP表格

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

设计说明

   整体设计风格简约大气又不失高端,给人一种仿佛在战场厮杀的感觉,提升玩家游戏的快感;选择按键均采用矩形框进行展现,更加清晰简介,获取信息和状态直接、方便;简化扑克牌的设计,使界面看起来不那么花里胡哨,保留卡牌游戏原始的感觉。
   UI图:以三国古风为主,设计了13张原型图。

困难及解决方法

  • 问题一:

     困难描述:
             对原型设计工具不了解,不知道如何开展和进行。
     解决尝试:
             通过上网查询Axure工具的使用方法,下载工具一步一步自学和尝试;浏览了已经完成过作业的同学的博客,大致心中有数。
     是否解决:
             已解决。
    
  • 问题二:

     困难描述:
             查找和确定原型图困难,找不到想要的合适的素材。
     解决尝试:
            上网查阅了大量的图片素材,想用PS制造或修改素材,但无奈对PS并不太熟悉。
     是否解决:
             暂时是解决了。
    
  • 问题三:

      困难描述:
              不知道如何用动态图作为背景图。
      解决尝试:
              经过多次尝试无果,还是选择用静态图。        
      是否解决:
              暂时还没有解决。
    
  • 有何收获:

       这次是第一次结对作业,经过这一段时间的学习,对Axure工具有了大概的了解,掌握了如何制作原型图,通过和队友交流来解决遇到的问题,让我们意识到了团队合作的重要性,期待下一次的合作成果。
    

心得体会

  • 刘汪洋:

       继上一次和隔壁班一样的第一次个人编程作业后,又来了一样的福建十三水,虽然是意料之中,但依然有点懵。庆幸的是,我们有前人(隔壁班的同学)的经验,过程相比之下会顺利一点,去B站看了一下Axure的使用教程,加上自己跟着动手实践了一下,对这个原型制作工具有了大概的了解,开始试着自己设计,可能掌握的还不够好,原型设计的部分基本上是两个队友完成的,我主要负责写博客,写好博客也真的没有想像中的容易,希望下次能和队友配合得更好,互相取长补短,互相进步学习,这应该就是结对编程作业的目的和意义所在吧。
    

记录自己的学习进度条(每周追加)

||||||||||||||||||||||
|:--:--:--:--:--:--
|第N周|新增代码(行)|累计代码(行)|本周学习耗时(小时)|累计学习耗时(小时)|重要成长|
|1|0|0|10|10|学习Axure RP 8的使用和福建十三水的具体规则|

原文地址:https://www.cnblogs.com/LWYWD/p/11627145.html