EE308 Lab2-2

[832001319]

The Link Your Class	https://bbs.csdn.net/forums/MUEE308FZU202201
The Link of Requirement of This Assignment	https://bbs.csdn.net/topics/608859318
MU STU ID and FZU STU ID	20122764_832001319
Teammate1's MU STU ID and FZU STU ID	20123833_832001327
Teammate2's MU STU ID and FZU STU ID	20122608_832001326
Teammate1's blog link	http://t.csdn.cn/JsKtJ
Teammate2's blog link	http://t.csdn.cn/YPLBy
GitHub link	XINYUE1234/EE308 at master (github.com)
Video demo link	EE308-博饼小程序 - 微信开发者工具_哔哩哔哩_bilibili

---

 

 

 目录

1.PSP and learning progress bar

2.Key points of programming

3. Pair programming experience

4.Events that take a long time

5.Photo

6.GitHub link

7.Video demo link

8.Summary

---

1.PSP and learning progress bar

Personal Software Process Stages	Estimated time (minutes)	Real time (minutes)
Planning	10	20
Estimate	-	-
Development	300	600
Analysis	30	40
Design Spec	60	90
Design Review	30	30
Coding Standard	10	10
Design	30	60
Coding	600	800
Code Review	30	60
Test	60	60
Reporting	-	-
Test Report	20	20
Size Measurement	10	20
Postmortem & Process Improvement Plan	20	60
total	1210	1870

 Learning progress bar

week	Added code (line)	Cumulative code (lines)	Study Time this week (hours)	Cumulative learning time (hours)	Important Growth
1	700	700	10	10	Learned the basic code logic of wechat developer tools and javascript front-end, page format, how to import pictures and tables into the page and other knowledge.
2	800	1500	14	24	Solve the core code of bobing small program, beautify the page, fix code bugs, and achieve related functions.

2.Key points of programming

1）In Lab2-1, we used Axure RP10 to complete the page design of Bobing, which looks very simple. But in Lab2-2, we need to complete the whole design of wechat small program, which is a very big project. Since we chose to use the wechat developer tool in Lab2-2, we had to spend a few days learning JavaScript and working hard to use it. This was a great difficulty in the beginning

2）The second difficulty we encountered was how to implement the function of random dice. Since our team directly replaced the process of rolling dice with GIF pictures, what we had to solve was how to directly convert random numbers into corresponding dice pictures.
Here is our code to solve this problem:

function RandomNumBoth(Min,Max){
  var Range = Max - Min;
  var Rand = Math.random();
  var num = Min + Math.round(Rand * Range); //四舍五入
  return num;
} //随机数生成
 function dicejudge(dice) {
  var n;
  if(dice=="../image/1.png")
  n=1;
  else if(dice=="../image/2.png")
  n=2;
  else if(dice=="../image/3.png")
  n=3;
  else if(dice=="../image/4.png")
  n=4;
  else if(dice=="../image/5.png")
  n=5;
  else if(dice=="../image/6.png")
  n=6;
  return n;
 }//判断骰子的点数
function judge(dic1,dic2,dic3,dic4,dic5,dic6) {
 var dicarr=[0,0,0,0,0,0];
 dicarr[dicejudge(dic1)-1]++;
 dicarr[dicejudge(dic2)-1]++;
 dicarr[dicejudge(dic3)-1]++;
 dicarr[dicejudge(dic4)-1]++;
 dicarr[dicejudge(dic5)-1]++;
 dicarr[dicejudge(dic6)-1]++;
if((dicarr[0]==2&&dicarr[3]==4)||dicarr[3]==6||dicarr[0]==6||dicarr[5]==6||dicarr[3]==5||dicarr[3]==4)
return "状元";
else if((dicarr[0]==1&&dicarr[1]==1&&dicarr[2]==1&&dicarr[3]==1&&dicarr[4]==1&&dicarr[5]==1))
return "对堂";
else if(dicarr[3]==3)
return "三红";
else if(dicarr[5]==4)
return "四进";
else if(dicarr[3]==2)
return "二举";
else if(dicarr[3]==1)
return "一秀";
else
return "再接再厉";

}

3）The third difficulty we encountered was how to save the dice points earned by different players in the "multiplayer" game, which was crucial because we needed to keep track of the outcome of each round when the player rolled the dice.

4）The fourth difficulty we encountered was how to implement a small app for online play with many people. The key is how to share the same server and share data. Due to limited time and ability, our team has reached a bottleneck in learning and using wechat developers and JavaScript, and this function has not been realized yet.

3. Pair programming experience

In a team project, the cooperation of team members is very important. Since we are a team of three, our division of labor needs to be more detailed. I was mainly responsible for writing the core part of the code and solving the bugs in the code operation. The other two team members, one was responsible for the UI part of the mini program, and the other was responsible for sorting out and updating the materials of Lab2-1 and integrating them into our mini program.
In the process of completing tasks, our team members would keep proper communication with each other, discuss with them when faced with difficulties, and let each other know the progress of their tasks at any time. When the task is completed to a certain extent, we will merge the corresponding parts of the code for code detection, so as to complete the task more efficiently. This is the experience of our group.

4.Events that take a long time

1）The first is the choice of coding platform. We did not find a suitable platform to make this small program at the beginning. The options include vue, VScode, wechat developer tools and so on. After some negotiation and searching, we finally decided to use the platform of wechat developer tools. Because it standardized good development, simple operation, easy for beginners to use.
2）The second is how to randomly generate 1-6 points and put them on the dice. We had never learned JavaScrip, but in this project, we all thought it was very important. Therefore, we did some Java language learning, which consumed a lot of time and energy, and the temporary learning of JavaScrip language brought us certain challenges.
3）The third thing that took us a long time was the design of the mini program UI, including the scene switching and order, the selection of the background image, the selection of the button position, the selection of the button pattern and so on.
4）The fourth is the test interface. Every time you write a method, you test it repeatedly to see if there are any errors. It is also about communicating judgments and data requirements, functions that need to be written out and returned.
5）Fourth, implement cross-domain. At the beginning, the back-end can only obtain data locally, and after configuring cross-domain, it can obtain data within the LAN, which is convenient for the front-end to obtain required data. However, due to limited time and capacity, we were unable to implement this feature in the end.

5.Photo

6.GitHub link

XINYUE1234/EE308 at master (github.com)

7.Video demo link

EE308-博饼小程序 - 微信开发者工具_哔哩哔哩_bilibili

8.Summary

Through this bobing mini program project, I understood and learned the basic knowledge of Axure RP10, wechat developer tools and javascript, and experienced the production process of mini program, which was strange but novel to me and full of a sense of accomplishment. I have learned a lot in the process of cooperating with my team, such as how to communicate effectively, learn from each other, and give full play to our greatest strengths to learn and progress together. Although the final small program to achieve the function to be improved, but I task our project is relatively successful.