Final Team Project : CLAMP

 개발환경

 OS

 Microsoft Windows 7 Home Premium K

 DBMS

 ORACLE 11g xe

 WAS

 Tomcat 7.0

 Language

 JAVA 1.7.0_51, JSP&Servlet, HTML, Javascript, jQuery, CSS, jstl, el, Ajax, Spring3

Library 

 Bootstrap

 개발툴

 Database

SQLTools 

Design 

Adobe Photoshop CC

 Editer

 Eclipse Java EE IDE for Web Developers Kepler Service Release2

 개발기간

 개발인원

 2014.07.14 ~ 2014.08.27  (  45 일)

 6명

 참여정도 및 DATABASE 구조도

개발 취지 및 목적  

 CLAMP는 신용 대출 승인 관리 프로그램(Credit Loan Approval Management Program) 이라는 의미로 각 단어들이 가지고 있는 글 중에 앞 단어만 모아서 표현한 뜻입니다. Clamp라는 프로그램을 만들게 된 취지로 첫째, 사내 인트라넷 개념을 이해하고 둘째, 사내 홈페이지 개념을 이해 셋째로 인트라넷을 통한 대출 프로그램에 대한 고찰을 하기 위하여 시작하게 되었습니다. 흔히 접하는 홈페이지나 은행 대출 프로그램이 아닌 회사 내에서의 사원들의 관점과 관리자의 관점으로 제작해 봄으로 대출 프로그램의 로직을 이해하고 싶었습니다.

 세부기능 요약 및 설명

 상세화면

 기능설명

 상세화면

기능설명 

 로그인:
 Salary(사원) 테이블의 사원번호와 비밀번호가 일치할 경우 로그인이 가능하며, 로그인이 되면 해당 메인 페이지로 이동된다.

 게시판:
 스마트 에디터 를 사용, CheckBox 유무에 따라 중요 공지를 조절할 수 있게 해놓았다. Clob을 사용 byte가 자동으로 수정되게 하였다.

 대출계산기:
 사원이 원하는 정보를 직접 입력하여 가상의 스케줄을 출력할 수 있는 페이지

 일정달력:
 DB에 있는 데이터를 List형태로 가져와서 JSONArray 객체에 add시킨후 out.print를 해서 화면에 표시

 계약:
 상세검색 클릭 시 jQuery의 slideToggle로 숨겨진 div를 펼쳐줍니다.

 결재:
 계약진행 상태와 요청내용, 신청을 확인할 수 있습니다

 담당업무 세부내용 및 설명

 상세화면

기능설명 

 사원등록:
  1) 사원번호는 자동 채번을 통해서 가입을 누를때 알아서 숫자가 자동으       로 증가한다.
  2) 나이와 입사일은 datepicker.js파일을 통해서 달력이 나타나 선택하게        만들었다.
  3) 부서와 직급은 공통코드에 등록해서 부서나 직급이 새로이 생기면
     자동으로 생성되게 만들었다.
  4) 성별, 결혼, 주택·차량 소유 여부는 SelectBox를 사용함으로 선택을
     쉽게 만들었다.
  5)  항목들을 모두 기입을 해야만 가입이 가능하다.
  6) 사원관리는 관리자 모드에서 관리자만 메뉴에서 볼 수가 있으며 등록,       수정이 되어 진다.

 사원목록:
  1) 사원등록이 되었다면 팝업창 이 나오면서 자동으로 사원목록 리스트로       이동되어진다.
  2) 검색창 에는 사원번호나 이름으로 관리자가 원하는 사람을 빠르고
     쉽게 찾을 수 있도록 기능을 구현했다.
  3) 사원번호를 누르게 되면 그 사원의 자세한 정보들을 알 수 있게 만들       었다.
  4) 사원의 데이터가 많아지면 화면 창 이 가득 차는 것 을 방지하기 위해       서 페이징 처리를 했다

 사원수정:
  1) 사원번호를 누르게 되면 그 사원의 정보를 자세히 열람 할 수 있다.
  2) 사원의 정보를 수정 할 수도 있다. 단, 사원번호는 수정 불가
  3) 나이와 입사일을 클릭하면 달력 팝업이 나와서 손쉽게 입력을 할 수        있게 만들었다.

 정보조회:
  1) 화면상단의 정보조회를 클릭하면 자신의 정보를 확인 할 수 있다.
  2) 또한 자신의 대출 이력이 있으면 대출정보에 내용이 나오게 만들었다.
  3) 대출 상품을 클릭하면 자신의 상세한 대출 스케즐표를 볼수가