VIETNAM NATIONAL UNIVERSITY HO CHI MINH CITY UNIVERSITY OF INFORMATION TECHNOLOGY RENT ME - A WEB-BASED PLATFORM FOR THE GAME PLAYER COMMUNITY BACHELOR OF ENGINEERING IN INFORMATION SYSTEMS DINH THI MY HOAN- 18520771 LAM LE DINH KHANG- 18520885 HO CHI MINH, 2022 VIETNAM NATIONAL UNIVERSITY HO CHI MINH CITY UNIVERSITY OF INFORMATION TECHNOLOGY ADVANCED PROGRAM IN INFORMATION SYSTEMS RENT ME - A WEB-BASED PLATFORM FOR THE GAME PLAYER COMMUNITY BACHELOR OF ENGINEERING IN INFORMATION SYSTEMS THESIS ADVISORS: Ph. NGUYEN THANH BINH MSc. VU MINH SANG STUDENTS: DINH THI MY HOAN- 18520771 LAM LE DINH KHANG- 18520885 HO CHI MINH, 2022 —m"ễ5-5œ--ss-ăằẳẽễz-ơơươươnn HOAN DINH, KHANG LAM 2 ASSESSMENT COMMITTEE The Assessment Committee is established under the Decision. , date " by Rector of the University of Information Technology.
—m"ễ5-5œ--ss-ăằẳẽễz-ơơươươnn HOAN DINH, KHANG LAM 3 CERTIFICATE Certified that the thesis entitled “RENT ME - A WEB-BASED PLATFORM FOR THE GAME PLAYER COMMUNITY” submitted by Dinh Thi My Hoan and Lam Le Dinh Khang towards partial fulfillment for the BACHELOR OF ENGINEERING IN INFORMATION SYSTEMS is based on the investigation carried out under our guidance. The thesis part, therefore, has not been submitted for the academic award of any other university or institution. Nguyen Thanh Binh M. Vu Minh Sang (Supervisor) (Supervisor) —m"ễ5-5œ--ss-ăằẳẽễz-ơơươươnn HOAN DINH, KHANG LAM 4 ACKNOWLEDGEMENTS First, we would like to express our sincere thanks to the lecturers at the University of Information Technology - Vietnam National University, Ho Chi Minh City and the faculty of Information Systems have helped our group have the basic knowledge as the foundation to implement this thesis.
Our group would like to express our deepest gratitude to Ph. Nguyen Thanh Binh and MSc. Vu Minh Sang guided us during the project work. They provided us with clear guidance, corrections, and numerous insightful remarks to enable us to successfully complete our subject report.
Once more, we greatly appreciate their help and send our best wishes to them. During one semester of implementing the project, we applied the background knowledge and researched new knowledge from teachers, friends, and many reference sources. From there, we make the most of what has been collected to complete the best thesis report. However, because of our limited professional knowledge and our lack of practical experience, the content of the report cannot avoid shortcomings.
We would like to receive further advice and guidance from you in order to perfect our knowledge so that we can use it as a piece of luggage to carry out other assignments in the future as well as in future study and work. Once again, we would like to send our sincere and best thanks to my teachers and friends! Ho Chi Minh City, 2022 Dinh Thi My Hoan, Lam Le Dinh Khang —m"ễ5-5œ--ss-ăằẳẽễz-ơơươươnn HOAN DINH, KHANG LAM 5 TABLE OF CONTENTS ACKNOWLEDGEMENTS TABLE OF CONTENTS LIST OF FIGURES LIST OF TABLES 12 ABSTRACT 14 CHAPTER 1: INTRODUCTION 15 1.2 Motivation and purpose 16 1.1 Socially and communication 16 1.1 Terms of Esports 18 1.3 About Rent Me 20 CHAPTER 2: REQUIREMENT SPECIFICATION 2.1 Competitors survey difference 2.3 Non-functional requirements CHAPTER 3: ANALYSIS AND DESIGN 3.2 Collection Relationship Diagram 3.4 Use-case diagram 3.1 List of actors 3.2 List of use-case 3.3 Use-case specification and activity diagram 3.1 Salient features: Livestream and private room 3.3 Player Interaction HOAN DINH, KHANG LAM 3.1 Salient features: Livestream and Private room 83 3.6 Class diagram and specification of class diagram 98 3.4 Class diagram specification 100 3.1 Salient features: Livestream and Private room 100 3.2 Actors - User, player, administrator 103 3.2 Player state 128 HOAN DINH, KHANG LAM 7 CHAPTER 4: IMPLEMENTATION AND DEPLOY 129 4.7 Dashboard 149 CHAPTER 5: CONCLUSION 150 5.3 Development direction 150 REFERENCES 151 HOAN DINH, KHANG LAM LIST OF FIGURES FIGURE 1. TOP 20 HIGHEST EARNINGS OF VIETNAMESE IN ESPORTS 16 FIGURE 2. HUMAN INTERACTION IN VIET NAM ESPORT BY VERO 17 FIGURE 3.
ESPORT AUDIENCE GROWTH - GLOBAL 2020,2021,2022 AND 2024 18 FIGURE 4. ESPORT REVENUE GROWTH - GLOBAL 2020,2021,2022 AND 2024 18 FIGURE 5. ESPORT AUDIENCE IN VIET NAM NATIONAL, 19 FIGURE 6. NUMBER OF HOURS VIETNAMESE PLAYERS SPEND ON ESPORTS EVERY DAY 19 FIGURE 7.
STREAM PLATFORM COMPETITION IN VIET NAM - 2021 23 FIGURE 8. SYSTEM ARCHITECTURE 31 FIGURE 9. SYSTEM ARCHITECTURE DEVELOPMENT 32 FIGURE 10. FUNCTIONAL DIAGRAM 33 FIGURE 11.
USER PROFILE ENTITY 36 FIGURE 12. LIVESTREAM ENTITY 36 FIGURE 13. PLAYER PROFILE ENTITY 37 FIGURE 14. TRADING ENTITY 37 FIGURE 15.
REVIEW ENTITY 38 FIGURE 16. TRANSFER ENTITY, 38 FIGURE 17. NOTIFICATION ENTITY 39 FIGURE 18. TRANSACTION ENTITY 39 FIGURE 19.
CONVERSATION ENTITY, 40 FIGURE 20. MESSAGE ENTITY 40 FIGURE 21. ALBUM ENTITY 41 FIGURE 22. SERVICE(GAME) ENTITY 41 FIGURE 23.
PLATFORM ENTITY 42 FIGURE 24. STYLE ENTITY 42 FIGURE 25. COLLECTION RELATIONSHIP DATABASE DIAGRAM 43 FIGURE 26. OVERVIEW USE CASE DIAGRAM 44 FIGURE 27.
HOME PAGE USE CASE DIAGRAM 46 FIGURE 28. AUTHENTICATION USE CASE DIAGRAM 46 FIGURE 29. PLAYER INTERACTION USE CASE DIAGRAM 47 FIGURE 30. FEEDBACK USE CASE DIAGRAM 47 FIGURE 31.
PAYMENT USE CASE DIAGRAM 48 FIGURE 32. MANAGE PROFILE USE CASE DIAGRAM 48 FIGURE 33. MANAGE LANDING PAGE USE CASE DIAGRAM 49 FIGURE 34. MANAGE NOTIFICATION USE CASE DIAGRAM 49 FIGURE 35.
MANAGE TRANSACTION USE CASE DIAGRAM 50 FIGURE 36. MANAGE USER USE CASE DIAGRAM 50 FIGURE 37. MANAGE PLAYER’S REQUEST USE CASE DIAGRAM 51 FIGURE 38. DASHBOARD USE CASE DIAGRAM 51 FIGURE 39.
COMMUNICATION USE CASE DIAGRAM 51 FIGURE 40. LIVESTREAM ACTIVITY DIAGRAM 53 FIGURE 41. PRIVATE ROOM ACTIVITY DIAGRAM - VIDEO CALL, SHARE SCREEN 55 FIGURE 42. REGISTER ACTIVITY DIAGRAM 57 FIGURE 43.
LOGIN ACTIVITY DIAGRAM 60 FIGURE 44. FORGOT PASSWORD ACTIVITY DIAGRAM 62 FIGURE 45. DONATE TO PLAYER ACTIVITY DIAGRAM 64 FIGURE 46. RENT PLAYER ACTIVITY DIAGRAM 67 —m"ễ5-5œ--ss-ăằẳẽễz-ơơươươnn HOAN DINH, KHANG LAM 9 FIGURE 47.
UPDATE USER INFORMATION ACTIVITY DIAGRAM 69 FIGURE 48. UPGRADE TO THE PROFESSIONAL PLAYER ACTIVITY DIAGRAM 7 FIGURE 49. PRIVATE CHAT ACTIVITY DIAGRAM 73 FIGURE 50. DEPOSIT & WITHDRAW ACTIVITY DIAGRAM 75 FIGURE 51.
MANAGE USER ACTIVITY DIAGRAM 80 FIGURE 52. STATISTIC ACTIVITY DIAGRAM 82 FIGURE 53. LIVESTREAM SEQUENCE DIAGRAM 83 FIGURE 54. PRIVATE ROOM SEQUENCE DIAGRAM 84 FIGURE 55.
REGISTER SEQUENCE DIAGRAM 85 FIGURE 56. LOGIN SEQUENCE DIAGRAM 86 FIGURE 57. FORGOT PASSWORD SEQUENCE DIAGRAM. RENT PLAYER SEQUENCE DIAGRAM 88 FIGURE 59.
DONATE TO PLAYER SEQUENCE DIAGRAM 89 FIGURE 60. UPGRADE TO PLAYER SEQUENCE DIAGRAM 90 FIGURE 61. UPDATE USER INFORMATION SEQUENCE DIAGRAM 91 FIGURE 62. PRIVATE CHAT SEQUENCE DIAGRAM 92 FIGURE 63.
DEPOSIT SEQUENCE DIAGRAM 93 FIGURE 64. WITHDRAW SEQUENCE DIAGRAM 94 FIGURE 65. WALLET HISTORY SEQUENCE DIAGRAM 95 FIGURE 66. MANAGE USERS SEQUENCE DIAGRAM 96 FIGURE 67.
STATISTIC SEQUENCE DIAGRAM 97 FIGURE 68. OVERVIEW CLASS DIAGRAM 98 FIGURE 69. ADMIN OVERVIEW CLASS DIAGRAM 99 FIGURE 70. USER OVERVIEW CLASS DIAGRAM 100 FIGURE 71.
REGISTER CLASS DIAGRAM 108 FIGURE 72. LOGIN CLASS DIAGRAM 109 FIGURE 73. FORGOT PASSWORD CLASS DIAGRAM 111 FIGURE 74. RENT PLAYER CLASS DIAGRAM.
DONATE PLAYER CLASS DIAGRAM 114 FIGURE 76. MANAGE PROFILE CLASS DIAGRAM 115 FIGURE 77. UPGRADE TO PLAYER CLASS DIAGRAM. PRIVATE CHAT CLASS DIAGRAM 119 FIGURE 79.
WALLET CLASS DIAGRAM 121 FIGURE 80. MANAGE USERS CLASS DIAGRAM 123 FIGURE 81. STATISTIC CLASS DIAGRAM 127 FIGURE 82. USER STATE DIAGRAM 128 FIGURE 83.
PLAYER STATE DIAGRAM 128 FIGURE 84. HOME PAGE 131 FIGURE 85. PLAYER LIVESTREAM PAGE 132 FIGURE 86. NOTIFY TO USER WHEN A PLAYER IS STREAMING (USER MUST FOLLOW PLAYER) 133 FIGURE 87.
USING OBS APPLICATION TO STREAM 134 FIGURE 88. PLAYER IS STREAMING AND LIVE CHAT WITH THE OTHER PEOPLE 134 FIGURE 89. PRIVATE CHAT - USER CAN CHAT WITH EVERYONE 135 FIGURE 90. VIDEO CALL BETWEEN PLAYER AND RENTER IN PRIVATE ROOM 136 FIGURE 91.
PLAYER SHARE SCREEN WITH RENTER IN PRIVATE ROOM 136 FIGURE 92. CHAT BOX IN PRIVATE ROOM. LOGIN PAGE 138 FIGURE 94. 139 —m"ễ5-5œ--ss-ăằẳẽễz-ơơươươnn HOAN DINH, KHANG LAM 10 FIGURE 95.
CHANGE PASSWORD 140 FIGURE 97. RENT PLAYER PAGE 141 FIGURE 98. PLAYER INTERACTION - RENT, FOLLOW, DONATE, CHAT 142 FIGURE 99. NOTIFICATION WHEN THE USER RENT A PLAYER 143 FIGURE 100.
NOTIFICATION WHEN THE PLAYER ACCEPTS OR DECLINE A RENT REQUEST FROM USER 143 FIGURE 101. FEEDBACK AFTER RENT A PLAYER 144 FIGURE 102. PAYPAL SUPPORT 145 FIGURE 104. HISTORY DEPOSIT AND WITHDRAW 146 FIGURE 106.
UPDATE MY PROFILE 147 FIGURE 108. UPGRADE TO PROFESSIONAL PLAYER 148 FIGURE 109. DASHBOARD OF ADMIN - MANAGE USER, MANAGE REQUEST, STATISTIC REVENUE, 149 —m"ễ5-5œ--ss-ăằẳẽễz-ơơươươnn HOAN DINH, KHANG LAM 11 LIST OF TABLES TABLE 1. COMPETITORS ANALYST 21 TABLE 2.
FUNCTIONAL REQUIREMENTS 23 TABLE 3. NON-FUNCTIONAL REQUIREMENT 28 TABLE 4. PREREQUISITES FUNCTIONALITY 33 TABLE 5. NON-PRIORITY FUNCTIONALITY 34 TABLE 6.
OUTSTANDING FUNCTIONALITY 35 TABLE 7. LIST OF ACTORS 44 TABLE 8. LIST OF USE-CASES 45 TABLE 9. LIVESTREAM USE CASE SPECIFICATION 52 TABLE 10.
PRIVATE ROOM USE CASE SPECIFICATION 53 TABLE 11. REGISTER USE-CASE SPECIFICATION 55 TABLE 12. LOGIN USE-CASE SPECIFICATION 58 TABLE 13. FORGOT PASSWORD USE-CASE SPECIFICATION 61 TABLE 14.
DONATE USE-CASE SPECIFICATION 63 TABLE 15. RENT PLAYER USE-CASE SPECIFICATION, 65 TABLE 16. UPDATE USER INFORMATION USE-CASE SPECIFICATION 68 TABLE 17. BECOME PLAYER USE-CASE SPECIFICATION 70 TABLE 18.
PRIVATE CHAT USE-CASE SPECIFICATION 71 TABLE 19. DEPOSIT & WITHDRAW USE-CASE SPECIFICATION 74 TABLE 20. MANAGE USER USE-CASE SPECIFICATION 76 TABLE 21. ADMIN STATISTIC USE-CASE SPECIFICATION 81 TABLE 22.
LIVESTREAM CONTROLLER CLASS DIAGRAM SPECIFICATION 100 TABLE 23. LIVESTREAM BOUNDARY CLASS DIAGRAM SPECIFICATION 101 TABLE 24. PRIVATE ROOM CONTROLLER CLASS DIAGRAM SPECIFICATION 102 TABLE 25. PRIVATE ROOM BOUNDARY CLASS DIAGRAM SPECIFICATION 103 TABLE 26.
USER CLASS DIAGRAM SPECIFICATION 103 TABLE 27. PLAYER CLASS DIAGRAM SPECIFICATION 105 TABLE 28. ADMIN PAGE BOUNDARY CLASS DIAGRAM SPECIFICATION 106 TABLE 29. REGISTER CONTROLLER CLASS DIAGRAM SPECIFICATION 108 TABLE 30.
REGISTER PAGE BOUNDARY CLASS DIAGRAM SPECIFICATION 109 TABLE 31. LOGIN CONTROLLER CLASS DIAGRAM SPECIFICATION 110 TABLE 32. LOGIN BOUNDARY CLASS DIAGRAM SPECIFICATION 110 TABLE 33. FORGOT PASSWORD CONTROLLER CLASS DIAGRAM SPECIFICATION 111 TABLE 34.
RENT CONTROLLER CLASS DIAGRAM SPECIFICATION 112 TABLE 35. RENT PAGE BOUNDARY CLASS DIAGRAM SPECIFICATION 113 TABLE 36. DONATE CONTROLLER CLASS DIAGRAM SPECIFICATION, 114 TABLE 37. PROFILE CONTROLLER CLASS DIAGRAM SPECIFICATION 115 TABLE 38.
PROFILE PAGE BOUNDARY CLASS DIAGRAM SPECIFICATION 116 TABLE 39. REQUIRE CONTROLLER CLASS DIAGRAM SPECIFICATION 117 TABLE 40. MESSAGES CLASS DIAGRAM SPECIFICATION 118 TABLE 41. PRIVATE CHAT CONTROLLER CLASS DIAGRAM SPECIFICATION 119 TABLE 42.
PRIVATE CHAT BOUNDARY CLASS DIAGRAM SPECIFICATION 120 TABLE 43. WALLET HISTORY CLASS DIAGRAM SPECIFICATION 120 TABLE 44. WALLET CONTROLLER CLASS DIAGRAM SPECIFICATION, 122 TABLE 45. WALLET PAGE BOUNDARY CLASS DIAGRAM SPECIFICATION 122 HOAN DINH, KHANG LAM 12 TABLE 46.
MANAGE CONTROLLER CLASS DIAGRAM SPECIFICATION 123 TABLE 47. TRANSACTION HISTORY CLASS DIAGRAM SPECIFICATION 124 TABLE 48. NOTIFICATION CLASS DIAGRAM SPECIFICATION 125 TABLE 49. STATISTIC CONTROLLER CLASS DIAGRAM SPECIFICATION 126 HOAN DINH, KHANG LAM 13 ABSTRACT Currently, Esports is considered an official sport, well-invested by coaches, managers, and public relations, Esports players can build their own communication channels.
through the form of Livestream playing games and making professional videos to share Esport knowledge with the community of players. Because there are too few communities to exchange gamers, we have created a healthy exchange community for those who are passionate about esports such as chat, video call, share screen, and Livestream,. Besides, the impact of the covid-19 pandemic is not small, many people have been unemployed because they cannot go to work during the quarantine period. So, we created a new source of income for everyone by becoming a pro and live streaming or being hired by others.
KEYWORDS Web application, ReactJs, NodeJs, MongoDB, Cloudinary, Livestream, Communication, Job, Professional —m"ễ5-5œ--ss-ăằẳẽễz-ơơươươnn HOAN DINH, KHANG LAM 14 CHAPTER 1: INTRODUCTION 1.1 Problem First, the COVID-19 pandemic has had a huge impact on the country's economy according to the General Statistics Office's fourth quarter 2021 employment report. The problem of underemployment and the high unemployment rate is one of the urgent issues that people are concerned about. On the other hand, due to social distancing, people-to-people interactions are decreasing, which has affected people's psychology and emotions.