Final project : TONG

 개발환경

 OS

Window7

DBMS

Oracle 11G XE

 Language

JAVA, JSP, JQuery, Ajax, HTML5

 개발툴

Database

SQL TOOLS

Editer

 Eclipse

 개발기간

 개발인원

2014.7.14 ~ 2014.8.27

5명

개발취지 및 목적

강의 중 맨 뒷자리에서는 화면이 잘 보이지 않아 생기는 수업의 불편함을 해소하고자 프로그램을 기획하게 되었습니다. 또한 PDF 파일을 공유하는 웹사이트를 구현하여 지식 및 노하우등을 공유하는 공간을 만드는 목적으로 개발하게 되었습니다.

 DATABASE 구조도

 개발 참여도

세부기능 요약 및 설명

 상세화면

 기능설명

 상세화면

기능설명 

회원 가입 시 회원의 비밀번호를 암호화하여 DB에 저장합니다.

이메일은 기본적인 형식에 맞추어 이메일에 대한 유효성 검사를 하여, 형식에 맞지 않으면 가입에 제한이 됩니다.

회원가입은 개인의 이메일 주소를 ID로 하여 진행되고, 가입한 이메일로 인증주소를 보내게 됩니다. 이 링크를 타고 준비된 페이지에서 로그인을 하면 회원의 계정이 인증됩니다.

무분별한 회원가입을 막기위해 만들었습니다.

로그인과 로그아웃 부분입니다. 홈페이지에 접속하면 상단의 Bar에서 로그인을 할 수 있고, 비밀번호를 틀렸을시 별도의 로그인 화면으로 이동합니다. 로그아웃은 상단Bar의 메뉴에서 로그아웃 버튼으로 할 수 있습니다.

상단Bar의 메뉴에는 개인정보를 추가할 수 있는 나의 정보 버튼이 있습니다. 이곳에서는 처음 회원의 상세정보를 추가할 수 있고, 현재까지 작성한 메모의 개수, 강의 개수를 확인 할 수 있습니다.

회원의 비밀번호 분실 시 회원의 가입 이메일로 임시 비밀번호를 발송하여 줍니다.

메인페이지에는 각 분야별 최근 3개의 게시물을 불러와 사용자에게 보여줍니다.

또한 좋아요를 가장 많이 받은 3개의 게시물을 보여주는 곳도 있습니다.

회원들은 PDF파일을 업로드하여 서로의 지식과 노하우를 공유할 수 있습니다.

업로드된 PDF파일들은 분야 별로 분류되고, 분류된 PDF파일들은 리스트형식으로 찾아 볼 수 있습니다.

리스트에는 PDF의 첫 페이지를 썸네일 이미지로 제공하고, 제목과 작성자를 볼 수 있도록 하였습니다.

올려진 PDF 파일은 웹사이트에서 바로 PDF뷰어를 통해 볼 수 있도록 하였습니다. 또한 뷰어를 통해 프린트, 파일저장, 전체화면을 하여 볼 수 있도록 하였습니다.

업로드된 강의 및 PDF파일은 작성자에 한하여 제목 및 분류를 수정 할 수 있고, PDF파일을 수정할 수 있도록 하였습니다.

웹사이트 상단Bar에는 메모하기 버튼이 있는데 이 버튼을 누르면 Dialog 형태의 메모창이 나타나고, 이를 통하여 메모를 할 수 있도록 하였습니다.

또한 네이버의 스마트에디터를 사용하여 여러 효과를 이용한 메모를 작성할 수 있도록 하였습니다.

작성된 메모는 상단Bar의 메뉴에서 나의 메모를 누르면 자신이 작성한 메모들만 모아서 리스트 형식으로 볼 수 있습니다.

메모의 제목을 검색하여 메모를 찾아 볼 수 있도록 구현하였고, 페이지 기능을 두어 사용자가 보기 편한 개수만 출력시켜 줍니다.

TONG 클라이언트 프로그램의 시작화면입니다. 회원가입 및 로그인을 할 수 있습니다.

로그인을 하면 왼쪽의 창이 뜨게 되고, 새 강의 버튼을 눌러 강의 제목 분야를 설정할 수 있고, 간단한 설명을 적을 수 있습니다.

강의 시작버튼을 누르면 다음과 같은 투명한 창이 하나 생성되는데, 이 프로그램을 통하여 강의자가 원하는 화면을 캡쳐 하게 됩니다.

캡쳐된 화면들은 서버로 전달되고, 다른 회원들은 웹사이트를 통해 실시간으로 강의자의 캡쳐 화면을 볼 수 있습니다.

강의가 종료되면 캡쳐된 순서대로 PDF파일이 되어 제공됩니다. 또한 진행도니 강의화면을 공유하기 버튼을 누르면 웹사이트에 자동으로 등록되게 됩니다.

앞의 클라이언트 프로그램을 통해 진행되는 강의는 웹사이트의 진행중인 강의 게시판을 통해 실시간으로 강의를 볼 수 있도록 하였습니다.

웹서버를 통해 같은 강의를 보고 있는 회원들은 채팅을 하면서 소통할 수 있는 공간을 마련하였습니다. 채팅창도 메모와 만찬가지로 Dialog 형식으로 구현하였고, 열고 닫을 수 있도록 하였습니다.

채팅 내용은 DB에 저장되지 않고 접속 시점부터 페이지가 변경되는 시점까지의 대화내용만 저장하여 보여줍니다.