EE308_LAB2-2

832002220赵云龙 2022-11-11 16:47:37

EE308_LAB2-2

Table
GitHub link
PSP
Learning progress bar
Key points of programming
Pair programming experience
Photo
Events that take a long time
Summary
video demonstration

Table

The Link Your Class	https://bbs.csdn.net/forums/MUEE308FZU202201
The Link of Requirement of This Assignment	https://bbs.csdn.net/topics/608859318
The Aim of This Assignment	Implement the Bobing software
MU STU ID and FZU STU ID	<20123531_832002220>
Partner MU STU ID and FZU STU ID	<20124015_832002226>
Teammate's Blog	http://t.csdn.cn/KziPA

GitHub link

https://github.com/YUNLONG892a/EE308

PSP

Personal Software Process Stages	Estimated time(min）	Time(min）
Planning	30	30
Estimate	30	40
Development	350	370
Analysis	60	60
Design Spec	50	50
Design Review	50	40
Coding Standard	60	70
Design	120	130
Coding	400	500
Code Review	40	20
Test	30	30
Reporting	80	80
Test Report	30	40
Size Measurement	20	40
Postmortem&Process Improvement	30	50
Total	1380	1550

Learning progress bar

Week N	Added code (line)	Cumulative code (lines)	Study Time this week (hours)	Cumulative learning events (hours)	Important Growth
1	350	350	9	9	Learned the common knowledge of html,css and javascript front-end such as basic code logic, page formatting, how to import images and tables into the page, etc.
2	1450	1800	8	15	Hands-on web page creation and layout, learn how to link html, css and javascript related data to the operation, beautify the page, and implement related functions.

Key points of programming

1.The first difficulty we encountered was how to realize the function of rolling dice randomly, because our team wanted to animate the process of rolling dice, which meant that we could not directly convert random numbers into corresponding roll pictures. We first recorded roll pictures corresponding to different running times. The random roll of the dice is realized by converting random numbers into the running time of the animation.

2.The second difficulty we encountered was how to save the prizes won by different players in the "Multiplayer Game" and pass them to the final "Award Situation" interface. We looked for many methods, but none of them succeeded. Finally, we chose to implement the "multiplayer" function in an html file. This can be used to store the corresponding awards of different players through an array, but it also requires different ICONS and buttons to be hidden or displayed in different interfaces, which we have been debugging and adjusting for a long time.

3.The third difficulty we encountered was how to rank the final awards won by different players in the "Multiplayer Game". In order to make the final "award screen" more enjoyable, we added a weight to different awards. The weight of a large award was higher, and the weight of a small award was lower, so that each player would get a weight as well as an award. We store the corresponding weights in an array, and through bubble sort, we sort the players and the corresponding awards according to the size of the weights, from largest to smallest, and display them in the "Award Situation".

Pair programming experience

In a team project, teamwork of team members is very important. The first thing we should do is to have a clear division of labor. Two people determine each other's tasks and complete them efficiently. We will set time to complete the corresponding tasks, and supervise and urge each other.

In the process of completing the task, teammates should maintain proper communication, discuss with teammates when encountering difficulties, and let each other know their task progress at all times. When the task is completed to a certain extent, corresponding code parts can be merged to carry out code detection and complete the task more efficiently.

Photo

Events that take a long time

1.The first thing that took us a long time was the assignment of tasks, which was divided into two parts. I was mainly responsible for the coding of single player and multiplayer games, and my teammates were mainly responsible for the coding of the home page and game rules interface, as well as the layout, background selection and color adjustment of all interfaces.

2.The second thing that took us a long time was the design of the web page, including the selection of the background picture, the selection of the position of the button, the selection of the pattern of the button and so on.

3.The third thing that took us a long time was the implementation of the function of rolling dice. At first, we just wanted to realize the process of rolling dice by switching pictures. Later, after a long discussion, we decided to add animation to make the process of rolling dice more enjoyable. Similarly, writing code takes a lot of time.

Summary

This Bobing project made me understand and learn the basic knowledge of html, css and javascript, and transformed the process of rolling dice into the form of animation. Besides the function of networking, other functions were basically realized. While completing the task, I also learned the front-end content and learned something about the design of web pages.