르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jquery 기반의 ajax...

26
르네상스 프로젝트 기술 명세서 박혜원, 전은정 전자정부 표준 프레임워크 4기

Upload: others

Post on 11-Jan-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

르네상스 프로젝트 기술 명세서

박혜원, 전은정

전자정부 표준 프레임워크 4기

Page 2: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

CONTENTS

1. 서비스 소개

2. 프로젝트 개요

3. 기술 상세-서비스 기능

4. 기술 상세-관리자 기능

Page 3: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

1. 서비스 소개 • 기획의도

• 팀원소개

• 서비스 개요

• 요구사항 정의

Page 4: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

서비스 소개 - 기획의도

• 고객 중심 기능 구현을 목표로 한 레스토랑 예약 서비스 구성

• 고객의 이용 편의성과 홈페이지의 정보 전달력 제고를 목적으로 홈페이지를 기획

Page 5: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

서비스 소개 – 팀원 소개

박혜원 전은정 • MySQL기반의 데

이터 베이스 설계

• DB 입출력, 관리

• HTML, CSS, JAVASCRIPT

• jQuery,ajax

• HTML, CSS, JAVASCRIPT,jsp

• 프론트엔드 개발

• jQuery 기반의 ajax 연동

• MySQL, DB관리

Page 6: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

서비스 소개 – 서비스 개요

Page 7: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

서비스 소개 – 관리자

Page 8: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

서비스 소개 – 요구 사항 정의

1depth 2depth 3depth 기능 내용 비고

회사소개 회사소개 회사 설명 페이지

갤러리 인테리어 소개 페이지

찾아오시는 길 업체 위치(다음API연동)

예약 예약하기 메뉴선택 메뉴 선택과 방문후 선택

예약확인 게시판 기능(읽기, 아코디언)

커뮤니티 공지사항 게시판 기능(읽기,쓰기,수정,삭제), 댓글(읽기,쓰기,수정,삭제) 제목 검색기능

고객의 소리 게시판 기능(읽기,쓰기,수정,삭제), 댓글(읽기,쓰기,수정,삭제) 제목 검색기능

자주 묻는 질문 아코디언형식을 사용한 내용 설명

일대일 문의 게시판 기능(읽기,쓰기,수정,삭제), 댓글(읽기,쓰기,수정,삭제) 제목 검색기능

고객은 댓글 작성 불가

로그인 로그인 로그인, 로그인 된 정보로 세션유지

로그아웃 세션 유지 해제

ID/PW찾기 조건에 맞는 값이 입력된 경우 ID를 찾아줌/ 조건에 맞는 값이 입력될 경우 등록된 이메일로 발송

회원가입 가입여부 확인 정보입력페이지 조건에 맞는 값이 입력될 경우 가입했는지 확인 할 수 있음

마이페이지 정보수정 아이디를 제외한 모든 정보 수정 가능 등

예약조회 자신이 예약한 예약 정보만 확인 가능

문의목록 일대일문의/고객의 소리

내가 작성한 글 확인

회원탈퇴 회원 탈퇴하기 기능

관리자페이지 예약관리 예약리스트 출력 / 예약상태 변경 / 예약 삭제

회원관리 회원리스트 출력 / 회원 탈퇴

공지사항 관리 게시판 추가 생성/삭제/수정 등 관리자만 게시물 작성가능

고객의 소리 관리 게시판 기능(읽기,쓰기,수정,삭제), 댓글(읽기,쓰기,수정,삭제) 제목 검색기능

일대일 문의 관리 게시판 기능(읽기,쓰기,수정,삭제), 댓글(읽기,쓰기,수정,삭제) 제목 검색기능

관리자만 댓글 작성 가능

메인 페이지 카피라이트 저작권, 전화번호, 주소,이메일, 등

회사 지도 회사 위치 지도

최신글(공지사항/ 예약현황)

최신공지/최신 예약 5개씩 보여준다.

갤러리 바로가기 갤러리 페이지로 이동

예약 바로가기 예약 페이지로 이동

홈버튼 왼쪽 위에 홈페이지 로고(홈으로 이동)

Page 9: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

2.프로젝트 개

요 • 개발환경

• 작업일정

• 시스템 구조

• 데이터베이스 구조

• 테이블 명세서

Page 10: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

프로젝트 개요 – 개발환경

운영체제 Windows 8/10

소스코드 작성 도구 Sublime Text 3, Eclipse EE

웹 서버 Apache

데이터베이스 MySQL Server 5.7

형상관리 도구 SubVersion (네이버 개발자 사이트)

공통

Language HTML5, CSS3, Javascript

Framework Twitter Bootstrap 3, jQuery

Frontend

Language JSP

Framework MVC2

Backend

Page 11: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

프로젝트 개요 – 작업일정

• 전체 작업 기간 - 12주

1주차 2주차 3주차 4주차 5주차 6주차 7주차 8주차 9주차 10주차 11주차 12주차

팀 구성

요구사항 명세

프로젝트 기획

데이터베이스 설계

데이터베이스 인터페이스 설계 및 구현

프론트엔드 프로그래밍

백엔드 프로그래밍

테스트 및 디버그

Page 12: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

프로젝트 개요 – 시스템 구조

DATABASE System

자료의 입력,수정,삭제,조회

Web Programming(JSP)

데이터베이스와 연동하여 자료를 제공함

HTML5+CSS+JavaScript

웹 프로그래밍에서 처리하는 데이터를 시각화 하여 브라우저를 통해 제공함

Apache-Tomcat

웹 서버

Page 13: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

프로젝트개요-데이터베이스 구성

• member : 회원 테이블

• reservation : 예약 테이블

• bbs_document : 게시물 테이블

• bbs_file : 파일 업로드 테이블

• bbs_comment : 댓글 테이블

Page 14: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

프로젝트 개요 – 테이블 명세서

• 회원 테이블정의서

기능명 회원

담당자 박혜원 생성월 2016.06

테이블명 member

번호 물리적필드명 논리적필드명 데이터유형 Null 키유형 기타

1 id 회원 일련 번호 int PK 자동증가

2 member_id 아이디 varchar(45)

3 authority 권한부여 Int(1)

4 name 이름 varchar(45)

5 pw 비밀번호 varchar(50)

6 birth 생년월일 DATETIME Null

7 tel 연락처 varchar(45)

8 Email 이메일 varchar(45)

9 post 우편번호 varchar(45 Null

10 addr 주소 varchar(45 Null

11 addr1 상세주소 varchar(45 Null

12 newUserPw 새 비밀번호 varchar(45 Null

Page 15: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

프로젝트 개요 – 테이블 명세서

• 예약 테이블정의서

기능명 예약

담당자 박혜원 생성월 2016.06

테이블명 Reservation

번호 물리적필드명 논리적필드명 데이터유형 Null 키유형 기타

1 id 예약번호 int PK 자동증가

2 store 매장선택 varchar(45)

3 date 예약날짜 Datetime

4 Time 예약시간 time(45)

5 Group_name 모임명 varchar(20)

6 P_count1 예약인원 대인 Int(11)

7 P_count2 예약인원 소인 int11)

8 Extra_content 추가사항 Text null

9 Statement 예약상태 varchar(45) 예약대기

10 Menu 메뉴 varchar(45) 방문 후 결정

11 Price 메뉴가격 Int(50) Null

12 Member_id 멤버아이디 Int(11) Null

Page 16: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

• 게시글

테이블정의서 기능명 게시글 상세 페이지

담당자 전은정 생성월 2016.06

테이블명 Bbs_document

번호 물리적필드명 논리적필드명 데이터유형 Null 키유형 기타

1 Id 게시판 일련번호 int(11) primary 자동증가

2 Category 카테고리 Varchar(45)

3 Writer_name 작성자 Varchar(45)

4 Writer_pw 작성자 비밀번호 Varchar(255)

5 Email 이메일 Varchar(45)

6 Subject 제목 Varchar(255)

7 Content 내용 Text

8 Hit 조회수 Int(11)

9 Reg_date 작성일 datetime

10 Edit_date 편집일 datetime)

11 Member_id 멤버 아이디 Int(11) null fk

프로젝트 개요 – 테이블 명세서

Page 17: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

• 댓글

테이블정의서 기능명 댓글

담당자 전은정 생성월 2016.06

테이블명 Bbs_comment

번호 물리적필드명 논리적필드명 데이터유형 Null 키유형 기타

1 Id 댓글 일련번호 int(11) primary 자동증가

3 Writer_name 작성자 Varchar(45)

4 Writer_pw 작성자 비밀번호 Varchar(255)

5 Email 이메일 Varchar(45)

7 Content 내용 Text

9 Reg_date 작성일 datetime

10 Edit_date 편집일 datetime)

11 Bbs_document_id 게시물 번호 varchar(45) document테이블 참조

12 Member_id 멤버 아이디 Int(11) null fk 멤버테이블참조

테이블정의서 기능명 파일

담당자 전은정 생성월 2016.06

테이블명 Bbs_file

번호 물리적필드명 논리적필드명 데이터유형 Null 키유형 기타

1 Id 파일일련번호 int(11) primary 자동증가

3 Origin_name 파일명 원본 Varchar(45)

4 File_dir 저장디렉터리경로 Varchar(255)

5 File_name 업로드된 파일 이름 Varchar(45)

7 Content_type 컨텐츠 형식 Varchar(45)

9 File_size 파일용량 Int(11)

10 Reg_date 등록일 datetime)

11 Edit_date 편집일 Datetime document테이블 참조

12 Bbs_document_id 게시물아이디 Int(11) null fk 멤버테이블참조

• 파일

프로젝트 개요 – 테이블 명세서

Page 18: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

3. 기술상세 • 사용자 기능

• 관리자 기능

Page 19: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

기술상세 – 사용자 서비스 - 메인

Page 20: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

기술상세 – 사용자 서비스 - 메인

topbar.jsp

Page 21: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

기술상세 – 사용자 서비스 - 회사소개

companyWay.jspp

Page 22: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

기술상세 – 사용자 서비스 - 예약 Reservation.jsp

ReservationOk.jsp

ReservationOk.jsp ReservationConfirm.jsp

Page 23: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

Bbb_list_Bottom.jsp

기술상세 – 사용자 서비스 – 게시판(멀티)

Page 24: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

Document_read.jsp

기술상세 – 사용자 서비스 – 게시판- 댓글

관리자만 댓글 달기가능

Page 25: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

기술상세 – 관리자

adminReservation.jsp

Main.jsp

Page 26: 르네상스 프로젝트 기술 명세서 · • 프론트엔드 개발 jQuery 기반의 ajax 연동 MySQL, DB관리. 서비스 소개 – 서비스 개요. 서비스 소개 –

감사합니다.