Team FK5D) 김찬호 (Team Leader) 김순환 , 이성한 , 박준규 , 강인석

TalkTogether

• 목차• 톡 투게더 (Talk Togather) 기본구조 – 1) 기본 구조

- 2) 발사믹 구현

• 데이터베이스 구조

5) Main Display 6) - Add Friend 7) - Delete Friends

• 개발과정 (Development STEP)

8) Chatting( 채팅 )

1) Server2) Command

3) Login4) Sign Up준규 성한

인석순환

Team Leader - 찬호

톡 투게더 기본 구조

Talk Together Architecture

[Main Display]

Server

Client

Client

Client

5 | 42

⇨ 발사믹 구현 `

Success !

Sign Up

Login Success

[My page]

Profile 6 | 42

⇨ 발사믹 구현 (2)`

Chatting

Add friends01025454545

[My page]

데이터베이스 구조

DataBase 구조

Friend Table

Sequence Number,uPhone ( 사용자 핸드폰 번호 )

fPhone ( 사용자의 친구 핸드폰 번호 )

‘uPhone’ 을 Member Table 과 Friend Table 을 연결하는 외래 키 (Foreign Key) 로 사용 .

TogSchema

Member Table

‘Phone’ 을 유일 키 (Primary Key) 로 사용 .

Name (Column Name)

PasswordPhone (Primary key)

Email

Development STEP

Profile 10 | 42

STEP 1) Server

서버 소켓을 생성하고 클라이언트로부터 접속 요청을 기다리고 연결에 문제가 없다면 접속 요청을 한 클라이언트와 데이터를 주고 받을 서버 측의 소켓을 생성하는 기능을 수행하도록 하였다 . 소켓 : 서버와 클라이언트가 데이터를 송수신 하는 입출구 .

Profile 11 | 42

STEP 2) Command

서버에서 사용하는 명령어들은 따로 모아 놓음으로써 , 유지보수성을 높게 함 .

Profile 12 | 42

STEP 3) Login

DB 와 연동시켜 Member table의 Phone  컬럼에 동일한 핸드폰 번호가 있을 경우에 로그인을 허가 ,동일한 핸드폰 번호가 없을 경우 혹은 비밀번호가 다를 경우 “해당 유저가 이미 접속 중입니다“ 메시지 로드 .

Profile 13 | 42

STEP 4) Sign Up

DB 와 연동 ,이름과 핸드폰 번호비밀번호그리고 이메일을 받아Member Table 로연결 .

Profile 14 | 42

STEP 5) Main Display – Add Friends

메인 패널 상단에 친구추가 아이콘 ( 버튼 ) 을 붙였고 ,스크롤 바 삽입 , 또한 친구가 추가될 때마다 패널에 친구 정보를 담아 패널을 추가시키는 코딩을 하였다 .

Profile 15 | 42

STEP 6) Add Friends (Main)

친구추가를 진행하였을 때 ,  핸드폰 번호로 멤버 테이블 DB 를 검색하여 나온 결과값을 프렌드 테이블 DB 에 FK 로 주어 입력 .  내 친구 목록은 서버 작동을 종료시켜도DB 에 남아 로그인 할 때 불러오도록 함 .

체크박스 체크 후 , 친구 삭제 버튼을 클릭하면 쿼리문을 통하여 데이터베이스에서 프렌드 테이블(Friend table) 의 해당 로우 (Row) 를 삭제하는 기능을 구현하였음 .

Profile 16 | 42

STEP 7) Main Display – Delete Friends

Profile 17 | 42

STEP 8) Chatting

  친구 추가 후 ,  친구 패널 체크박스를 클릭 . “ 채팅하기” 버튼을 누르면 상대 유저와 사용자 화면에 각각 채팅 화면이 오픈된다 .하단 텍스트 필드에 글을 작성하고 확인을 누르면 ( 엔터도가능 )  상대와 함께 채팅을 할 수 있다 .  하단의 지우개를 누르면 채팅창을 초기화해준다 ..

Q&A

감사합니다 .