1. 컴퓨터 과학의 효과적인 학습을 위한 웹 시뮬레이션 시스템
Web Simulation System for Computer Science Study
KBU.CS
SCS‘15.12.15
시스템 개요
프로젝트 계획
시스템 분석
시스템 설계(1/2)
시스템 설계(2/2)
개발 시 필요한 소양
현재까지 진행사항
제작 : 류명운 컴퓨터소프트웨어 (201003012)
졸작 계획발표, redkan@naver.com
임지영, 정해덕 현우석 지도교수
방학을 맞이하며
2. 시스템 개요
System Overview
주제 선정 이유
(1/2)
주제 선정 이유
(2/2)1)전공과목 학습에 대한 많은 어려움
2)알고리즘, 시스템 내부 동작 방식 등
에 전문 이론 지식에 대한 풀이과정
자료 부족 3)내가 푼 문제가 맞는 답인
가에 대한 확인 불가
4)이론을 습득하기 위해 책만 잡고 공
부하려니 의욕저하 5)본 주제를 졸업
작품으로 개발하며 여태껏 배운 이론
에 대해 복습
01 02
본인은 컴퓨터 소프트웨어 학과에 재학 중인 대학생으로써 전공과목에 대한 학습에 많은 어려움을 느끼게 되었다. 특히,
학년이 올라갈수록 심화되는 이론 위주의 전공수업에서 자연스레 도태되게 되었고 나머지 공부를 하지 않으면 수업을 따
라갈 수가 없는 상황에까지 이르곤 하였다. 또한, 나머지 공부 중 해당 전공 이론지식에 대한 풀이를 쉽게 이해할 수 없었
으며 교수님께 직접 찾아가 해당 풀이 과정을 물어보지 않는 이상 도움 받을 수 있는 길 또한 찾기 어려운 상황이었다. 이
에 따라 주위에선 전공 수업을 포기하고 교양수업만을 학습하는 학생 더 나아가 학업을 중도에 포기하는 학생도 발생하
곤 하였다. 이렇듯 학년이 올라갈수록 심화되는 컴퓨터과학 관련 전공지식은 학습하는데 많은 어려움을 갖고 있기에 기존
의 딱딱하고 어려운 이론수업 보다 쉽고 학습자의 참여를 유도하여 재미있게 학습하기 위한 시스템이 필요하다. ’
기존 시스템의 문제
점
03
컴퓨터과학 전공과 관련된 여러 이론
에 대한 예시 문제와 풀이과정 부족
또한, 각 이론에 대한 다양한 경우의
수에 대한 답 확인이 어려움
제안하는 시스템
웹 기반의 어플리케이션 시스템으로써 학습자에게 컴퓨터과학에 관련된 여러
이론에 대한 학습을 시뮬레이션 시스템으로 제공, 어떠한 경우의 수에도 정확한
결과 값을 도출하는 알고리즘을 장착하고 있어 학습자로 하여금 여러 가정의 시
뮬레이션 학습을 진행할 수 있도록 제공. 또한 풀이과정을 각 단계별로 시각화
하여 제공해줌으로써 학습자의 이해를 도움
04
사용자 참여 모드를 통한 학습자의 참
여를 유도하여 학습이 진행되므로 보
다 쉽고 재미있게 컴퓨터과학 지식을
학습할 수 있음
기대효과05
6. 관리자 페이지
관리자는 각 회원 및 콘
텐츠, 게시판에 대한 관
리가 가능하여야 한다.
콘텐츠 시뮬레이션
콘텐츠 시뮬레이션은 튜
토리얼 모드와 사용자참
여 모드를 지원해야 한
다.
동영상 강의
동영상 강의는 각 콘텐
츠에 대한 부가적인 서
비스로써 저작권 문제에
관련없는 강의로 구성하
여야 한다.
Q&A 게시판
회원을 위한 게시판으로
써 학습을 진행함에 있
어 발생하는 질문과 이
에 따른 답변작성이 가
능하여야 한다.
관리자 페이지: 회원 리스트, 회원 정보 수정, 회원 탈퇴, 콘텐츠 리스트, 콘텐츠 추가, 콘텐츠 수정, 콘텐츠 삭제, 동영
상 리스트, 동영상 추가, 동영상 수정, 동영상 삭제, Q&A 게시판 글 삭제
콘텐츠 시뮬레이션: 카테고리 별 검색(ex:알고리즘), 튜토리얼 모드, 사용자참여 모드
동영상 가의: 각 콘텐츠에 대한 오픈 강의
Q&A 게시판: 질문하기 , 답변하기, 수정하기, 삭제하기
Q/A
시스템 설계(2/2)
System 4 Core function
7. 웹 시스템 개발을 할 줄 알아야 함
• Apache Tomcat WAS를 통한 웹 서버 구축
• Oracle DB를 통한 데이터 관리
• Spring Framework 기반 웹 어플리케이션 개발
프로그래밍 언어를 능숙하게 다룰 줄 알아야
함• JSP 기반의 동적 Web Page 작성
• 브라우저 호환성을 위한 순수 HTML5/CSS3 기반의 웹 페이지 작성
• CSS3 + Javascript(Jquery)를 활용한 Web Page UI 설계 및 디자인
• 각 콘텐츠(이론)에 대한 JAVA언어의 알고리즘 적용(JSP)
• 각 콘텐츠(이론)에 대한 시뮬레이션(시각화) 개발 <SVG>, <CANVAS> 태그 활용
전체적인 개발을 진행할 툴을 능슥하게 다룰 줄 알아야 함
• Eclipse를 통한 전체적인 웹 시스템 개발
• Oracle Devleoper Tool을 통한 데이터베이스 관리
• Chrome Devloper Tools을 통한 디버깅
열정을 갖고 졸업작품 개발에 임해야 함
• 방학 내에 개발을 끝 맞추어야 함
• 시간을 헛되게 보내면 안됨
• 내가 원하는 개발을 제약없이 할 수 있는 마지막 기회일 수 있음
Web System
Programming
Language
Development
Tools
Passion
<code>
개발 시 필요한 소
양System 4 Core knowledge
8. MVC패턴 기반의 웹 시스템 개발 관리자 페이지 개발(동적 콘텐츠 추가)
• 회원 관리(회원 정보수정, 탈퇴)
• 콘텐츠 관리(Jstl을 이용한 동적 콘텐츠 추가, 수정, 삭제)
• 게시판 관리(공지사항 등록, 게시물 수정, 삭제)
콘텐츠 개발
• 2진수의 더하기 콘텐츠 개발(시각화 X[왼쪽이미지])
• HTML5의 <SVG>, <CANVAS> 태그 공부 후 시각화 작업
• Spring Framework 공부 후 Spring Framework 적용
앞으로 해야할 것
• Spring Framework, HTML<SVG>/<CANVAS> 태그 공부
• 시스템 개발 재시작
현재까지의 진행사
항진행사항 및 앞으로 해야할 것
9. 방학을 맞이하며.. (결론)
• 제가 하려는 졸업작품이 얼마나 어려운 것인지 뼈저리게 느끼게 되었습니다. 제가 개발하고자 하는 시스템을 떠나서
일반적인 웹 서버를 가진 사이트 조차 만드는데 많은 부족함을 느꼈습니다. 방학 내내 집 밖에 안 나가고 졸업 작품과
함께 불멸의 밤을 지새우겠습니다.
방학을 맞이하며
Cheer me up!
+ 졸업작품 계획 보고서
• 보다 자세한 졸업작품 계획보고서는 아래 주소 및 QR 코드를 통해 다운로드 가능합니다.
http://me2.do/F1Jkcaf5
감사합니다 ! 행복하세요 ~
