컴퓨터 과학의 효과적인 학습을 위한 웹 시뮬레이션 시스템Web Simulation System for Computer Science

Study

KBU.CSSCS

‘15.12.15

시스템 개요

프로젝트 계획

시스템 분석

시스템 설계 (1/2)시스템 설계 (2/2)개발 시 필요한 소양

현재까지 진행사항

제작 : 류명운 컴퓨터소프트웨어 (201003012)졸작 계획발표 , redkan@naver.com

임지영 , 정해덕 현우석 지도교수

방학을 맞이하며

시스템 개요System Overview

주제 선정 이유(1/2)

주제 선정 이유(2/2)1) 전공과목 학습에 대한 많은 어려움 2)알고리즘 , 시스템 내부 동작 방식 등에 전문 이론 지식에 대한 풀이과정 자료 부족 3) 내가 푼 문제가 맞는 답인가에 대한 확인 불가

4) 이론을 습득하기 위해 책만 잡고 공부하려니 의욕저하 5) 본 주제를 졸업작품으로 개발하며 여태껏 배운 이론에 대해 복습

01 02

본인은 컴퓨터 소프트웨어 학과에 재학 중인 대학생으로써 전공과목에 대한 학습에 많은 어려움을 느끼게 되었다 . 특히 , 학년이 올라갈수록 심화되는 이론 위주의 전공수업에서 자연스레 도태되게 되었고 나머지 공부를 하지 않으면 수업을 따라갈 수가 없는 상황에까지 이르곤 하였다 . 또한 , 나머지 공부 중 해당 전공 이론지식에 대한 풀이를 쉽게 이해할 수 없었으며 교수님께 직접 찾아가 해당 풀이 과정을 물어보지 않는 이상 도움 받을 수 있는 길 또한 찾기 어려운 상황이었다 . 이에 따라 주위에선 전공 수업을 포기하고 교양수업만을 학습하는 학생 더 나아가 학업을 중도에 포기하는 학생도 발생하곤 하였다 . 이렇듯 학년이 올라갈수록 심화되는 컴퓨터과학 관련 전공지식은 학습하는데 많은 어려움을 갖고 있기에 기존의 딱딱하고 어려운 이론수업 보다 쉽고 학습자의 참여를 유도하여 재미있게 학습하기 위한 시스템이 필요하다 . ’

기존 시스템의 문제점

03컴퓨터과학 전공과 관련된 여러 이론에 대한 예시 문제와 풀이과정 부족 또한 , 각 이론에 대한 다양한 경우의 수에 대한 답 확인이 어려움

제안하는 시스템웹 기반의 어플리케이션 시스템으로써 학습자에게 컴퓨터과학에 관련된 여러 이론에 대한 학습을 시뮬레이션 시스템으로 제공 , 어떠한 경우의 수에도 정확한 결과 값을 도출하는 알고리즘을 장착하고 있어 학습자로 하여금 여러 가정의 시뮬레이션 학습을 진행할 수 있도록 제공 . 또한 풀이과정을 각 단계별로 시각화하여 제공해줌으로써 학습자의 이해를 도움

04사 용 자 참 여 모 드 를 통 한 학 습 자 의 참여를 유도하여 학습이 진행되므로 보다 쉽고 재미있게 컴퓨터과학 지식을 학습할 수 있음

기대효과05

프로젝트 계획Project Planning

시스템 분석Project Planning

시스템 설계 (1/2)시스템 구조 , S/W & H/W 구조 , 데이터베이스 ER-D,

개발 환경

관리자 페이지관리자는 각 회원 및

콘텐츠 , 게시판에 대한 관리가 가능하여야 한다 .

콘텐츠 시뮬레이션콘텐츠 시뮬레이션은

튜토리얼 모드와 사용자참여 모드를

지원해야 한다 .

동영상 강의동영상 강의는 각

콘텐츠에 대한 부가적인 서비스로써 저작권

문제에 관련없는 강의로 구성하여야 한다 .

Q&A 게시판회원을 위한

게시판으로써 학습을 진행함에 있어 발생하는

질문과 이에 따른 답변작성이 가능하여야

한다 .

관리자 페이지 : 회원 리스트 , 회원 정보 수정 , 회원 탈퇴 , 콘텐츠 리스트 , 콘텐츠 추가 , 콘텐츠 수정 , 콘텐츠 삭제 , 동영상 리스트 , 동영상 추가 , 동영상 수정 , 동영상 삭제 , Q&A 게시판 글 삭제

콘텐츠 시뮬레이션 : 카테고리 별 검색 (ex: 알고리즘 ), 튜토리얼 모드 , 사용자참여 모드

동영상 가의 : 각 콘텐츠에 대한 오픈 강의

Q&A 게시판 : 질문하기 , 답변하기 , 수정하기 , 삭제하기

Q/A

시스템 설계 (2/2)System 4 Core function

웹 시스템 개발을 할 줄 알아야 함• 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

DevelopmentTools

Passion

<code>

개발 시 필요한 소양System 4 Core knowledge

MVC 패턴 기반의 웹 시스템 개발 관리자 페이지 개발 ( 동적 콘텐츠 추가 )• 회원 관리 ( 회원 정보수정 , 탈퇴 )• 콘텐츠 관리 (Jstl 을 이용한 동적 콘텐츠 추가 , 수정 , 삭제 )• 게시판 관리 ( 공지사항 등록 , 게시물 수정 , 삭제 )

콘텐츠 개발• 2 진수의 더하기 콘텐츠 개발 ( 시각화 X[ 왼쪽이미지 ])• HTML5 의 <SVG>, <CANVAS> 태그 공부 후 시각화 작업

• Spring Framework 공부 후 Spring Framework 적용

앞으로 해야할 것• Spring Framework, HTML<SVG>/<CANVAS> 태그 공부• 시스템 개발 재시작

현재까지의 진행사항진행사항 및 앞으로 해야할 것

방학을 맞이하며 .. ( 결론 )• 제가 하려는 졸업작품이 얼마나 어려운 것인지 뼈저리게 느끼게 되었습니다 . 제가 개발하고자 하는 시스템을 떠나서 일반적인 웹 서버를 가진 사이트 조차 만드는데 많은 부족함을 느꼈습니다 . 방학 내내 집 밖에 안 나가고 졸업 작품과 함께 불멸의 밤을 지새우겠습니다 .

방학을 맞이하며Cheer me up!

+ 졸업작품 계획 보고서• 보다 자세한 졸업작품 계획보고서는 아래 주소 및 QR 코드를 통해 다운로드 가능합니다 .

http://me2.do/F1Jkcaf5

감사합니다 ! 행복하세요 ~