[명우니닷컴]웹보안채팅 Isyouchat

Web Security ChattingApplication Project

한 국 성 서 대 학 교컴퓨터소프트웨어학

201003012 류명운

인터넷보안 기말 프로젝트

목 차Ⅰ. 역할분담 및 일정Ⅱ. 주제소개 및 개발환경Ⅲ. System ArchitectureⅣ. Hardware/Software ArchitectureⅤ. IS YOU CHAT HistoryⅥ. 서버구축 및 시현Ⅶ. IS YOU CHAT Flow chartⅧ. SSL 보안구축Ⅸ. 질문 & 답변Ⅹ. 참고문헌

김건희

SSL 이란 무엇인가 / 적용법

류명운

웹 채팅 서버구축 및 클라이언트 보안 채팅 패이지 개발

발표자료 작성

AES 알고리즘에 대하여

보고서 및 일지 작성

Ⅰ. 역할분담 및 일정

개발환경

운영체제 : Windows7

주제소개

웹소켓을 이용한 웹 보안 채팅 어플리케이션

개발 툴 : Notepad 개발언어 : HTML5/CSS3, JAVASCRIPT

Ⅱ. 주제소개 및 개발환경

Javascript

System Architec-ture

Tomcat WAS Websocket module HTML5 / CSS3 AES Library

Node.js

Node

Websocketmodule

TomcatWAS

HTML5/ CSS3

AES Library

Javascript

Ⅲ. System Architecture

Ⅳ. Hardware / Software Architecture

Ⅴ. IS YOU CHAT HISTORY


IS YOU CHAT ver0.1 - '14.11.19. 20:11· 노드를 사용해서 자바스크립트로 짠 Websocket server.js 실행· 클라이언트 페이지 (html) 작성 및 테스트

IS YOU CHAT ver0.2 - '14.11.20. 05:28 · Node 에서 실행 시킬 웹 소켓 서버인 Broadcast.js 파일 작성


IS YOU CHAT ver0.3 - '14.11.21. 04:07 · 디자인 로고 / 모바일 / 데스크탑에 맞춤비율 · 클라이언트 메시지 출력화면 밎 서버 콘솔창 출력화면 설계 · 실시간 동시접속자 수 출력 · 실시간 동시접속자 수 출력


IS YOU CHAT ver1.0 - '14.11.22. 03:10 · 자바스크립트로 짜여진 AES 암호화 라이브러리 적용


IS YOU CHAT ver2.0 - '14.11.22. 18:40 · 보안채팅 활성화 / 비활성화 기능 추가


IS YOU CHAT ver3.0 - '14.11.23. 20:10 · 암호화 / 복호화에 사용되는 암호키 ( 대칭키 ) 변경 기능 추가


IS YOU CHAT Main Page - '14.11.24. 03:27- http://210.123.254.127:8080/isyouchat/main.html · ① 클릭 시 IS YOU CHAT Main page 로 이동 · ② 홈 (Main) / 사용하기 (Use) / 연락 (Call) 페이지로 이동 · ③ 본 웹 어플리케이션에 대한 설명 및 간단한 사용법 · ④ 채팅 어플리케이션 · ⑤ 만든이 및 개발기간 , 템플릿 디자인 출처


http://210.123.254.127:8080/isyouchat/main.html

IS YOU CHAT Use Page - '14.11.24. 04:09 - http://210.123.254.127:8080/isyouchat/use.html · ① 채팅 어플리케이션 사용 방법에 대하여



IS YOU CHAT Help Page - '14.11.24. 04:21- http://210.123.254.127:8080/isyouchat/help.html · ① 버그 및 문의사항 접수 받을 연락처 기재



Ⅵ. 서버 구축 및 시현210.123.254.127:8080/isy-

ouchat.html

Ⅶ. IS YOU CHAT Flow Chart


메시지를 작성하고전송버튼을 Click 한다 .

닉네임과 메시지가입력되었는가

Node.js(module:websocket)

경고창

메시지 암호화

Y

N

YN

보안채팅Y

암호키변경Y

+

C1 이 입력한 암호키

초기화 암호키(isyouchat)

+

N

Web Server(Tomcat WAS)

보안채팅

암호키변경

+New 암호키


+

Y

N

Chatting View 출력

Broadcast 로 전송




경고창

메시지 암호화

Y

N

YN

보안채팅Y

암호키변경Y

+



+

N


보안채팅

암호키변경

+New 암호키


+

Y

N



조건 1 : A, B, C 모두 일반상태에서일반 메시지를 보냈을 경우

[C1] [ 평문 테스트 ][C1] [ 평문 테스트 ]





경고창

메시지 암호화

Y

N

YN

보안채팅Y

암호키변경Y

+



+

N


보안채팅

암호키변경

+New 암호키


+

Y

N



조건 2 : A, B 보안상태 / C 일반상태에서A 가 암호화된 메시지를 보냈을 경우

[C1] [ 암호화 메시지 테스트 (a,b= 보안 c=일반 ]

[C1] [ 암호화 메시지 테스트 (a,b= 보안 c=일반 ]

aserjlkaserjkl@#$@22134324@#$kaelw

aserjlkaserjkl@#$@22134324@#$kaelw





경고창

메시지 암호화

Y

N

YN

보안채팅Y

암호키변경Y

+



+

N


보안채팅

암호키변경

+New 암호키


+

Y

N



조건 3 : A 보안상태 대칭키 =‘bible123’/ B 보안상태 대칭키 =‘isyouchat’ / C 일반상태에서 A 가 암호화된 메시지를 보냈을 경우

[C1] [ 대칭키 변경 후 암호화 메시지 ]

awjeklajwlek@#!1!!1239287423$se@


c@@!!!%$#@%k-wkwjemejqrkle#





경고창

메시지 암호화

Y

N

YN

보안채팅Y

암호키변경Y

+



+

N


보안채팅

암호키변경

+New 암호키


+

Y

N



조건 4 : A, B 보안상태 동일한 대칭키=‘bible123’ / C 일반상태에서 A 가 암호화된 메시지를 보냈을 경우

[C1] [A,B 대칭키 변경 후 암호화 메시지 ]



[C1] [A,B 대칭키 변경 후 암호화 메시지 ]


웹서버 SSL/TSL 보안 구축• HTML5 에서 제공하는 wss(Web Socket Secure) 사용

Ⅷ. SSL 보안 구축

ReferenceSSL/TLS, WTLS 의 현재와 미래이진우 식별저자 , 남정현 식별저자 , 김승주 식별저자 , 원동호

2004.8

SSL Protocol 기반의 서버인증 조인석 , 윤재호 , 권태경한국통신학회 , 한국통신학회 학술대회논문집 , 2003.11

SSL Protocol 기반의 서버인증 조인석 , 윤재호 , 권태경한국통신학회 , 한국통신학회 학술대회논문집 , 2003.11

위키리스트http://ko.wikipedia.org/wiki

텀즈 : 브로드캐스트http://www.terms.co.kr/broadcast.htm

zdNet Korea HTML5 표준의 꽃 ' 웹소켓 '… 뭐길래 ?http://www.zdnet.co.kr/news/news_view.asp?artice_id=20111028085010

socket.io(nodeJS 활용 채팅방 만들기 - 모듈 설치 및 HTML 코딩 )http://blog.naver.com/musasin84/60190953953

html5korea 에서 제공하는 Multi WebSocket Chat Prom-gram

https://www.koreahtml5.kr/jsp/exercise/webSocket-Dtl.jsp

이상 발표 끝 !감사합니다

이상 발표 끝 ! 감사합니다

http://www.terms.co.kr/broadcast.htm

http://www.zdnet.co.kr/news/news_view.asp?artice_id=20111028085010

http://www.zdnet.co.kr/news/news_view.asp?artice_id=20111028085010

http://blog.naver.com/musasin84/60190953953

[명우니닷컴]웹보안채팅 Isyouchat

Internet

Transcript of [명우니닷컴]웹보안채팅 Isyouchat