Presentation team ngx 4주차 발표자료

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

Facebook

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


chatchatchatchat

Users

Chang Lee

+

invite friend

idle idle idle idle

inviteinviteinviteinvite closeclosecloseclose

How to play?5. ready and 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


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



Server

Client

(device)

Tes

t

Set-up Spring F/WSet-up Spring F/W

Set-up CordovaSet-up Cordova



JSON I/OJSON I/O



Client




RoomingRooming

InvitingInviting



roomingrooming

gaminggaming



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


Server

Client

(device)

Tes

t

Set-up Spring F/W

Set-up Cordova


JSON I/OJSON I/O



Client




RoomingRooming

InvitingInviting



roomingrooming

gaminggaming



final testfinal test

2nd demo2nd demo1st demo1st demo

1st test1st test

Prepare Prepare final final

presentapresentationtion



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!

Software

Presentation team ngx 4주차 발표자료