2. INDEX
• Team NGX
• Introduction
• How to Play
• System Architecture
• Requirements
• Schedule
• Q&A
2
3. Team NGX
Team 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
4. Introduction
Project Name
• Facebook Remote Volley Ball
What is this?
• Simple VolleyBall Game
• looks like Pikachu Volleyball
• Facebook In-App Game
• Remote Controlling
6. How to play?
6
2. Add primary
controller
Add to your controller
iphone5
primary
+
7. How to play?
7
3. connect to
game
Room list
vs
3 : 0
viewviewviewview
My Info
Ikwhan 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
8. How to play?
8
4. make new room or join
create new room
room title :
time : 3min 5min
privacy : open hide
createcreatecreatecreate backbackbackback
9. How to play?
5. ready and play
[3] fast volleyball play
chatchatchatchat
Users
Chang Lee
+
invite button
readyreadyreadyready
Players
Ikwhan Chang
W : 30 L : 100
Sangtae Lee
W : 30 L : 100
10. How to play?
5-1. invite friend
[3] fast volleyball play
chatchatchatchat
Users
Chang Lee
+
invite friend
idle idle idle idle
inviteinviteinviteinvite closeclosecloseclose
11. 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
12. System Architecture 12
Controller 1
(iphone or android)
Controller 2
(iphone or android)
Wi-Fi Connected
Server
: I/O , Game Logic
Processing, Push
Database Server
MySQL
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
25. Team NGX
- 4th
weekend
25
Ikhwan 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
26. Schedule 26
1 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
PreparePrepare
finalfinal
presentapresenta
tiontion
Set-up FacebookSet-up Facebook
UI / layoutUI / layout
27. 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
28. Team NGX 28 Practice some spring MVC pattern and
json parsing
http://1.209.21.74:8080/FBVOL_SERVER/Character/printUser
1.209.21.74:8080/FBVOL_SERVER/Character/Move/%7B"ID":"izie","X":200,"Y":100%7D
29. Team NGX 29
We registered facebook app and waited for their approval
30. Team NGX 30
Finally today, it is approval.
https://apps.facebook.com/ngx_fbvol/
31. Team NGX
Test screen touch sensor
Distinguish the moving patterns (basic 4 directions)
Let’s see demo
31