SlideShare a Scribd company logo
1 of 17
Node.js를 이용한
웹 기반 수업관리 시스템
3GO
20050504 도영주
20090544 박은지
20091078 이현진
20091437 황미진
1. 목적
 배경
 필요성
 목표
2. 과제 설계과정
3. 시스템 구성도
4. 핵심구현 내용
 OpenVPN
 SMTP
 Node.js
5. 기타
6. 동영상 시연
목차
3
01
목적
배경
 웹 기술의 급속한 발달
 인터넷이 정보의 원천
 효과적인 교육수단 전달을 위한 매체로써 중요한 역할을 담당
 많은 학교와 대학에서 웹 기반 수업이 점차 많이 활용
 웹 기반 수업은 많은 연구자들의 관심의 대상
 웹 기반 교수 학습은 학습자의 다양한 요구에 부응
 정보의 공유, 교환 및 상호작용
 학습자가 자유롭게 학습할 수 있는 학습자 중심의 교육모델을
제공
4
01
목적
필요성
 연구의 개선방향을 토대로 상호작용을 극대화
 수업 내용을 최대한 동적으로 지원하는 것에 중점
 Node.js를 이용하여 웹 기반 교수 학습 시스템을 설계 및 구현
5
01
목적
목표
 교수
 웹 상에서 과목을 개설하여 학생들이 원하는 과목을 수강 신청
할 수 있도록 함
O/X형, 객관식의 문제를 출제
 학생 관리, 강의 등록, 정답률 확인 등 학사 관리
 학생
원하는 과목을 수강 신청
수업 중 익명으로 실시간 질문 및 답변을 가능
실제 교과목을 웹 기반 교수 학습 시스템에 적용
학습자 중심의 실시간 질의응답 학습방법을 이용한 수업 중 이해
도 조사 방법을 구현하는 데 목적
6
02
과제 설계 과정
 초기 구성도 설계
 초기 시퀀스 다이어그램 생성
 화면 설계
 Session Open 시퀀스 다이어그램 생성
7
03
시스템 구성도
8
04
핵심 구현내용
OpenVPN
 학내 네트워크는 외부에서 접속이 차단
 학외 PC에서 네트워크 드라이브를 연결하거나 학내 네트워크 상에
있는 것 같은 효과를 내기 위해서는 VPN(Virtual Private Network)을
사용
9
04
핵심 구현내용
SMTP
 SSL(Secure Sockets Layer)을 위한 설정
 Php.ini 내의 extension=php_openssl.dll 주석 제거
 Apache 폴더 내의 httpd.conf 파일 주석제거
 Apache/ extra/http-ssl.conf 파일 수정
 PHP 사이트 내에서 제공하는 메일 전송 모듈을 이용
10
04
핵심 구현내용
Node.js
 자바스크립트를 서버 개발 환경에 사용하도록 만든 솔루션
 이벤트 기반 비동기 방식으로 작동
 서버에 부하를 적게 줌 / 빠른 응답속도
Socket.io 모듈
 Node.js 내부의 Web Socket 서버 구현 모듈
 웹 서버-브라우저 간의 실시간 통신
 기존 HTML5 Web Socket은 IE 10부터 지원
 Socket.io는 대부분의 브라우저에서 사용 가능
교수
접속
학생
1 학생
2
학생
4
학생
3
학생
n
04
핵심 구현내용
Node.js – Room에 Join
최대 2000명까지 접속 유지
교수
학생
1
학생
2
학생
3
학생
n
문제유형전송
Broadcast
핵심 구현내용
Node.js – 교수 학생
04
교수
학생
1
학생
2
학생
3
학생
n
핵심 구현내용
Node.js – 학생 교수
04
기타05
어려웠던 점 및 해결 방법
 그룹 생성을 통한 교수님의 BroadCast
 학생 개인의 개별적인 통신
 Node.js를 통한 해결
 책 저자와의 메일을 통한 조언
미완성 부분 및 추후 계획
 모바일 App 개발
기타05
팀원 역할 분담
동영상 시연06
감사합니다

More Related Content

Viewers also liked

자기소개서 복사본
자기소개서   복사본자기소개서   복사본
자기소개서 복사본경희 이
 
톰캣 #07-host
톰캣 #07-host톰캣 #07-host
톰캣 #07-hostGyuSeok Lee
 
톰캣 #05+a-배치-parallel deployment
톰캣 #05+a-배치-parallel deployment톰캣 #05+a-배치-parallel deployment
톰캣 #05+a-배치-parallel deploymentGyuSeok Lee
 
톰캣 #05+b-root-deployment
톰캣 #05+b-root-deployment톰캣 #05+b-root-deployment
톰캣 #05+b-root-deploymentGyuSeok Lee
 
톰캣 #04-환경설정
톰캣 #04-환경설정톰캣 #04-환경설정
톰캣 #04-환경설정GyuSeok Lee
 
톰캣 #05-배치
톰캣 #05-배치톰캣 #05-배치
톰캣 #05-배치GyuSeok Lee
 
톰캣 #02-설치환경
톰캣 #02-설치환경톰캣 #02-설치환경
톰캣 #02-설치환경GyuSeok Lee
 
Shipyard one 사용자 교육 1. 프로그램 소개 및 기본 사용법
Shipyard one 사용자 교육   1. 프로그램 소개 및 기본 사용법Shipyard one 사용자 교육   1. 프로그램 소개 및 기본 사용법
Shipyard one 사용자 교육 1. 프로그램 소개 및 기본 사용법Byoungik Moon
 
20130329 tomcat ssl
20130329 tomcat ssl20130329 tomcat ssl
20130329 tomcat sslSukjin Yun
 
표기법을 아시나요?
표기법을 아시나요?표기법을 아시나요?
표기법을 아시나요?ETRIBE_STG
 
리눅스에 대하여
리눅스에 대하여리눅스에 대하여
리눅스에 대하여ETRIBE_STG
 
Android version
Android version Android version
Android version ETRIBE_STG
 
머큐리얼저장소추가 사용자추가 권한추가
머큐리얼저장소추가 사용자추가 권한추가머큐리얼저장소추가 사용자추가 권한추가
머큐리얼저장소추가 사용자추가 권한추가ETRIBE_STG
 
Wix - 웹 홈페이지 제작
Wix - 웹 홈페이지 제작Wix - 웹 홈페이지 제작
Wix - 웹 홈페이지 제작ETRIBE_STG
 
모바일에서 Ble pxp
모바일에서 Ble pxp모바일에서 Ble pxp
모바일에서 Ble pxpETRIBE_STG
 
구글맵 JavaScript API
구글맵 JavaScript API구글맵 JavaScript API
구글맵 JavaScript APIETRIBE_STG
 

Viewers also liked (18)

자기소개서 복사본
자기소개서   복사본자기소개서   복사본
자기소개서 복사본
 
톰캣 #07-host
톰캣 #07-host톰캣 #07-host
톰캣 #07-host
 
톰캣 #05+a-배치-parallel deployment
톰캣 #05+a-배치-parallel deployment톰캣 #05+a-배치-parallel deployment
톰캣 #05+a-배치-parallel deployment
 
톰캣 #05+b-root-deployment
톰캣 #05+b-root-deployment톰캣 #05+b-root-deployment
톰캣 #05+b-root-deployment
 
톰캣 #04-환경설정
톰캣 #04-환경설정톰캣 #04-환경설정
톰캣 #04-환경설정
 
톰캣 #05-배치
톰캣 #05-배치톰캣 #05-배치
톰캣 #05-배치
 
톰캣 #02-설치환경
톰캣 #02-설치환경톰캣 #02-설치환경
톰캣 #02-설치환경
 
Shipyard one 사용자 교육 1. 프로그램 소개 및 기본 사용법
Shipyard one 사용자 교육   1. 프로그램 소개 및 기본 사용법Shipyard one 사용자 교육   1. 프로그램 소개 및 기본 사용법
Shipyard one 사용자 교육 1. 프로그램 소개 및 기본 사용법
 
20130329 tomcat ssl
20130329 tomcat ssl20130329 tomcat ssl
20130329 tomcat ssl
 
Objc literals
Objc literalsObjc literals
Objc literals
 
표기법을 아시나요?
표기법을 아시나요?표기법을 아시나요?
표기법을 아시나요?
 
리눅스에 대하여
리눅스에 대하여리눅스에 대하여
리눅스에 대하여
 
Android version
Android version Android version
Android version
 
머큐리얼저장소추가 사용자추가 권한추가
머큐리얼저장소추가 사용자추가 권한추가머큐리얼저장소추가 사용자추가 권한추가
머큐리얼저장소추가 사용자추가 권한추가
 
Swing browser
Swing browserSwing browser
Swing browser
 
Wix - 웹 홈페이지 제작
Wix - 웹 홈페이지 제작Wix - 웹 홈페이지 제작
Wix - 웹 홈페이지 제작
 
모바일에서 Ble pxp
모바일에서 Ble pxp모바일에서 Ble pxp
모바일에서 Ble pxp
 
구글맵 JavaScript API
구글맵 JavaScript API구글맵 JavaScript API
구글맵 JavaScript API
 

Similar to Node.js를 이용한 수업관리 시스템(Lecture System using Node.js)

U&i insight2012스터디설명회
U&i insight2012스터디설명회U&i insight2012스터디설명회
U&i insight2012스터디설명회Amy Young Ah Kim
 
Vue.js와 Firebase를 활용한 웹 서비스 개발
Vue.js와 Firebase를 활용한 웹 서비스 개발Vue.js와 Firebase를 활용한 웹 서비스 개발
Vue.js와 Firebase를 활용한 웹 서비스 개발Aria (In Suk) Kim
 
P Tstyle A Waxsoft A00
P Tstyle A Waxsoft A00P Tstyle A Waxsoft A00
P Tstyle A Waxsoft A00dfagvdfv
 
Open edx 통합테스트 보고서
Open edx 통합테스트 보고서Open edx 통합테스트 보고서
Open edx 통합테스트 보고서sam Cyberspace
 
제로보드과제보고서
제로보드과제보고서제로보드과제보고서
제로보드과제보고서kth919
 
my activities before getting a job
my activities before getting a jobmy activities before getting a job
my activities before getting a jobDeo Kim
 
플립러닝,해봤더니...
플립러닝,해봤더니...플립러닝,해봤더니...
플립러닝,해봤더니...hyungjoo park
 
[명우니닷컴]졸작최종계획
[명우니닷컴]졸작최종계획[명우니닷컴]졸작최종계획
[명우니닷컴]졸작최종계획Myeongun Ryu
 
클라우드서비스(강의계획서,2018-1)
클라우드서비스(강의계획서,2018-1)클라우드서비스(강의계획서,2018-1)
클라우드서비스(강의계획서,2018-1)Yong Heui Cho
 
비대면 MSA / CNA 강의 - Contactless Microservices Architecture Learning
비대면 MSA / CNA 강의 - Contactless Microservices Architecture Learning비대면 MSA / CNA 강의 - Contactless Microservices Architecture Learning
비대면 MSA / CNA 강의 - Contactless Microservices Architecture LearninguEngine Solutions
 
드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서draghome
 
새로운 교육 패러다임을 리딩하기 위한 통합 교육 솔루션 Edupresso!
새로운 교육 패러다임을 리딩하기 위한 통합 교육 솔루션 Edupresso! 새로운 교육 패러다임을 리딩하기 위한 통합 교육 솔루션 Edupresso!
새로운 교육 패러다임을 리딩하기 위한 통합 교육 솔루션 Edupresso! Edupresso
 
Node.js 시작하기
Node.js 시작하기Node.js 시작하기
Node.js 시작하기Huey Park
 
종합 포트폴리오
종합 포트폴리오종합 포트폴리오
종합 포트폴리오hogyun yu
 
[15.09.17] 인터넷과 웹의 역사 그리고 현재의 트렌드
[15.09.17] 인터넷과 웹의 역사 그리고 현재의 트렌드[15.09.17] 인터넷과 웹의 역사 그리고 현재의 트렌드
[15.09.17] 인터넷과 웹의 역사 그리고 현재의 트렌드Sanghun Yun
 
자바스크립트 개발자가 되기 위한 플랜 강은심
자바스크립트 개발자가 되기 위한  플랜 강은심자바스크립트 개발자가 되기 위한  플랜 강은심
자바스크립트 개발자가 되기 위한 플랜 강은심은심 강
 
댓글 플러그인 아포가토
댓글 플러그인 아포가토댓글 플러그인 아포가토
댓글 플러그인 아포가토Goonoo Kim
 

Similar to Node.js를 이용한 수업관리 시스템(Lecture System using Node.js) (20)

U&i insight2012스터디설명회
U&i insight2012스터디설명회U&i insight2012스터디설명회
U&i insight2012스터디설명회
 
Vue.js와 Firebase를 활용한 웹 서비스 개발
Vue.js와 Firebase를 활용한 웹 서비스 개발Vue.js와 Firebase를 활용한 웹 서비스 개발
Vue.js와 Firebase를 활용한 웹 서비스 개발
 
P Tstyle A Waxsoft A00
P Tstyle A Waxsoft A00P Tstyle A Waxsoft A00
P Tstyle A Waxsoft A00
 
Open edx 통합테스트 보고서
Open edx 통합테스트 보고서Open edx 통합테스트 보고서
Open edx 통합테스트 보고서
 
제로보드과제보고서
제로보드과제보고서제로보드과제보고서
제로보드과제보고서
 
my activities before getting a job
my activities before getting a jobmy activities before getting a job
my activities before getting a job
 
플립러닝,해봤더니...
플립러닝,해봤더니...플립러닝,해봤더니...
플립러닝,해봤더니...
 
[명우니닷컴]졸작최종계획
[명우니닷컴]졸작최종계획[명우니닷컴]졸작최종계획
[명우니닷컴]졸작최종계획
 
클라우드서비스(강의계획서,2018-1)
클라우드서비스(강의계획서,2018-1)클라우드서비스(강의계획서,2018-1)
클라우드서비스(강의계획서,2018-1)
 
Basic.pptx
Basic.pptxBasic.pptx
Basic.pptx
 
비대면 MSA / CNA 강의 - Contactless Microservices Architecture Learning
비대면 MSA / CNA 강의 - Contactless Microservices Architecture Learning비대면 MSA / CNA 강의 - Contactless Microservices Architecture Learning
비대면 MSA / CNA 강의 - Contactless Microservices Architecture Learning
 
드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서
 
새로운 교육 패러다임을 리딩하기 위한 통합 교육 솔루션 Edupresso!
새로운 교육 패러다임을 리딩하기 위한 통합 교육 솔루션 Edupresso! 새로운 교육 패러다임을 리딩하기 위한 통합 교육 솔루션 Edupresso!
새로운 교육 패러다임을 리딩하기 위한 통합 교육 솔루션 Edupresso!
 
2
22
2
 
Node.js 시작하기
Node.js 시작하기Node.js 시작하기
Node.js 시작하기
 
종합 포트폴리오
종합 포트폴리오종합 포트폴리오
종합 포트폴리오
 
[15.09.17] 인터넷과 웹의 역사 그리고 현재의 트렌드
[15.09.17] 인터넷과 웹의 역사 그리고 현재의 트렌드[15.09.17] 인터넷과 웹의 역사 그리고 현재의 트렌드
[15.09.17] 인터넷과 웹의 역사 그리고 현재의 트렌드
 
자바스크립트 개발자가 되기 위한 플랜 강은심
자바스크립트 개발자가 되기 위한  플랜 강은심자바스크립트 개발자가 되기 위한  플랜 강은심
자바스크립트 개발자가 되기 위한 플랜 강은심
 
댓글 플러그인 아포가토
댓글 플러그인 아포가토댓글 플러그인 아포가토
댓글 플러그인 아포가토
 
Rfp1
Rfp1Rfp1
Rfp1
 

Node.js를 이용한 수업관리 시스템(Lecture System using Node.js)