![메시지를 작성하고
전송버튼을 Click 한다.
닉네임과 메시지가
입력되었는가
Node.js
(module:websocket)
경고창
메시지 암호화
Y
N
Y
N
보안채팅
Y
암호키변경
Y
+
C1이 입력한 암호키
초기화 암호키
(isyouchat)
+
N
Web Server
(Tomcat WAS)
보안채팅
암호키변경
+
New 암호키
초기화 암호키
(isyouchat)
+
Y
N
Chatting View 출력
Broadcast로 전송
조건 1 : A, B, C 모두 일반상태에서
일반 메시지를 보냈을 경우
[C1] [평문 테스트]
[C1] [평문 테스트]
Ⅶ. IS YOU CHAT Flow Chart](https://image.slidesharecdn.com/isyouchat-151221162033/85/Isyouchat-20-320.jpg)
![메시지를 작성하고
전송버튼을 Click 한다.
닉네임과 메시지가
입력되었는가
Node.js
(module:websocket)
경고창
메시지 암호화
Y
N
Y
N
보안채팅
Y
암호키변경
Y
+
C1이 입력한 암호키
초기화 암호키
(isyouchat)
+
N
Web Server
(Tomcat WAS)
보안채팅
암호키변경
+
New 암호키
초기화 암호키
(isyouchat)
+
Y
N
Chatting View 출력
Broadcast로 전송
조건 2 : A, B 보안상태 / C 일반상태에서
A가 암호화된 메시지를 보냈을 경우
[C1] [암호화 메시지 테
스트(a,b=보안 c=일반]
[C1] [암호화 메시지 테
스트(a,b=보안 c=일반]
aserjlkaserjkl@#$@221
34324@#$kaelw
aserjlkaserjkl@#$@221
34324@#$kaelw
Ⅶ. IS YOU CHAT Flow Chart](https://image.slidesharecdn.com/isyouchat-151221162033/85/Isyouchat-21-320.jpg)
![메시지를 작성하고
전송버튼을 Click 한다.
닉네임과 메시지가
입력되었는가
Node.js
(module:websocket)
경고창
메시지 암호화
Y
N
Y
N
보안채팅
Y
암호키변경
Y
+
C1이 입력한 암호키
초기화 암호키
(isyouchat)
+
N
Web Server
(Tomcat WAS)
보안채팅
암호키변경
+
New 암호키
초기화 암호키
(isyouchat)
+
Y
N
Chatting View 출력
Broadcast로 전송
조건 3 : A 보안상태 대칭키=‘bible123’
/ B 보안상태 대칭키=‘isyouchat’
/ C 일반상태에서 A가 암호화된 메시지
를 보냈을 경우
[C1] [대칭키 변경
후 암호화 메시지]
awjeklajwlek@#!1!!1239
287423$se@
awjeklajwlek@#!1!!1239
287423$se@
c@@!!!%$#@%kwkwje
mejqrkle#
Ⅶ. IS YOU CHAT Flow Chart](https://image.slidesharecdn.com/isyouchat-151221162033/85/Isyouchat-22-320.jpg)
![메시지를 작성하고
전송버튼을 Click 한다.
닉네임과 메시지가
입력되었는가
Node.js
(module:websocket)
경고창
메시지 암호화
Y
N
Y
N
보안채팅
Y
암호키변경
Y
+
C1이 입력한 암호키
초기화 암호키
(isyouchat)
+
N
Web Server
(Tomcat WAS)
보안채팅
암호키변경
+
New 암호키
초기화 암호키
(isyouchat)
+
Y
N
Chatting View 출력
Broadcast로 전송
조건 4 : A, B 보안상태 동일한 대칭키
=‘bible123’ / C 일반상태에서
A가 암호화된 메시지를 보냈을 경우
[C1] [A,B 대칭키 변경
후 암호화 메시지]
awjeklajwlek@#!1!!1239
287423$se@
awjeklajwlek@#!1!!1239
287423$se@
[C1] [A,B 대칭키 변경
후 암호화 메시지]
Ⅶ. IS YOU CHAT Flow Chart](https://image.slidesharecdn.com/isyouchat-151221162033/85/Isyouchat-23-320.jpg)
[명우니닷컴]웹보안채팅 Isyouchat
- 1. Web Security Chatting Application Project 한 국 성 서 대 학 교 컴퓨터소프트웨어학 201003012 류명운 인터넷보안 기말 프로젝트
- 2. 목 차 Ⅰ. 역할분담 및 일정 Ⅱ. 주제소개 및 개발환경 Ⅲ. System Architecture Ⅳ. Hardware/Software Architecture Ⅴ. IS YOU CHAT History Ⅵ. 서버구축 및 시현 Ⅶ. IS YOU CHAT Flow chart Ⅷ. SSL보안구축 Ⅸ. 질문 & 답변 Ⅹ. 참고문헌
- 3. 김건희 SSL이란 무엇인가 / 적용법 류명운 웹 채팅 서버구축 및 클라이언트 보안 채팅 패이지 개발 발표자료 작성 AES알고리즘에 대하여 보고서 및 일지 작성 Ⅰ. 역할분담 및 일정
- 4. 개발환경 운영체제 : Windows7 주제소개 웹소켓을 이용한 웹 보안 채팅 어플리케이션 개발 툴 : Notepad 개발언어 : HTML5/CSS3, JAVASCRIPT Ⅱ. 주제소개 및 개발환경
- 5. Javascript System Architecture Tomcat WAS Websocket module HTML5 / CSS3 AES Library Node.js Node Websocket module Tomcat WAS HTML5 / CSS3 AES Library Javascript Ⅲ. System Architecture
- 6. Ⅳ. Hardware / Software Architecture
- 7. Ⅴ. IS YOU CHAT HISTORY
- 8. Ⅴ. IS YOU CHAT HISTORY IS YOU CHAT ver0.1 - '14.11.19. 20:11 ·노드를 사용해서 자바스크립트로 짠 Websocket server.js 실행 ·클라이언트 페이지(html) 작성 및 테스트
- 9. IS YOU CHAT ver0.2 - '14.11.20. 05:28 · Node에서 실행 시킬 웹 소켓 서버인 Broadcast.js 파일 작성 Ⅴ. IS YOU CHAT HISTORY
- 10. IS YOU CHAT ver0.3 - '14.11.21. 04:07 · 디자인 로고 / 모바일 / 데스크탑에 맞춤비율 · 클라이언트 메시지 출력화면 밎 서버 콘솔창 출력화면 설계 · 실시간 동시접속자 수 출력 · 실시간 동시접속자 수 출력 Ⅴ. IS YOU CHAT HISTORY
- 11. IS YOU CHAT ver1.0 - '14.11.22. 03:10 · 자바스크립트로 짜여진 AES 암호화 라이브러리 적용 Ⅴ. IS YOU CHAT HISTORY
- 12. IS YOU CHAT ver2.0 - '14.11.22. 18:40 · 보안채팅 활성화 / 비활성화 기능 추가 Ⅴ. IS YOU CHAT HISTORY
- 13. IS YOU CHAT ver3.0 - '14.11.23. 20:10 · 암호화/복호화에 사용되는 암호키(대칭키)변경 기능 추가 Ⅴ. IS YOU CHAT HISTORY
- 14. 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) 페이지로 이동 · ③ 본 웹 어플리케이션에 대한 설명 및 간단한 사용법 · ④ 채팅 어플리케이션 · ⑤ 만든이 및 개발기간, 템플릿 디자인 출처 Ⅴ. IS YOU CHAT HISTORY
- 15. IS YOU CHAT Use Page - '14.11.24. 04:09 - http://210.123.254.127:8080/isyouchat/use.html · ① 채팅 어플리케이션 사용 방법에 대하여 Ⅴ. IS YOU CHAT HISTORY
- 16. IS YOU CHAT Help Page - '14.11.24. 04:21- http://210.123.254.127:8080/isyouchat/help.html · ① 버그 및 문의사항 접수 받을 연락처 기재 Ⅴ. IS YOU CHAT HISTORY
- 17. Ⅵ. 서버 구축 및 시현 210.123.254.127:8080/isyouchat.html
- 18. Ⅶ. IS YOU CHAT Flow Chart
- 19. Ⅶ. IS YOU CHAT Flow Chart 메시지를 작성하고 전송버튼을 Click 한다. 닉네임과 메시지가 입력되었는가 Node.js (module:websocket) 경고창 메시지 암호화 Y N Y N 보안채팅 Y 암호키변경 Y + C1이 입력한 암호키 초기화 암호키 (isyouchat) + N Web Server (Tomcat WAS) 보안채팅 암호키변경 + New 암호키 초기화 암호키 (isyouchat) + Y N Chatting View 출력 Broadcast로 전송
- 20. 메시지를 작성하고 전송버튼을 Click 한다. 닉네임과 메시지가 입력되었는가 Node.js (module:websocket) 경고창 메시지 암호화 Y N Y N 보안채팅 Y 암호키변경 Y + C1이 입력한 암호키 초기화 암호키 (isyouchat) + N Web Server (Tomcat WAS) 보안채팅 암호키변경 + New 암호키 초기화 암호키 (isyouchat) + Y N Chatting View 출력 Broadcast로 전송 조건 1 : A, B, C 모두 일반상태에서 일반 메시지를 보냈을 경우 [C1] [평문 테스트] [C1] [평문 테스트] Ⅶ. IS YOU CHAT Flow Chart
- 21. 메시지를 작성하고 전송버튼을 Click 한다. 닉네임과 메시지가 입력되었는가 Node.js (module:websocket) 경고창 메시지 암호화 Y N Y N 보안채팅 Y 암호키변경 Y + C1이 입력한 암호키 초기화 암호키 (isyouchat) + N Web Server (Tomcat WAS) 보안채팅 암호키변경 + New 암호키 초기화 암호키 (isyouchat) + Y N Chatting View 출력 Broadcast로 전송 조건 2 : A, B 보안상태 / C 일반상태에서 A가 암호화된 메시지를 보냈을 경우 [C1] [암호화 메시지 테 스트(a,b=보안 c=일반] [C1] [암호화 메시지 테 스트(a,b=보안 c=일반] aserjlkaserjkl@#$@221 34324@#$kaelw aserjlkaserjkl@#$@221 34324@#$kaelw Ⅶ. IS YOU CHAT Flow Chart
- 22. 메시지를 작성하고 전송버튼을 Click 한다. 닉네임과 메시지가 입력되었는가 Node.js (module:websocket) 경고창 메시지 암호화 Y N Y N 보안채팅 Y 암호키변경 Y + C1이 입력한 암호키 초기화 암호키 (isyouchat) + N Web Server (Tomcat WAS) 보안채팅 암호키변경 + New 암호키 초기화 암호키 (isyouchat) + Y N Chatting View 출력 Broadcast로 전송 조건 3 : A 보안상태 대칭키=‘bible123’ / B 보안상태 대칭키=‘isyouchat’ / C 일반상태에서 A가 암호화된 메시지 를 보냈을 경우 [C1] [대칭키 변경 후 암호화 메시지] awjeklajwlek@#!1!!1239 287423$se@ awjeklajwlek@#!1!!1239 287423$se@ c@@!!!%$#@%kwkwje mejqrkle# Ⅶ. IS YOU CHAT Flow Chart
- 23. 메시지를 작성하고 전송버튼을 Click 한다. 닉네임과 메시지가 입력되었는가 Node.js (module:websocket) 경고창 메시지 암호화 Y N Y N 보안채팅 Y 암호키변경 Y + C1이 입력한 암호키 초기화 암호키 (isyouchat) + N Web Server (Tomcat WAS) 보안채팅 암호키변경 + New 암호키 초기화 암호키 (isyouchat) + Y N Chatting View 출력 Broadcast로 전송 조건 4 : A, B 보안상태 동일한 대칭키 =‘bible123’ / C 일반상태에서 A가 암호화된 메시지를 보냈을 경우 [C1] [A,B 대칭키 변경 후 암호화 메시지] awjeklajwlek@#!1!!1239 287423$se@ awjeklajwlek@#!1!!1239 287423$se@ [C1] [A,B 대칭키 변경 후 암호화 메시지] Ⅶ. IS YOU CHAT Flow Chart
- 24. 웹서버 SSL/TSL보안 구축 • HTML5에서 제공하는 wss(Web Socket Secure)사용 Ⅷ. SSL보안 구축
- 25. 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=201110 28085010 socket.io(nodeJS 활용 채팅방 만들기 - 모듈 설치 및 HTML 코 딩) http://blog.naver.com/musasin84/60190953953 html5korea에서 제공하는 Multi WebSocket Chat Promgram https://www.koreahtml5.kr/jsp/exercise/webSocketDtl.jsp 이상 발표 끝! 감사합니다 이상 발표 끝! 감사합니다