第一次结对编程作业

一、结对情况

结队成员:

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

二、原型分析

Need(需求)

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

Approach(方法)

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

流程图

第一次结对编程作业_第1张图片

原形分析图

  • 初始界面


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


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


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


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

    第一次结对编程作业_第2张图片
    模式选择界面可以选择加入战局或者自主创建战局。
  • 加入战局界面

    第一次结对编程作业_第3张图片
    加入战局界面需要输入已有战局ID号。
  • 准备界面

    第一次结对编程作业_第4张图片
  • 游戏界面

    第一次结对编程作业_第5张图片
  • 结算界面

    第一次结对编程作业_第6张图片
  • 创建战局界面

    第一次结对编程作业_第7张图片
  • 排行榜界面

    第一次结对编程作业_第8张图片
    排行榜界面可以看到玩家的名次、用户名及积分。
  • 历史战绩界面

    第一次结对编程作业_第9张图片
    历史战绩界面可以看到玩家在每个战局的积分情况,想了解每局出牌情况可点击详情。
  • 历史战局详情

    第一次结对编程作业_第10张图片
    此界面可以看到玩家的具体出牌情况。

三、原型模型设计工具

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

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

结对过程

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

结对照片

第一次结对编程作业_第11张图片

分工情况

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

排版规范

 一直都是采用博客园的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 RP的使用方法之后就直接肝起来了。由于比较喜欢三国的画风,这次就和同组的同学一起做了个三国风的十三水。

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

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

你可能感兴趣的:(第一次结对编程作业)