Peter Pan
관리자
view : 1197
| 기간 : | 2015-12-21 ~ 2016-05-18 ( 월,화,수,목,금 ) |
|---|---|
| URL : | 내부서버용 |
| 키덜트 상품 구매 사이트 | |
[ Peter Pan ]
|
Final project |
“Peter Pan” |
||||||||
|
개발환경 |
OS |
Window 7 |
|||||||
|
DBMS |
Oracle Database 11g |
||||||||
|
Language |
JAVA, JQuery, JavaScript, JSP |
||||||||
|
Development tool |
Eclipse, SQLTool |
||||||||
|
추가 S/W |
Tomcat 8.0 |
||||||||
|
개발인원 |
개발기간 |
||||||||
|
4 명 |
2016.04.11(월) ~ 2016.05.18(수) |
||||||||
|
|
개발 취지 및 목적 |
||||||||
|
1. 키덜트 상품 구매자에 맞춘 정보를
제공함으로써, 구매자의 편의를 도모한다. 2. 기존에 있는 포괄적인 수요자 분류와는 다르게 구매자의 취향에 맞춰 상품을 분류함으로써 원하는 아이템을 보다 가시적으로 제공한다.
제공하고, 보다 정확한 정보를 특정함으로써 직관적인 정보를 제공한다.
4. 구매자가 필요로 하는 정보를 직관적으로 제공함으로써 구매자의 상품선택 편의를 도모한다.
|
|||||||||
|
DATABASE 구조도(일부) |
|||||||||
|
|
|||||||||
|
프로젝트 일정 |
|||||||||
|
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 아이디를 입력한다.
2. 비밀번호를 입력한다.
3. 입력된 아이디와 비밀번호가 일치할 경우 세션에 아이디 정보가 저장된다.
4. 아이디 정보가 저장 된 후 로그인 부분이 사라진다.
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 약관에 동의하고 아이디 중복을 확인함 2. DB와 비교하여 아이디 중복여부 판단
3. 비밀번호 확인을 통해 입력한 두 개의 값이 일치하지 않으면 메시지 출력
4. 이름, 생일, 아이디, 비밀번호, 주소 등 필수입력사항이 입력되지 않을 시 경고 메시지 출력
5. 해당 조건에 맞는 정보가 입력 되었을 시 DB에 회원정보가 입력된다.
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 이메일과 전화번호를 입력 받는다
2. 입력 받은 정보와 일치하는 ID를 DB에서 검색한다.
3. 검색 후 해당조건에 맞는 데이터의 ID를 출력한다.
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 회원이 장바구니에 넣은 상품의 목록이 보임
2. 수량에 따라 가격과 포인트가 변경됨
3. 주문할 상품을 체크하여 주문한다.
4. 장바구니에 있는 삭제 버튼을 통해서 상품을 없앨 수 있다.
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 장바구니 또는 바로 주문 해서 선택한 상품의 목록이 보인다. 결제 금액이 계산 되며 포인트 사용 여부에 따라 금액이 다시 계산된다.
2. ‘고객 정보’에는 주문자의 정보가 보여지고, ‘배송 정보 입력’ 에는 수신인의 정보를 작성한다. 주문자 본인의 주소를 불러오거나 직접 주소지를 선택하여 작성 할 수 있다.
3. 결제 동의에 선택하지 않을 경우 주문되지 않고 알림창이 뜬다.
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 주문이 완료 되었을 경우 주문번호가 표시되며 주문번호를 누를 경우 마이 페이지의 배송 내역으로 가게 된다.
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 전체적인 마이 페이지 서비스를 한눈에 볼 수 있다.
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 로그인한 아이디의 현재 등급 정보와 포인트 적립 현황, 입금상태/배송상태 현황 등을 알 수 있는 상태 창.
2. 마이 페이지 내에서 이동할 수 있는 네비게이션 바 3. 현재 주문/배송중인 물품들에 대한 배송 상태와 주문번호 등을 확인할 수 있으며, 주문 취소와 구매확인, 반품/교환 신청을 할 수 있다. 주문/배송 중인 물품들에 대해 기간별 검색이 가능하며 기본적으로 보름 내에 주문한 물품들을 확인할 수 있다. (15일, 한달, 3달 간격으로 확인할 수 있는 버튼 포함)
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 한 주문리스트 내에 포함된 주문 내역을 확인 하기 위한 페이지로 주문 시 작성했던 배송 정보와 결제 정보를
확인 할 수 있다 2. ‘배송정보수정’ 버튼을 누르면 하단에 배송정보 수정 페이지가 나오게 된다. 단, 배송 상태가 ‘입금 대기’일 경우만 수정이 가능하며, 다른 배송정보 상태일 경우 경고 창이 뜨게 된다.
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 배송정보상태가 ‘배송완료’일 경우 나타나는 구매 확인 버튼을 클릭하게 되면 현재 등급에서 얻을 수 있는 포인트 적립율과 이번 구매를 통해 얻을 수 있는 포인트를 확인 할 수 있고, 최종 구매 확인 버튼을 누르면 포인트가 적립 된 후 리스트 페이지로 이동한다. 2. 이동하면서 현재 현재까지 누적 구매 금액으로 등급이 새로이 바뀔 수도 있고, 포인트도 누적되어 표시되는 것을 확인 할 수 있다. 3. 또한 배송정보상태도 ‘구매완료’라고 표시된다 |
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 배송정보상태가 ‘배송완료’일 경우 나타나는 버튼 중 반품 신청이나 교환 신청을 클릭 시 이동하게 되는 화면으로 교환이나 반품을 원하는 상품을 선택하여 반품 신청을 할 수 있도록 하였다. 2. 교환페이지와 반품페이지는 환불 계좌 입력 여부에 따라 카테고리가 나눠진다. 3. 교환/반품 신청을 하게 되면 배송정보상태가 교환/반품으로 바뀌게 되고 교환/반품 리스트 페이지로 이동할 수 있는 버튼이 나온다.
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 교환/반품 신청이 이뤄진 후에 리스트 페이지에서 현재 진행중인 교환 반품 내역을 확인 할 수 있다. 2. 이 페이지에서는 교환 반품 상태정보와 교환반품 신청을 취소 할 수 있다.
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 교환 반품 리스트를 클릭해서 들어가면 현재 교환 반품 중인 주문에 대한 정보를 확인 할 수 있다. |
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 가입된 회원의 회원 정보를 수정할 수 있는 페이지로서 수정할 내용을 수정 하고 버튼을 클릭하면 본인의 정보가 바뀌어
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 가입된 회원이 탈퇴를 하고 싶은 경우 탈퇴 사유를 꼭 작성해야만 탈퇴를 할 수 있다.
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 상품을 등록 하는 있는 페이지 입니다. 2. 상품명, 제조사, 판매가, 할인가, 상품 메인 이미지, 상품카테고리, 상세 카테고리, 상품 상세설명, 재고수량을 입력하면 등록이 완료됩니다 3. 상품 상세설명은 위지윅 에디터 기능을 이용해 사진과 텍스트를 편리하게 입력할 수 있습니다. |
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 사이트의 전반적인 컨텐츠를 볼 수 있는 메인페이지 입니다.
2. 상단에는 이미지 슬라이드를 넣어 이벤트나 기획전에 대한 간략한 정보를 볼 수 있습니다.
3. 바로 아래쪽에는 추천상품(MD’S PICK) 영역으로, 운영자가 뽑은 추천상품이 12개씩 보여집니다.
8개씩 정렬됩니다.
5. 하단에는 공지사항, 문의하기 등의 메뉴가 있습니다
|
|||||||||
|
실행화면 |
|||||||||
|
|
|||||||||
|
세부내용 |
|||||||||
|
1. 페이지 상단에는 메인이미지, 상품이름, 가격, 제조사 등 상품에 대한 전반적인 내용이 표시됩니다. 2. 크게 상세설명, 구매후기, 상품문의, 배송/환불/교환 4개의 탭으로 구성되어 있습니다.
3. 상세설명 부분에는 상품에 대한 자세한 설명이 표시됩니다.
4. 구매후기는 버튼을 누르면 모달창이 뜨는데 평점, 리뷰내용, 사진을 등록해 작성 할 수 있습니다 5. 상품문의도 모달로 만들었습니다. 문의 제목과 내용을 입력하면 작성이 완료됩니다.
6. 배송/환불/교환 탭은 배송에 관한 주의사항이 표시됩니다 |
|||||||||
