capstone project document mobile based cashflow boardgame

Table 44 - Player Service Class Specification 102Table 46 - Manage event card Service Class Specification 107Table 47 - Mange dream Service Class Specification 110Table 48 - Manage game

MINISTRY OF EDUCATION ANDTRAINING

FPT UNIVERSITY Capstone Project DocumentMobile-based Cashflow Boardgame

Capstone Project code SE23SE37

Ho Chi Minh, May 2023

1.1 Scope & Estimation 23

1.2 Package Diagram 73

3.3.4 Update Character Selected Sequence Diagram 96

3.4 Change Job Feature 97

3.8.2 Class Specification 112

1.2 Known Issues, Limitations & Restrictions 151

3.2.4 Player View list room and join or create room 160

3.2.11 View financial report in Fasttrack 166

Table 21 - Dream Management Function 45

Table 32 <Screen authorization> Web application and Game application 57

Table 34 - Logic entities and attributes description 66

Table 41 - Change outfit Service Class Specification 95

Table 44 - Player Service Class Specification 102

Table 46 - Manage event card Service Class Specification 107Table 47 - Mange dream Service Class Specification 110Table 48 - Manage game account Service Class Specification 112

Table 50 - Manage Asset Service Class Specification 121

Table 55 - <System Requirements> Web application 152Table 56 - <System Requirements> Software requirement 152

List of Figures

Figure 3 - <Use case overview> CashFlow Application 33Figure 4 - <Screen flow diagram> Game application 38Figure 5 - <Screen flow diagram> Admin web application 39

Figure 22 - Get Player Asset Sequence Diagram 95Figure 23 - Update Character Selected Sequence Diagram 96

Figure 31 - <Class Diagram> Admin manage event card 106Figure 32 <Sequence Diagram> Admin create event card 107Figure 33 - <Sequence Diagram> Admin update event card 108Figure 34 - <Sequence Diagram> Admin inactive event card 109Figure 35 - <Class Diagram> Admin manage dream 110Figure 36 - <Sequence Diagram> Admin update dream 111Figure 37 - <Class Diagram> Admin manage game account 112Figure 38 - <Sequence Diagram> Admin create game account 113Figure 39 - <Sequence Diagram> Admin update game account 114Figure 40 - <Sequence Diagram> Admin inactive game account 115Figure 41 - <Class Diagram> Admin update job 116Figure 42 - <Sequence Diagram> Admin update job 117

Figure 44 - <Sequence Diagram> Create Match history 119

Image16:Artwin/lose

Image18:Someofthepicturesareusedasdreaminthematch

● Player job:

Image23: Player job

● Npc: NPCs will appear in the map so players can interact or do quests:

Image24: NPC

4.3 Game Feature4.3.1 Control Character4.3.1.1 PLayer move

Description: Allows the player to move back and forth in many directions and has amoving animation.

Content: Made for player to move in the direction of joystick and have animation.

Image25:Thecharactermovesinthedirectionofthejoystick

Description: Player will run quickly towards the joystick when pressing the button onthe screen.

Content: Made for the player to run fast in the direction of the joystick that the playercontrols, if not, the player will not run

Image26: Thecharacter runswhentherun buttonispressed

4.3.1.3 Player's Jump

Description: Player jumps when pressing the jump button on the screen.Content: Implemented for the player to be able to jump when pressing the jumpbutton And when possible, combine moving and jumping at the same time.

Image27:Thecharacter runs whenthejumpbutton ispressed

4.3.2.1 Create a playroom or join a playroom

Description: Players can create or enter an existing playroom to start the match.Content: Use Photon fusion to make a game server, and use it to create a playroom.

Some pictures:

Image28:List room

Image29:In room

4.3.3 Play Game

4.3.3.1 Move on the chessboard

Description: Move the piece when the dice roll button is pressed.Content: Move the correct number of squares to the number of dice rolled.

4.3.3.2 Make events in the Rat Race

Description: Player moves to cell and executes event within Ratrace

Content: The player rolls the dice and moves to the tile, and each tile contains an eventtype Player can either fire the event or ignore it (if allowed).

Some pictures:

Image31:MakeaDoodadevent

Image33:MakeaBig Deal/SmallDeal event

4.3.3.3 Move out the Fasttrack

Description: From the Ratrace move outside the fasttrack

Content: Eligible cash flows in the financial statements within Rat Race willautomatically move out of the Fasttrack.

Some pictures:

Image35: Player movestothe Fasttrack

4.3.3.4 Make events in the Fasttrack

Description: Player moves to cell and executes event within Fasttrack

Content: The player rolls the dice and moves to the tile, and each tile contains an eventtype Player can either fire the event or ignore it (if allowed).

Some pictures:

Image37: Makeanproblemevent

4.3.3.5 Win match

Description: Player reaches the condition and wins

Content: Player accumulates enough money that the game offers or enough money tobuy his dream to be able to win the match.

Some pictures:

Image39:Buy yourdreamtowin

4.3.4 Owning and changing outfits4.3.4.1 Buy outfit

Description: Buy outfit in shop.

Content: Use the money earned through playing the game to enter the shop to buy thecostumes for sale and own them.

4.3.4.2 View inventory and change outfitsDescription: View inventory and change outfits

Content: Open the inventory to see the purchased skins, click on the outfit image tochange the outfit.

Image43:Insidetheinventory

4.3.5 Change Job

Description: Change player's job.Content: Change the player's current job.

Image45: Changingjobisavailable in the game

4.3.6 Build map and chessboards4.3.6.1 Main map

Description: A large area where players can go Here you can find classroomscontaining events and NPCs.

Content: Build 3D map according to real parameters based on FPT University.

● Making setting UI● Making match history UI

● Making the job selection screen and create a name for the first player created inaccount

● Some UI in game and matchContent: The function buttons are all done.

Image48:LoginUI

Image50:CreatecharacterUI

4.3.8 Add sounds

Description: Add background sound to the game.

Content: Add sound to the game Write an AudioManager to manage the backgroundsound and effects, you can adjust the volume up and down in the game options.Music in the game:

● Infinite Doors● Potato

● Optimize UI interface to suit more phone devices.

● Optimize 3D models in the game to reduce capacity and optimize performance.Content: Adjusted UI to suit many devices.

V Software Testing Documentation1 Overall Description

● Testing Level: User Acceptance Test

● Testing Types: Functional Testing, User Interface Testing2 Test Plan

2.1 Test StagesType of Test

Thái Đức Lợi Leader Planning, execute, verify test resultTrịnh Gia Huy Member Planning, execute, verify test result

3 Test Cases and Test Reports

User Acceptance Test

TestDocuments\2023.Spring-_-TestCaseTable56-TestCases andTestReports

VI Release Package & User Guides1 Deliverable Package

1.1 Source codes & documents

Code Package

iMobileBasedCashFlowWebUI.zip New 1.0.02 Web API

MobileBasedCashFlowAPI.zip New 1.0.0

Database1 Initialise

MobileBasedCashFlowGame.sql NewDocuments

1 Final ProjectReport

MobileBasedCashFlow-FinalReport_Full.docxTable54- Sourcecodes &documents

1.2 Known Issues, Limitations & Restrictions● Installers for each projects haven’t been packaged● Database must be initialized by using database scripts

2 Installation Guides2.1 System Requirements2.1.1Web application

Internet connection LAN, internet accesscapability

LAN, Wi-fi (16 Mbps)Processor Intel Core i5 1.5Ghz Intel Core i7 2.6Ghz

versionTable55 -<SystemRequirements>Webapplication

2.1.2Game application

2.3 Installation Instruction2.3.1Setup Database

Install Sql Server 2019 by following guidelines link:

https://www.thegioididong.com/game-app/huong-dan-cai-dat-sql-server-2019-cuc-2.3.2Setup BackendAPI

+ Install Visual Studio by following guidelines link:

https://thuthuatphanmem.vn/huong-dan-tai-va-cai-dat-visual-studio/+ Extracting:MobileBasedCashFlowAPI.zip

Figure48- Setup BackendAPI

+ Open MobileBasedCashFlowAPI.sln file with Visual Studio+ Config your database connection

+ Run project

Figure50- Setup BackendAPI

+ Test project in browser by go to url:https://localhost:44310/index.html

+ Username: admin pass 12345678

+ Open terminal and enter npm I:

Figure52- Setup ManagementWeb+ Change baseUrl based on your backend configuration

+ In terminal, enter npm start

Figure54- Setup ManagementWeb+Project start withhttp://localhost:3000/

3 User Manual3.1 Overview

- Admin manage dream, game account, asset , event card and user- Player can play game, create room, join room, change outfit, view history,

shopping, change job,.3.2 Application Usage3.2.1Guest registeraccount

1 Click “đăng ký” button in login scene2 Enter username: Longdklong3 Enter email:longdk0486@gmail.com

4 Enter password: 1234657895 Enter confirm password: 1234657896 Click “đăng ký” button

3.2.2Player loginintogame

1 Enter username: LongdkLong2 Enter password: 1234567893 Click “đăng nhập” button3.2.3Create nameandchoose job

1 Swipe to choose job2 Enter name: “Zero”3 Click “Xác nhận ” button

3.2.3Talk npctoswitchscenelobby

1 Use joystick to control character move near npc2 Click white text to switch scene lobby3.2.4Player Viewlistroom andjoinor createroom

1 Click “Tham gia” button to join room2 Click “ Sẵn Sàng “ to start the match3.2.5Play game

1 View detail info job

2 Click “Chấp nhận” button to accept

1 Click “Đổ Xúc Xắc” button to roll Dice3.2.7DoRatraceevent

1 Click “Chấp Nhận” button to accept envent card

2 Only big deal/small deal card player can click “Từ chối” button to cancel event

3.2.8View financialreport

1 Click button have report icon

2 If it slider have 100% player can move out to fasttrack

3.2.10Do eventinFasttrack

1 Click “Chấp nhận” or “Ok” button to do event card in Fasttrack

3.2.11Viewfinancialreport inFasttrack

1 Click button have report icon

1 If it current income equal income target player can win game

2 Or player can win game by buy dream3 Click “Muốn” button to buy dream

4 Click “Ok” button to finish match

1 Click button have icon History

3.2.14Buyitem

2 Click button have icon shop3 Click button “Get” to buy item

4 Item has been purchased will be disappear in shop

3.2.15Changeoutfit

1 Click button have icon Inventory2 Click button have outfit picture3 Click back button to see outfit change

1 Enter UserName: Admin2 Enter Password:123456783 Click Login button

3.2.17AdminCreate EventCard

1 Click Event Card button in navbar2 Click “New Card” button

3 Fill all information4 Click “Create” button

3.2.18Adminupdate eventcard

1 Click “edit” icon button on the row want to update2 Fill all information

3 Click “Update”

1 Click “bin” icon button on the row want to delete2 Click “Yes” button to delete or “No” to cancel

3.2.20Adminupdate job

1 Click Job button in navbar

2 Click “edit” icon button on the row want to update

3 Fill all information4 Click “Update” button

3.2.21Adminupdate dream

1 Click Dream button in navbar

2 Click “edit” icon button on the row want to update3 Fill all information

4 Click “Update” button

3.2.22Admincreategameaccount

1 Click Game account button in navbar2 Click “New Game Account” button3 FIll all information

4 Click “Create” button

1 Click “bin” icon button on the row want to delete

2 Click “Yes” button to delete or “No” to cancel

3.2.25AdminUpdateasset

1 Click Asset button in navbar

2 Click “edit” icon button on the row want to update3 Fill all information

4 Click “Update” button