2. 과제관리시스템 개발 방법 - 사전 준비

과제 관리 시스템인 PMS9을 개발하기 전에

필요한 준비사항을 정리한다.

Project9, easyUI, fullcalendar를

다운로드 받아서 설치한다.

♡ Project9 설치

Project9은 Spring 4 + MyBatis 3 + MariaDB (Maven) 기반으로 제작한 웹 프로젝트 템플릿이다.

개발 중에 많이 사용되는

회원관리(로그인, 로그아웃 포함), 부서관리 (조직도),

게시판 (설정), 무한 댓글 등의 기능을 미리 구현해 두었고,

S/W 개발에 따라 필수적인 기능을 샘플로 구현해 두었기 때문에

복사/붙여 넣기를 하는 방법으로 활용할 것이다.

Project9 설치 방법은 여기를 참고하면 된다.

보다 상세한 설명은 여기를 읽어보길 바란다.

설치 방법대로 설치를 한 후 다음과 같은 화면이 실행되어야 한다.

로그인 창에서 admin / admin으로 로그인하면

다음과 같은 메인 화면을 볼 수 있다.

Project9이 잘 실행되었으면

편의상 Project9을 PMS9으로 바꾸어서 진행한다.

(안해도 됨)

먼저, github와의 연결을 해제한다.

Eclipse에서 Project9을 선택하고,

마우스 오른쪽 버튼을 클릭해서 다음 그림과 같이 실행한다.

Team 메뉴 하위에 있는 Disconnect를 실행하면 된다.

연결이 잘 해제 되면

위 그림에서 보듯이

Project Explorer나 Navigator 뷰에서

project9 [project9 master]로 되어 있던것이

project9만 남아 있게 된다.

다음으로 Project Explorer나 Navigator 뷰에서

project9을 선택하고

F2 버튼을 눌러서 프로젝트 명을 바꾸어 준다.

각자 원하는 이름을 입력하면 되고

여기서는 PMS9으로 입력한다.

다음 그림과 같이

Project Explorer나 Navigator 뷰와

톰캣 서버에서 프로젝트명이

PMS9으로 변경된 것을 확인할 수 있다.

이제 부터는 웹 브라우저에서

http://localhost:8080/pms9으로 접속한다.

다음으로, 관련 테이블들을 생성한다.

PMS9과 관련된 테이블은 4개로

상세한 정보는 여기에 있으며

다음 그림(ERD)에서 왼쪽에 있는 테이블들이다.

프로젝트에 대한 정보를 저장하는 테이블 (PRJ_PROJECT),

프로젝트의 개별 작업 정보를 저장하는 테이블 (PRJ_TASK),

프로젝트의 개별 작업 담당자 정보 테이블(PRJ_TASKUSER),

담당자가 진행 상황을 입력하면서

첨부 파일이 있을 경우,

이 파일에 대한 정보를 저장하는 테이블(PRJ_TASKFILE)이 있다.

완성된 PMS9의 Github에서

Amateras로 제작된 pms9.erd파일을 받아서

ERD를 확인하고, SQL문을 생성해도 되고

다음 SQL문을 복사해서

HeidiSQL이나 WorkBench에서 실행한다.

/**********************************/ /* Table Name: 프로젝트 */ /**********************************/ CREATE TABLE PRJ_PROJECT( PRNO INT NOT NULL AUTO_INCREMENT PRIMARY KEY COMMENT '프로젝트 번호', PRSTARTDATE VARCHAR(10) NULL COMMENT '시작일자', PRENDDATE VARCHAR(10) NULL COMMENT '종료일자', PRTITLE VARCHAR(100) NULL COMMENT '프로젝트 제목', PRDATE DATETIME NULL COMMENT '작성일자', USERNO INT NULL COMMENT '사용자번호', PRSTATUS CHAR(1) NULL COMMENT '상태', DELETEFLAG CHAR(1) NULL COMMENT '삭제' ) COMMENT='프로젝트'; /**********************************/ /* Table Name: 프로젝트 업무 */ /**********************************/ CREATE TABLE PRJ_TASK( PRNO INT NULL COMMENT '프로젝트 번호', TSNO BIGINT NOT NULL AUTO_INCREMENT PRIMARY KEY COMMENT '업무번호', TSPARENT BIGINT NULL COMMENT '부모업무번호', TSSORT MEDIUMINT(10) NULL COMMENT '정렬', TSTITLE VARCHAR(100) NULL COMMENT '업무 제목', TSSTARTDATE VARCHAR(10) NULL COMMENT '시작일자', TSENDDATE VARCHAR(10) NULL COMMENT '종료일자', TSRATE SMALLINT NULL COMMENT '진행율', DELETEFLAG CHAR(1) NULL COMMENT '삭제' ) COMMENT='프로젝트 업무'; /**********************************/ /* Table Name: 첨부파일 */ /**********************************/ CREATE TABLE PRJ_TASKFILE( TSNO BIGINT NULL COMMENT '업무번호', FILENO INT(10) NOT NULL AUTO_INCREMENT PRIMARY KEY COMMENT '파일번호', FILENAME VARCHAR(100) NULL COMMENT '파일명', REALNAME VARCHAR(30) NULL COMMENT '실제파일명', FILESIZE INT(10) NULL COMMENT '파일크기' ) COMMENT='첨부파일'; /**********************************/ /* Table Name: 업무할당 */ /**********************************/ CREATE TABLE PRJ_TASKUSER( TSNO BIGINT NOT NULL COMMENT '업무번호', USERNO INT NOT NULL COMMENT '사용자번호' ) COMMENT='업무할당';

마지막으로

다음 기초 코드 데이터를 실행한다.

INSERT INTO `com_code` (`CLASSNO`, `CODECD`, `CODENM`) VALUES
    (2, '0', '진행중'),
    (2, '1', '종료');

이것은 프로젝트 상태를 나타내는 것으로

프로젝트가 진행중이면 codecd가 0

종료되었으면 1로 지정하여

차후 프로젝트 관리에서 사용할 것이다.

♡ easyUI 다운로드

easyUI는 jquery 기반의 오픈 소스 라이브러리로,

다양한 컴포넌트를 제공하고 있다.

이 중에서 treeGrid를 이용하여

PMS9의 프로젝트 작업들을 계층형으로

생성하고 관리하는데 이용할 것이다.

easyUI의 다운로드 페이지에 접속을 한다.

다운로드 페이지에서 하단으로 내려보면

easyUI의 두가지 옵션을 확인 할 수 있다.

구매할 수 없으니

Freeware Edition에 있는 [Download] 버튼을 눌러서 다운받는다.

다운로드 받은 파일[jquery-easyui-1.5.1.zip]을 압축해제 한다.

easyUI의폴더 하위에 있는 데모들을 확인해 보고

demo > treegrid 폴더의

basic.html이나 editable.html등을 더블클릭해서 실행한다.

이 treegrid를 사용할 것이다.

easyUI는 기능이 다양하고 많지만

무료라 Chrome에서는 실행되지 않는 문제가 있다.

♡ Full Calendar 다운로드

Full Calendar는 달력 라이브러리로,

프로젝트별 작업에 대한 확인을

일정 중심으로 보기 위해 사용할 라이브러리이다.

Full Calendar의 다운로드 페이지에 접속 한다.

가장 최신 버전(Latest) 버전인

fullcalendar-3.3.1.zip을 선택해서 다운 받는다.

압축을 해제하고

demos 폴더에 있는 내용들을 실행해서 확인해 본다.

이것으로 과제 관리 시스템인 PMS9을 개발할 준비를 마쳤다.

이 외에 화면 설계서와 ERD는

이전에 공유 했으므로 여기에서 다시 정리하지 않으니

읽어보기를 바란다.