JAVA 기반 표준 프레임워크 개발자 과정 Intheater [공연 사이트] 기술 명세서 PL. 강성수 Member. 강성수 조은진 현진아 기윤선
1. 목 차 2. 서비스 소개 기획의도 팀원소개 서비스 개요 요구사항 정의 프로젝트 개요 개발 환경 작업일정 시스템구조 데이터베이스 구성 테이블 명세 3. 기술 상세 사용자 서비스 4. 기술 상세 관리자 기능
1. 서비스 소개 기획의도 / 팀원소개 서비스 개요 / 요구사항 정의
기획의도 직접 가서 티켓을 사야하는 시대를 지나 영화, 공연, 콘서트 등 모든 예매를 온라인을 통해 미리 예매하고 받아볼 수 있는 형태가 되었습니다. Intheater 의 기획 의도는 온라인을 통한 예매를 인터파크, YES24, 티켓링크 등 예매사이트를 거치지 않고 직접 예매를 통해 더 많은 혜택을 주고자 합니다. 포인트 적립과 다른 예매처에서 오픈 되지 않은 가장 좋은 위치의 좌석만을 Intheater 에서 간편하게 만나게 해드리려 합니다. 해당 공연장에서 시작된 공연의 후기 및 정보를 자세히 만나보고 바로 예매할 수 있도록 지원하며, 공연에 관심있는 사람들이 편하게 취미생활을 즐길 수 있도록 하는 것입니다.
팀원소개 프로젝트 관리/ 반응형 웹 회원가입 Image slide / youtube api 후기게시판 / 덧글 관리자(후기게시판) Ajax 연동 예매하기 페이지 공지사항/ FAQ 게시판 이벤트 팝업 관리 Ajax 연동 PL 강성수 조은진 기윤선 현진아 마이페이지 - 회원정보수정 /내역 공연정보 관리자페이지 (공연) - 등록/수정/삭제 PPT 제작 공통사항 프론트엔드 개발 HTML, CSS, javascrip 기반의 웹페이지 MySQL 기반의 데이터베이스 구축 JSP 기반의 웹사이트 제작 MVC2 패턴구현 메인페이지 / DatePicker 극장소개(다음 지도 api) 관리자페이지 (회원 조회) - 마일리지 내역 - 예매내역
서비스 개요 - 사용자
서비스 개요 관리자
요구사항 정의(1) 1depth 2depth Intheater 회원가입과 로그인 로그인 소개 공연정보 3depth ID/PW 찾기 아이디찾기 아이디 찾기 비밀번호 찾기 등록된 이메일로 메일 발송 극장소개 극장 소개 페이지 좌석배치도 상영관 정보 페이지 오시는 길 극장 위치 안내 페이지 연간공연일정 연간 공연 일정 페이지 예매하기 현재 오픈된 공연을 예매하는 페이지. 공연명, 날짜, 좌석, 마일리지 등 예매에 필요한 정보를 선택하고 나면 예매가 되도록 공연 상세 보기 선택한 공연에 대한 상세 정보 안내 페이지 공연 상세 보기 선택한 공연에 대한 상세 정보 안내 페이지 예매안내 예매 관련 안내 페이지 예매하기 현재 예매가 가능한 공연을 예매하는 페이지. 공연명, 날짜, 좌석, 마일리지 등 예매에 필요한 정보를 선택하고 나면 예매가 되도록 공연 상세 보기 선택한 공연에 대한 상세 정보 안내 페이지 공지사항 공지사항을 확인할 수 있는 페이지 FAQ FAQ를 확인할 수 있는 페이지 공연후기 글쓰기 글쓰기 + 댓글 달기. 현재 상영중인 공연에 대해 말머리 선택 가능 회원정보수정 수정 회원정보 변경 탈퇴 회원 탈퇴 취소 예매한 티켓을 취소 예매내역 마일리지 내역 비고 로그인 개인정보 예매가능 공연 마이페이지 기능 내용 정보입력페이지 예정공연 게시판 5depth 회원가입 현재공연 예매하기 4depth 적립, 차감된 내역과 총 마일리지를 출력 공연후기 게시판을 제외하고 관리자외에는 읽기만 가능
요구사항 정의(2) 메인페이지 공지사항 예매안내 오시는 길 좌석배치도 FAQ 캘린더 공지사항을 확인할 수 있는 페이지 예매 관련 안내 페이지 극장 위치 안내 페이지 상영관 정보 페이지 FAQ를 확인할 수 있는 페이지 검색된 공연 예매하기 Date Picker로 선택된 날짜의 공연을 예매하는 페이지. 공연명, 좌석, 마일리지 등 예매에 필요한 정보를 선택하고 나면 예매가 되도록 공연 상세 보기 선택한 공연에 대한 상세 정보 안내 페이지 관리자페이지 공연등록 공연수정 공지사항 FAQ 공연후기 이벤트 공연 수정 공연 삭제 글쓰기 수정 삭제 글쓰기 수정 삭제 공연에 관련된 상세한 정보를 입력 입력된 공연 정보의 수정 입력된 공연의 삭제 공지사항을 기입 공지사항 수정 공지사항 삭제 FAQ를 기입 FAQ 수정 FAQ 삭제 공연후기를 기입 이벤트를 기입
2. 프로젝트 개요 개발환경 / 작업 일정 / 시스템 구조 데이터베이스 구성 / 테이블 명세
공통 개발환경 운영체제 Windows10, Mac OS 소스코드 작성 도구 Sublime Text 3, Eclipse EE 그래픽 제작 도구 Adobe Photoshop CC 2015 웹 서버 Apache 데이터베이스 MySQL Server 8.0 형상관리 도구 NAVER SVN Frontend Language HTML5, CSS3, Javascript Framework Twitter Bootstrap 3, jquery Backend Language JAVA, JSP Framework MVC2, MyBatis
작업 일정 전체 작업기간 - 16주 1주차 팀 구성 프로젝트 기획 요구사항 분석 요구사항 정의 UI 요구사항 검증 UI 구현 UI 구현 검증 데이터베이스 설계 백엔드 프로그래밍 테스트 및 디버그 2주차 3주차 4주차 5주차 6주차 7주차 8주차 9주차 10주차 11주차 12주차 13주차 14주차 15주차 16주차
DataBase 구성
회원테이블 (Member Table) field id type null key PK,AI comment 회원 번호 user_id VARCHAR(25) 회원 아이디 user_pw VARCHAR(255) 회원 비밀번호 user_name VARCHAR(10) 회원 이름 email VARCHAR(50) 회원 이메일 주소 bitrhdate VARCHAR(20) 회원 생년월일 gender CHAR(1) 회원 성별 phone VARCHAR(11) 회원 전화번호 Database(1) 회원 테이블 : 회원 정보 마일리지 테이블 마일리지 테이블(Point Table) : 마일리지 적립 정보 field type null key comment id PK,AI 마일리지 번호 content BOOLEAN 마일리지 차감/적립 확인 plus_minus 차감,적립 마일리지 total 총 마일리지 member_id payment_id FK 회원 번호 FK 결제완료 번호
공연 테이블 (Play Table) FIELD TYPE NULL KEY COMMENT id PK,AI 공연번호 play_name VARCHAR(100) 공연이름 start_date DATE 공연시작날짜 end_date DATE 공연종료날짜 room 상영관번호 price 티켓가격 time 공연시간 director VARCHAR(30) 연출 actor1 VARCHAR(30) 배우이름1 actor2 VARCHAR(30) 배우이름2 actor3 VARCHAR(30) 배우이름3 main_banner VARCHAR(255) 메인배너이미지 main_thum VARCHAR(255) 메인썸네일이미지 main_ok BOOLEAN 메인 노출 여부 list_img VARCHAR(255) 공연 리스트 이미지 img1 VARCHAR(255) 공연 설명 이미지1 img2 VARCHAR(255) 공연 설명 이미지2 video_url VARCHAR(255) 티저영상 URL주소 Database(2) 공연 테이블 : 공연 세부사항 정보
결제완료 (Paymemt Table) field id ticket_price use_point type null total_price save_point play_name play_date status kind member_id VARCHAR(100) DATE BOOLEAN VARCHAR(10) key PK, AI FK comment 결제번호 총 티켓 가격 사용된 포인트 총 결제 가격 (총티켓가격-사용된 포인트) 적립될 포인트 공연명 공연날짜 결제 완료/취소 결제방법(카드,계좌이체,핸드폰) 회원번호 Database(3) 결제완료 테이블 : 결제가 완료된 내역 좌석 테이블 : 예매된 좌석 내용 좌석테이블 (Seat Table) field id room date chairnum member_id type DATETIME VARCHAR(10) null key PK, AI FK comment 좌석테이블 id 상영관 관람날짜 좌석번호 회원번호
예매내역 테이블 (Ticket Table) field type null key comment id VARCHAR(20) PK 예매번호(관람날짜+상연관번호+좌석번호) book_date DATE TIME member_id FK 회원번호 payment_id FK 결제번호 예매날짜 Database(4) 예매내역 테이블 : 예매된 내역 정보 마일리지 테이블 (Point Table) 마일리지 테이블 field type null key comment id PK,AI 마일리지 번호 content BOOLEAN 마일리지 차감/적립 확인 plus_minus 차감,적립 마일리지 total 총 마일리지 member_id payment_id FK 회원 번호 FK 결제완료 번호 : 적립된 마일리지 정보
공연 후기 테이블 (ReviewBoard Table) field type id category VARCHAR(30) title VARCHAR(100) content TEXT hit reg_date DATETIME edit_date DATETIME ip_address VARCHAR(45) play_id member_id null key PK,AI FK FK comment 글번호 카테고리 후기 제목 후기 내용 조회수 등록일시 수정일시 ip주소 공연번호 회원번호 Database(5) 공연 후기 테이블 : 공연 후기 글 정보 후기 덧글 테이블 : 후기 글에 달린 덧글 정보 후기 덧글 테이블 (Re_comment Table) FIELD TYPE NULL KEY COMMENT id content reg_date member_id reviewboard_id TEXT DATETIME PK,AI 후기덧글번호 덧글내용 작성날짜 회원번호 후기게시글번호 FK FK
공지사항 테이블 (NoticeBoard Table) field id title content reg_date edit_date hit type VARCHAR(100) TEXT DATETIME DATETIME null key PK,AI comment 글번호 공지사항 제목 공지사항 글내용 등록일시 수정일시 조회수 FAQ 테이블 (FAQ Table) field id title content reg_date edit_date type VARCHAR(100) TEXT DATETIME DATETIME null key PK,AI comment 글번호 FAQ 제목 FAQ 글내용 등록날짜 수정날짜 type VARCHAR(45) DATETIME DATETIME VARCHAR(10) VARCHAR(255) DATETIME 공지사항 테이블 : 공지사항에 대한 정보 FAQ 테이블 : FAQ에 대한 정보 이벤트 테이블 (Event Table) field id title start_date end_date pluspoint purpose fileimg reg_date Database(6) null key PK,AI comment 이벤트번호 이벤트 제목 시작날짜 종료날짜 마일리지 차감/적립 이벤트 목적 파일 이미지 등록날짜 이벤트 테이블 : 이벤트에 대한 테이블
3. 기술 상세 서비스 페이지
Click 이미지 슬라이드 이미지 슬라이드 플러그 인을 수정해서 메인 화면 구성 공연 등록을 통해 삽입된 썸네일 이미지를 클릭하면 메인 이미지가 변경됨.
원하는 날짜를 선택하면 Date Picker(1) 해당 날짜에 하고 있는 공연의 리스트를 보여줌 Date Picker의 날짜를 클릭하면 해당 날짜에 상영하고 있는 공연만 검색해서 보여줌
Date Picker (2) 예매 가능일에 클릭을 하면 현재 예매가 가능한 날짜를 클릭해 검색된 페이지에서 예매하기를 누를 경우, 클릭한 날짜를 받아 공연일이 미리 선택되어 있음. 클릭 했던 날짜로 선택되어 보여줌
예매하기(1) 예매버튼을 누르면 예매창이 팝업으로 뜨게 된다. 공연일 선택 -> 공연회차 -> 마일리지 사용 -> 배송선택 -> 결제수단 선택
예매하기(2) 선택이 진행될 때마다 선택의 내역이 추가되어 보여지며, 결제하기 버튼이 활성화 됨 결제 후 마이페이지에서 결제 내역을 확인
1 공연 날짜가 지나기 전, 취소 가능 2 취소 후 예매번호와 완료/취소가 변경됨 예매 취소 3 취소하지 않고 예매일이 되면 취소가 불가능함. 1 예매가 끝나면 마이페이지에서 예매상황을 확인할 수 있음. 공연날짜가 지나기 전이면 취소 버튼으로 취소가 가능하며 금액, 예매번호, 완료/취소가 변경됨. 취소가 되면 해당 적립된 마일리지만큼 마일리지가 차감됨. 취소 후 적립된 마일리지가 차감됨 2 예매할 때, 사용한 마일리지 차감 3 예매로 적립된 마일리지
게시판 덧글 후기게시판 내에서 덧글 기능 사용 가능 이름 / 작성 날짜 / 내용 / 삭제로 이루어져 있으며 본인이 아니면 삭제 버튼이 보이지 않음
회원가입 상세 Join 버튼을 누르면 약관 페이지로 이동하게 된다. 여기서 스크롤을 다 내려야 disabled 처리가 풀리게 되며, 모두 체크해야 다음 페이지로 넘어가게 구성됨. 모든 정보를 기입한 뒤, 아이디 중복 검사 및 이메일 중복 검사가 완료 되면 가입이 완료됨.
4. 기술 상세 관리자 페이지
공연 등록 / 수정 공연에 필요한 정보를 등록 메인에 노출하기를 누르면 메인 화면의 이미지 슬라이드에 메인 배너와 썸네일 이미지가 노출됨 수정의 경우 삭제 체크박스를 체크하면 새로 이미지 등록이 가능하며 체크하지 않는다면 변경되지 않음
회원 조회
Q&A
감사합니다.