EE308FZ Lab2_1

The Link Your Classhttps://bbs.csdn.net/forums/MUEE308FZU202201
The Link of Requirement of This Assignmenthttps://bbs.csdn.net/topics/608858956
The Aim of This AssignmentBobing game prototype design
MU STU ID and FZU STU ID20123809_832002202
MU STU ID and FZU STU ID(Partner)20123515_832002224

Content

1. Demand Analysis(NABCD model)

在这里插入图片描述

1.1 Need

  During the Mid-autumn Festival, southern Fujian wanderers from all over the world eagerly want to play the Bobing game in their hometown. However, due to the environment, there are no relatives and friends to play games together and the props needed to play Bobing. The WeChat mini-program Bobing was born under such conditions.

1.2 Approach

  We consider designing an online WeChat applet to restore the scene of the Mid-Autumn Festival cake, and use the WeChat developer tool to write the applet code.

1.3 Benefit

  Bobing games are mainly divided into online and offline functions. If there is just a lack of props, you can use the offline mode to simulate the bowls and dice used in Bobing and get the results. You can also log in to online mode and create a room to play with your friends, or you can randomly match and play with like-minded people.Maximize the fun of Bobing.

1.4 Competitors

  At present, due to technical problems, we may not be able to realize the online game function, and the front-end screen rendering and other effects cannot reach the expected state, which will force us to delete some functions.

1.5 Delivery

  We can promote our games through the WeChat platform, or we can post a QR code downstairs in the dormitory to invite students to try it out.

2. 📋PSP form

PSP stagesEstimated time(min)Actual time(min)
Planning60120
Estimate480800
Analysis2040
Design Spec--
Design Review--
Coding Standard--
Design200340
Coding--
Code Review--
Test6045
Reporting3075
Size Measurement1530
Postmortem & Process Improvement Plan3065

3. Prototype design

 3.1 Tool

  Adobe XD

 3.2 Design ideas

在这里插入图片描述
 When we first saw the experiment, we used code to implement the underlying basic logic.
在这里插入图片描述

 For user convenience, we design the basic framework to consider what functions we need to implement.

 3.3 Prototype

在这里插入图片描述

 This is starting interface, you can click “游戏规则” to see the rules, if you wanna offline game, click"离线模式", if you wanna online game, click" 登陆游戏".
              AltAlt
 if you click"允许", you will login in your default user id, if you wanna log in by using other account, click"使用其他昵称和账号", if this page, you can choose register a new account, or log in automatically or remember password.

在这里插入图片描述
 This is your account interface, you can choose match randomly by clicking “随机匹配” or create your own room to play with your friends by clicking “创建房间”. You can also find some other interesting functions like “商城” to shop and something else.

在这里插入图片描述
       This is a battle interface for players, once it’s your turn, you should click anywhere you want to shake dices

在这里插入图片描述
                 If you don’t have good luck, maybe you will get results above.

在这里插入图片描述
       You can also find player’s battle record by clicking “查看战绩” in battle page, input play’s ID you want to see

在这里插入图片描述
                      Then you can get his historical record.

 3.4 Demo Link

 https://pan.baidu.com/play/video#/video?path=%2FB0D9A7A994CA096B2CC1A74970C72CAF.mp4&t=-1

4. Working environment

在这里插入图片描述
 My partner and I, we use our own computers for different modules, I am responsible for the front end, he is responsible for the back end.But at the moment neither of us have mature technology, so when we encounter problems, we basically both get together to discuss solutions.

5. Summary

 Through this assignment, I learned how to use adobe xd to make prototype design. The first part of the assignment is not just to prototype the UI,but also to think about the function of the software and how to complete it. There are still some shortcomings in this web prototype, we will improve it in the future.
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值