The Link Your Class | https://bbs.csdn.net/forums/MUEE308FZU202201 |
---|---|
The Link of Requirement of This Assignment | https://bbs.csdn.net/topics/608858956 |
The Aim of This Assignment | Bobing game prototype design |
MU STU ID and FZU STU ID | 20123809_832002202 |
MU STU ID and FZU STU ID(Partner) | 20123515_832002224 |
EE308FZ Lab2_1 Prototype Design
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 stages | Estimated time(min) | Actual time(min) |
---|---|---|
Planning | 60 | 120 |
Estimate | 480 | 800 |
Analysis | 20 | 40 |
Design Spec | - | - |
Design Review | - | - |
Coding Standard | - | - |
Design | 200 | 340 |
Coding | - | - |
Code Review | - | - |
Test | 60 | 45 |
Reporting | 30 | 75 |
Size Measurement | 15 | 30 |
Postmortem & Process Improvement Plan | 30 | 65 |
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" 登陆游戏".
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.