(Caution: This content created in Korean) Course: Java Programming Type: Online Game(Java Swing + Facebook API + Java Socket + Java GUI) Description: Abalone Game(See: http://en.wikipedia.org/wiki/Abalone_(board_game) ) Number of Team: 5 Role: Leader, Client/Server Programming(about 75% is my duties)

1. College

2. Computer

3. Science

4. and

5. Technology

6.
Class

7. 컴퓨터

8. 프로그램

9. 설계

10. Professor

11. Cho

12. Sung-Rae

13.
Team

14. Name

15. Avalon

16. A+

17. Due

18. Date

19. 2012.06.13

20.
Team

21. Members

22.
20060957

23. 장익환

24. Server

25.
20112609

26. 김성진

27. Client

28.
20110483

29. 강수현

30. UI/Testing/Document

31.
20114514

32. 서왕덕

33. Client(Logic)

34.
20114509

35. 황정윤

36. UI/Testing/Document

37.
Project

38. 아발론

39. 2D

40. 소셜

41. 온라인

42. 게임

49.
Final

50. Report

61.
Program

62. Description

64. Final Report
1

65.
아발론

66. 온라인이란

67. 보드게임의

68. 종류

69. 중

70. 하나입니다.

71. 저희

72. 팀은

73. 이

74. 게임의

75.
단순하면서

76. 중독성

77. 강한

78. 로직에

79. 흥미를

80. 느껴서

81. 이를

82. 2D 로

83. 개발하기로

84.
하였습니다.

85. 넷마블

86. 등의

87. 일반적인

88. 온라인

89. 게임과

90. 같이

91. 대전모드를

92. 제공하고

93.
멀티플레이가

94. 가능한

95. 보드

96. 게임을

97. 제작하기로

98. 하였습니다.

99. 프로젝트를

100. 단순한

101.
프로젝트로

102. 끝내는

103. 것이

104. 아니라,

105. 최근

106. 추세에

107. 따라

108. 소셜

109. 네트워크

110. 기능

111. 특히

112.
페이스북

113. 로그인

114. 및

115. 소셜

116. 기능을

117. 접목시켜

118. SNG(Social

119. Network

120. Game,

121.
SNS 를

122. 기반으로

123. 하는

124. 소셜

125. 네트워크

126. 게임)

127. 라는

128. 장르로

129. 본

130. 게임을

131.
개발하였습니다.

135. Final Report
2
Schedule

137.
기획
• 게임 룰 벤치마킹
• 사용할 라이브러리 서칭
• Balsamiq을 사용한 Window 기획
디자인
• 포토샵을 사용한 디자인
• NetBeans를 사용한 Swing 라이브러리 배치
Client 개발
• Eclipse / SVN을 사용한 게임 개발
• MVC 모델 개발
Server 개발
• Echo Server 개발
• 패킷 설계/직렬화
테스트
• JUnit 단위테스트
• 서버 부하 테스트

140. Final Report
3
Game

141. Role

142.
1) Main

143. Role

149. Final Report
4
2) Role

150. ­–

151. 1

153.
3) Role

154. ­–

155. 2

160. Final Report
5
Member’s

161. Role

162.
이름

163. 역할

164.
김성진

165. Team

166. Leader,

167. PM,

168. Client

169.
서왕덕

170. Program

171. Design,

172. Logic

173.
장익환

174. Social,

175. Server

176.
강수현

177.
Program

178. Architecting

179.
UI

180. Design

181. (using

182. NetBeans)

183.
황정윤

184.
Resource

185. Searching

186.
UI

187. Design

188. (using

189. Photoshop,NetBeans)

190.
Testing

192.
Project

193. Features

194.
Socialization

195. /

196. Native

197. Application

198.
저희

199. 프로그램의

200. 가장

201. 큰

202. 특징은

203. 페이스북

204. 연동입니다.

205. 페이스북

206. 연동

207. 과정은

208. 먼저

209.
페이스북

210. 앱을

211. 개발자

212. 사이트(http://developer.facebook.com)에서

213. 등록하고

214.
사용하게

215. 됩니다.

217.
위는

218. 저희

219. 아발론

220. 온라인을

221. 등록한

222. 화면입니다.

223. 그리고

224. 전체적인

225. 유저에

226. 대한

227. 처리는

228.
토큰으로

229. 이뤄지는데,

230. 이는

231. 페이스북의

232. OAuth(Open

233. Authorization)

234. 에

235. 의해서

236.
토큰을

237. 부여밭을

238. 수

239. 있습니다.

241. Final Report
6

242.
위

243. 그림과

244. 같이

245. OAuth 연동을

246. 위해서는

247. 페이스북의

248. 서버를

249. Session 을

250. 통해

251. 한번

252.
거쳐와야

253. 합니다.

254. 이를

255. 위해서는

256. 브라우저를

257. 직/간접적으로

258. 사용해야

259. 하는데,

260. 이를

261.
위해

262. Apache 에서

263. 제공하는

264. HttpClient

265. 를

266. 사용해야

267. 합니다.

268.
저희는

269. Apache

270. HttpClient 를

271. 사용하는

272. 과정이

273. 너무나도

274. 복잡하고

275. 그렇게

276. 할

277.
바에는

278. 차라리

279. 웹

280. 기반으로

281. 개발하는

282. 것이

283. 낫다

284. 판단하여,

285. JSP 를

286. 통해

287. 간단한

288.
OAuth 인증

289. 프로그램을

290. 만들었습니다.

291.
소스)

292. 서버

293. 인증

294. 처리

295. JSP 소스

296. 일부

297. (http://changikhwan.com/fb/step1.jsp)

298.
%@

299. page

300. language=java

301. import=java.util.*,java.sql.*

302. session=true

303.
contentType=text/html;

304. charset=EUC-KR

305. pageEncoding=EUC-KR%

306.
%

308. String

309. appKey

312. =

313. 441977459148425;

315. String

316. appSecret

318. =

319. 865a7e5d19faf56eb71f9810a71bc5ed;

321. String

322. token

323. =

324. request.getParameter(token);

328. String

329. url

330. =

331. http://www.facebook.com/dialog/oauth?client_id=+

334. appKey+redirect_uri=http://avalon.changikhwan.com:9090/fb/step2.jspscope=publis
h_stream,offline_access;

337. %

339.
하지만

340. J2SE

341. 방식으로

342. 개발된

343. 프로그램에서는

344. 현재까지

345. 웹

346. 브라우저를

347. UI 상으로

348.
구현할

349. 수

350. 있는

351. 방법은

352. 없습니다.

353. Oracle 에서

354. 이러한

355. 부분을

356. 전부

357. Java

358. FX(Flash 나

359.
Silverlight 와

360. 같은

361. RIA 프로그램)

362. 에서

363. 개발

364. 가능하도록

365. 하였기

366. 때문입니다

367.
이에

368. 저희가

369. 찾은

370. 해결책은

371. The

372. DJ

373. Project 에서

374. 만든

375. Swing

376. Native

377. Library 를

378.
사용하면

379. SWT(Standard

380. Widget

381. Toolkit)을

382. 거쳐

383. 현재

384. 사용자의

385. 기본

386. 브라우저를

387.
띄울

388. 수

389. 있도록

390. 하였습니다.

391.
소스)

392. Swing

393. Native

394. Library

395. 처리

396. 부분(GetAccessToken.java)

398. Final Report
public

399. class

400. GetAccessToken

401. extends

402. JPanel

403. {

405. private

406. static

407. JFrame

408. upperFrame;

410. private

411. UIThread

412. thread;

414. private

415. static

416. String

417. ACCESS_TOKEN

418. =

419. ;

421. JPanel

422. webBrowserPanel

423. =

424. new

425. JPanel(new

426. BorderLayout());

429. public

430. GetAccessToken(final

431. JFrame

432. frame,final

433. UIThread

434. tClient)

435. {

444. super(new

445. BorderLayout());

450. upperFrame

451. =

452. frame;

457. thread

458. =

459. tClient;

469. //webBrowserPanel.setBorder(BorderFactory.createTitledBorder(Native

470. Web

471. Browser

472.
component));

477. final

478. JWebBrowser

479. webBrowser

480. =

481. new

482. JWebBrowser();

487. webBrowser.navigate(http://avalon.changikhwan.com:9090/fb/step1.jsp);

492. webBrowser.setStatusBarVisible(false);

497. webBrowserPanel.add(webBrowser,

498. BorderLayout.CENTER);

508. add(webBrowserPanel,

509. BorderLayout.CENTER);

514. //

515. Create

516. an

517. additional

518. bar

519. allowing

520. to

521. show/hide

522. the

523. menu

524. bar

525. of

526. the

527. web

528. browser.

539. webBrowser.setMenuBarVisible(false);

558. webBrowser.registerFunction(new

559. WebBrowserFunction(testFunc)

560. {

572. @Override

583. public

584. Object

585. invoke(JWebBrowser

586. webBrowser,

587. Object...

588. args)

589. {

603. //System.out.println(args[0].toString());

604. //

605. FACEBOOK

606. TOKEN

617. ACCESS_TOKEN

618. =

619. args[0].toString();

630. //webBrowserPanel.setVisible(false);

641. System.out.println(Sdfsdfsdf);

663. upperFrame.setVisible(false);

674. upperFrame.dispose();

685. UIThread.setACCESS_TOKEN(ACCESS_TOKEN);

707. return

708. null;

717. }

727. });

737. }

739.
}

740.
결론적으로는

741. 위에서

742. JWebBrowser 라는

743. 함수를

744. 통해

745. JPanel 안에

746. DJNativeSwing-
SWT.jar

747. 파일

748. 안의

749. 구현된

750. 기능을

751. 추가하여

752. 브라우저처럼

753. 사용할

754. 수

755. 있게

756. 됩니다.

757.
7

758. Final Report
8
또한

759. step1.jsp 에서는

760. 웹에서

761. 받은

762. Access

763. Token 을

764. 자바스크립트로

765. 실제

766.
J2SE 프로그램과

767. 호출할

768. 수

769. 있게

770. 됩니다.

773.
(그림

774. :

775. 프로그램

776. 위에

777. 띄어진

778. Native

779. Browser)

781.
이렇게

782. 가져온

783. Access

784. Token 은

785. restFB(www.restfb.com)에서

786. 제공하는

787. JDK 용

788.
페이스북

789. 라이브러리를

790. 이용하여

791. 유저

792. 정보를

793. 매칭시키게

794. 됩니다.

795. 이렇게

796. 하여

797.
가져오게

798. 되는

799. 정보는

800. 페이스북

801. 사용자의

802. 이름,이메일,생일

803. 등의

804. 정보와

805. 친구

806. 정보

807.
등을

808. 가져올

809. 수

810. 있습니다.

814. Final Report
소스)

815. 페이스북

816. 매니저

817. 소스

818. 중

819. 일부(FBManager.java)

821. //

822. 페이스북

823. 연동에

824. 필요한

825. 토큰

826. 및

827. 객체

829. private

830. static

831. String

832. ACCESS_TOKEN

833. ;

835. static

836. FacebookClient

837. facebookClient;

840. static

841. FacebookClient

842. publicOnlyFacebookClient;

846. public

847. FBManager(String

848. ACCESS_TOKEN){

851. this.ACCESS_TOKEN

852. =

853. ACCESS_TOKEN;

859. facebookClient

860. =

861. new

862. DefaultFacebookClient(ACCESS_TOKEN);

865. publicOnlyFacebookClient

866. =

867. new

868. DefaultFacebookClient();

876. }

880. public

881. void

882. postWall(String

883. post)

884. {

887. FacebookType

888. publishMessageResponse

889. =

890. null;

896. try

897. {

901. publishMessageResponse

902. =

903. facebookClient.publish(me/feed,

904.
FacebookType.class,

911. Parameter.with(message,

912. post));

915. }

916. catch(FacebookOAuthException

917. e)

918. {

922. //error

923. occur!!

926. }

928. }

929.
위에서

930. 처럼

931. FBManager 라는

932. 객체를

933. 사용할

934. 때에

935. ACCESS_TOKEN 을

936. 넣어

937.
사용하고,

938. defaultfacebookClient

939. 객체에

940. 토큰값을

941. 넘겨주어

942. 실제로는

943.
postWall 함수와

944. 같이(담벼락에

945. 글을

946. 남겨주는

947. 함수)

948. 쉽게

949. 사용이

950. 가능합니다.

951. 이와

952.
같은

953. 부분을

954. 저희는

955. 저희가

956. 직접

957. 만든

958. 데이터

959. 모델(UserEntry.java)에

960. 매칭시켜서

961.
사용하였습니다.

962.
9

963.
실제로

964. restFB 를

965. 사용하면

966. 위와

967. 같이

968. 저희

969. 게임에서

970. 남겨지는

971. 메시지를

972. 쉽게

973.
확인할

974. 수

975. 있습니다.

980. Final Report
10
Echo

981. Server

982. and

983. Packet

984. Serialization

985.
실제

986. 게임의

987. 구성과

988. DB 처리를

989. 위해

990. 저희는

991. Echo

992. Server 를

993. 구축하였습니다.

994. 이

995. 서버는

996.
각

997. 클라이언트마다

998. Thread 를

999. 열어두고

1000. 패킷을

1001. Serializable 을

1002. 통해

1003. 직렬화

1004. 하여

1005. 패킷

1006. 단위로

1007.
수신하고

1008. 이를

1009. ServerMgr 을

1010. 통해

1011. 처리하게

1012. 됩니다.

1014.
소스)

1015. 패킷의

1016. 구성(CPacket.java)

1017. 중

1018. 일부

1020. Final Report
public

1021. class

1022. CPacket

1023. implements

1024. Serializable{

1026. /**

1029. *

1033. */

1035. private

1036. static

1037. final

1038. long

1039. serialVersionUID

1040. =

1041. 4498887824473906148L;

1043. private

1044. String

1045. ip;

1046. //

1047. User's

1048. IP

1050. private

1051. String

1052. id;

1053. //

1054. User's

1055. ID

1057. private

1058. String

1059. port;

1060. //

1061. User's

1062. Socket

1063. Port

1065. private

1066. String

1067. no;

1068. //

1069. User's

1070. Number

1072. private

1073. String

1074. token;

1075. //

1076. User's

1077. Facebook

1078. Token

1080. private

1081. String

1082. task_type;

1083. //

1084. Packet's

1085. Task.

1086. [RECV

1087. /

1088. SEND]

1090. private

1091. String

1092. task_title;

1093. //

1094. Task's

1095. name.

1096. [CHAT

1097. /

1098. WAIT

1099. /

1100. GAME]

1104. private

1105. String

1106. action;

1107. //

1108. TASK's

1109. Action

1111. private

1113. String

1114. message;

1115. //

1117. JSON

1119. 으로

1120. 가지고

1121. 있다.

1125. private

1126. ArrayListString

1127. omessage;

1128. //

1129. Object

1133. private

1134. String

1135. getLocalServerIp()

1137. {

1147. try

1157. {

1171. for

1172. (EnumerationNetworkInterface

1173. en

1174. =

1175.
NetworkInterface.getNetworkInterfaces();

1176. en.hasMoreElements();)

1190. {

1208. NetworkInterface

1209. intf

1210. =

1211. en.nextElement();

1229. for

1230. (EnumerationInetAddress

1231. enumIpAddr

1232. =

1233. intf.getInetAddresses();

1234.
enumIpAddr.hasMoreElements();)

1252. {

1274. InetAddress

1275. inetAddress

1276. =

1277. enumIpAddr.nextElement();

1299. if

1300. (!inetAddress.isLoopbackAddress()

1302. !inetAddress.isLinkLocalAddress()

1304. inetAddress.isSiteLocalAddress())

1326. {