presentation team ngx 4주차 발표자료
TRANSCRIPT
Facebook Remote Volley BallProposalTeam NGX(Next Generation eXperience)presentation for capstone projectIkwhan Chang(20060957) | Sangtae Lee(20115695) | Dongkyoung Jo(20112104)
INDEX• Team NGX
• Introduction
• How to Play
• System Architecture
• Requirements
• Schedule
• Q&A
2
Team NGXTeam NGX
Next Generation eXperience
Team Member & Role
3
Name Part
Ikwhan Chang Facebook In-App Game(using Adobe Edge or Unity Engine), iPhone Apps
Sangtae Lee I/O Server, Game Server(Main), Database
Dongkyoung Jo Hybrid Client, Game Server(Assistance), Facebook API
IntroductionProject Name
• Facebook Remote Volley Ball
What is this?
• Simple VolleyBall Game
• looks like Pikachu Volleyball
• Facebook In-App Game
• Remote Controlling
How to play? 51. Install on
How to play? 62. Add primary
controller
Add to your controller
iphone5primary
+
How to play? 73. connect to
game
Room list
vs
3 : 0
viewviewviewview
My InfoIkwhan Chang
W : 30 L : 100
Friend’s Activities
vs
3 : 0
viewviewviewview
new roomnew roomnew roomnew room
vs
3 : 0
viewviewviewview
.
.
.
playing idle playing playing playing playing playing
settingsettingsettingsetting
How to play? 84. make new room or join
create new room
room title :
time : 3min 5min
privacy : open hide
createcreatecreatecreate backbackbackback
How to play?5. ready and play
[3] fast volleyball play
chatchatchatchatUsers
Chang Lee
+
invite button
readyreadyreadyready
PlayersIkwhan Chang
W : 30 L : 100
Sangtae Lee
W : 30 L : 100
How to play?5-1. invite friend
[3] fast volleyball play
chatchatchatchat
Users
Chang Lee
+
invite friend
idle idle idle idle
inviteinviteinviteinvite closeclosecloseclose
How to play?5. ready and play
[3] fast volleyball play
chatchatchatchat
Users
Chang Lee
+
readyreadyreadyready
character moving area
shooting or jumping area
player 1’s controller player 2’s controller
shaking phone(use motion sensor)
chatting
System Architecture 12
Controller 1(iphone or android)
Controller 2(iphone or android)
Wi-Fi Connected
Server: I/O , Game Logic Processing, Push
Database ServerMySQL
Viewing Data
Facebook OAuth Login
Facebook User Data(Friend list, Profile Image..)
Wi-Fi Connected
User Data Maintenance(facebook token, game data, etc..)
Facebook In-App Store
Client
System Environment 13Server
Development Environment14
Lee
Jo
IntelliJ IDE
Eclipse w/ STS
Eclipse w/ Android
Testing Server
changes
testing
Jenkins Continuous Integration
JIRAIssue Trackershare Issue/Bug/TODO
Chang
GitRepository
Schedule 151 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
UI / layoutUI / layout
class, transactionclass, transactionDesign
Server
Client
(device)
Test
Set-up Spring F/WSet-up Spring F/W
Set-up CordovaSet-up Cordova
Set-up FacebookSet-up Facebook
JSON ParserJSON Parser
JSON I/OJSON I/O
Sync w/serverSync w/server
Sync w/clientSync w/client
Client
(facebook)default game UIdefault game UI
Character movingCharacter moving
Default UIDefault UI
RoomingRooming
InvitingInviting
Sync w/serverSync w/server
integratingintegrating
roomingrooming
gaminggaming
game controlgame control
convert iPhoneconvert iPhone
1st test1st test
Final TestFinal Test
Team NGX- 3rd weekend Ikwhan Chang
- Github setting, JIRA setting, Jenkins setting
Sangtae Lee
- Intellij IDEA setting
Dongkyoung Jo
- Apache cordova setting, Presenter
16
Schedule 171 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
UI / layoutUI / layout
class, transactionclass, transactionDesign
Server
Client
(device)
Tes
t
Set-up Spring F/WSet-up Spring F/W
Set-up CordovaSet-up Cordova
Set-up FacebookSet-up Facebook
JSON ParserJSON Parser
JSON I/OJSON I/O
Sync w/serverSync w/server
Sync w/clientSync w/client
Client
(facebook)default game UIdefault game UI
Character movingCharacter moving
Default UIDefault UI
RoomingRooming
InvitingInviting
Sync w/serverSync w/server
integratingintegrating
roomingrooming
gaminggaming
game controlgame control
convert iPhoneconvert iPhone
1st test1st test
Final TestFinal Test
Team NGXhttps://github.com/izie/FBVolleyBall
18
Github setting
-Setting the Git Repository for colleting source
Team NGXhttps://izectlab.atlassian.net 테스트 ID : tester PW : 123qwe!1
19
JIRA Setting
- Tool for Issue tracker, Bug report, Scheduling
Team NGXhttp://1.209.21.74:9090/jenkins/job/FBVolleyBall/
20
Jenkins setting
- Collecting our source
and send to the test
server automatically
Team NGX 21
Spring MVC is supported only in Ultimate Edition
For using the Spring MVC
Team NGX 22
Containing the Spring MVC
Team NGX 23
<Excuted by Android AVD>
Team NGX 24
Apache cordova can make Hybrid app
Team NGX- 4th weekend
25Ikhwan Chang
- Github setting, Jenkins setting, register Facebook App, support other settings.
SangTae Lee
- Complete setting Intellij IDEA, Spring MVC environment study, Json parsing study,
Presenter
DongKyoung Jo
- Distinguish screen touch pattern
Schedule 261 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
class, transactionclass, transactionDesign
Server
Client
(device)
Tes
t
Set-up Spring F/W
Set-up Cordova
JSON ParserJSON Parser
JSON I/OJSON I/O
Sync w/serverSync w/server
Sync w/clientSync w/client
Client
(facebook)default game UIdefault game UI
Character movingCharacter moving
Default UIDefault UI
RoomingRooming
InvitingInviting
Sync w/serverSync w/server
integratingintegrating
roomingrooming
gaminggaming
game controlgame control
convert iPhoneconvert iPhone
final testfinal test
2nd demo2nd demo1st demo1st demo
1st test1st test
Prepare Prepare final final
presentapresentationtion
Set-up FacebookSet-up Facebook
UI / layoutUI / layout
Team NGX
Select Intellij IDEA
Cannot find any alternative tool.
Use Ikhwan Chang’s previous version tool license.
Spring MVC environment study
Spring is unaccustomed framework.
Study spring MVC part with ‘ 토비의 스프링 3.1’
27
Team NGX 28 Practice some spring MVC pattern and
json parsing
http://1.209.21.74:8080/FBVOL_SERVER/Character/printUser1.209.21.74:8080/FBVOL_SERVER/Character/Move/%7B"ID":"izie","X":200,"Y":100%7D
Team NGX 29
We registered facebook app and waited for their approval
Team NGX 30
Finally today, it is approval.https://apps.facebook.com/ngx_fbvol/
Team NGX
Test screen touch sensor
Distinguish the moving patterns (basic 4 directions)
Let’s see demo
31
Q&AGithub Repository :
https://github.com/izie/FBVolleyBall
thanks!