Java web Project - travel management system
•
0 likes•235 views
Github : https://github.com/hskim2019/bitcamp-fit-tour Demo : https://youtu.be/12hJUOrJVho 자바 웹 프로젝트
Report
Share
Java web Project - travel management system
- 1. FIT Tour 여행후기가 있는 Made by tretars.com Hwasun Kim https://github.com/hskim2019/bitcamp-fit-tour hwasun.kim2019@gmail.com 현지투어 예약 시스템
- 2. 01 주제 선정 배경 (3-5p) 02 현황 및 문제점 (6-10p) 03 프로젝트 개발 및 기능상세 • 개발목표 (11p) • 개발환경 (12p) • 작업기간 (13p) • UI 프로토타입 (14p) • Use case (15p) • Use case 명세서 (16p) • DB 모델링 (17p) • 주요기능 (18p – 52p) • 시연영상 (53p) 04 시스템 아키텍처 (54-55p) 목차
- 3. 현지투어 예약 시스템주제 선정 배경 개별 자유여행의 이유 • 소득증가에 따른 여가활동으로 여행이나 관광 활동 잦아짐 • IT 기술의 발달로 인한 여행 정보 습득이 용이 • 패키지여행상품 이용자가 불만족하여 자유여행상품을 이용 • 자신의 의견을 반영한 여행에서 만족감 느낌 2015 2016 2017 82.5 83.4 85.8 17.5 16.6 14.2 가족여행 시 구매한 여행상품 전체패키지 부분패키지 2015 2016 2017 68.1 47.1 46.9 31.9 52.9 53.1 개인여행 시 구매한 여행상품 전체패키지 부분패키지 출처: 2017 국민여행 실태조사(2018.5발간)_문화체육관광부
- 4. 현지투어 예약 시스템주제 선정 배경 자유여행객 증가로 인한 변화 • 온라인 여행사의 급성장 • 다양한 여행상품의 등장 • 기존 대기업여행사(ex.하나투어, 모두투어) 중심에서 FIT 상품을 전문으로 하는 소규모 여행사들의 출현
- 5. 현지투어 예약 시스템주제 선정 배경 자유여행객 의 여행계획 트랜드 • 항공권과 호텔은 OTA(Online Travle Agency)나 메타서치를 기반으로 한 대형 기업에서 구매하고, • 여행지에서의 현지 투어, 입장권, 패스등은 맞춤여행, 에어텔 등을 판매하던 자유여행 전문여행사에 문의 • 포털사이트 등을 통해 여행정보 검색
- 6. 현지투어 예약 시스템현황 분석 네이버 현지투어 • 호텔과 항공에 진출한 데 이어서 작년 7월 단품 메타서치로 영역 확장을 선언하고 네이버 현지투어 플랫폼을 선보임 • 마이리얼트립과 공동 개발한 중개서비스 플랫폼 • 실제 예약을 위해서는 별도 사이트로 이동해야 함 => 상품 탐색 과정에서 여러 사이트를 이동해야 하는 불편함
- 7. 현지투어 예약 시스템 네이버 현지투어 • 사용자에게 편리하지 않은 검색 옵션과 UI 현황 분석
- 8. 현지투어 예약 시스템현황 분석 마이리얼트립 • 한번 하위 카테고리로 들어가게 되면 다른 카테고리로 가기 위해서 상위 또는 메인 화면으로 돌아가야 한다는 불편함 • 가격대 별 검색, 차량투어, 워킹투어 등으로는 검색 불가
- 9. 현지투어 예약 시스템현황 분석 유로자전거나라 • 대표적인 현지여행 투어 사이트 • 여행후기를 보고 해당 여행상품이 궁금해지더라도 링크가 연결되지 않음 => 실제 상품 구매로 이어질 수 있는 가능성을 놓치게 됨
- 10. 현지투어 예약 시스템현황 분석 • 여행자들의 활발한 정보 공유 • 자유로운 여행 수기 작성과 정보수집 가능하지만 • 정해진 양식이 없기 때문에 작성자가 제목에 잘 명시하지 않거나, 이용자가 꼼꼼히 제목을 읽��� 않으면 원하는 지역의 여행 정보인지 파악 하기 어려움 • 투어상품의 직접적인 명시는 홍보글에 해당되어 간접적으로만 언급 되기 때문에 직관적인 정보를 얻기 어려움
- 11. 개발 목표 현지투어 예약 시스템 여행후기 여행상품 조회 상품예약 여행자들이 자신의 경험을 공유하고 다른 여행자들의 경험을 토대로 여행상품을 탐색하고 여행후기와 여행상품이 연동되어 실제상품 구매에 이르도록 유도
- 12. 현지투어 예약 시스템개발 환경
- 13. 현지투어 예약 시스템작업 기간 작업 내용 1주 2주 3주 4주 5주 6주 7주 8주 9주 10주 프로젝트 기획 ` UI 프로토타입 유스케이스 작성 데이터베이스 모델링 백엔드 프로그래밍 및 기능구현 테스트 및 디버깅
- 14. 현지투어 예약 시스템프로토타입 •카카오 오븐 사용
- 15. Use-Case 현지투어 예약 시스템 회원가입 여행상품 조회 여행후기 조회 공지사항 조회 로그인 로그아웃 회원탈퇴 프로필관리 여행후기관리 위시리스트 관리 여행상품 예약관리 댓글관리 공지사항 관리 여행후기 관리 (조회, 삭제) 댓글 관리 (조회, 삭제) 여행상품 관리 예약관리 비회원 회원 관리자 회원관리
- 16. Use-Case 명세서 현지투어 예약 시스템 • https://github.com/hskim2019/bitcamp-fit-tour
- 17. 현지투어 예약 시스템 DB 모델 DB 모델링
- 18. 현지투어 예약 시스템주요 기능 사용자 - 상품검색 •모든 페이지 상단에 검색창 위치 •여행 국가, 도시, 여행상품명으로 검색 가능 •입력 필드에 Autocomplete 기능
- 19. 현지투어 예약 시스템주요 기능 사용자 - 상품검색 •상단 navigation bar 에서 대륙, 국가, 도시별로 검색 •가격낮은순, 인기순, 후기순으로 상품 정렬
- 20. 현지투어 예약 시스템주요 기능 사용자 - 상품검색 •원하는 가격대, 소요시간, 테마(중복선택 가능)로 정렬 가능하며, •mouseup 되면 새로고침 대신 상품리스트 섹션만 갱신 됨
- 21. 현지투어 예약 시스템주요 기능 사용자 – 상품예약 • 상품 상세페이지에서 날짜와 인원을 선택하면 상품 가격이 자동 계산 • 예약하기를 클릭하면 로그인 하지 않은 경우 로그인/회원가입 창으로 연결 • 로그인 한 회원은 예약진행
- 22. 현지투어 예약 시스템주요 기능 사용자 – 상품예약 • Import 결제 API 를 사용
- 23. 현지투어 예약 시스템주요 기능 사용자 – 상품예약
- 24. 현지투어 예약 시스템주요 기능 사용자 – 예약취소 • 상단 navigation bar에서 프로필 사진 또는 이름을 클릭하면 side navigation bar 가 열리고 • 여기에서 내 예약 탭을 클릭하면 예약 취소 가능
- 25. 현지투어 예약 시스템주요 기능 사용자 – 예약취소 • 예약 취소 버튼을 클릭하여 예약 취소 사유 작성
- 26. 현지투어 예약 시스템주요 기능 사용자 – 예약취소 • 예약을 취소하면 예약상태가 취소요청 상태로 변경되고 • 관리자의 승인 및 환불 완료 후 예약 취소상태로 변경 됨
- 27. 현지투어 예약 시스템주요 기능 사용자 – 여행후기 • 입력 필드에 Autocomplete 기능 • 도시명으로 검색하면 해당 도시의 여행 후기 검색 가능
- 28. 현지투어 예약 시스템주요 기능 사용자 – 여행후기 • 여행후기 페이지에서 상단 투어제목을 클릭하면 해당 여행상품의 상세 페이지로 이동 가능
- 29. 현지투어 예약 시스템주요 기능 사용자 – 여행후기 • 다녀 온 여행상품이 있는 경우 dropdown 메뉴에 나타남 • rich text editor로 quill editor 사용
- 30. 현지투어 예약 시스템주요 기능 사용자 – 여행후기 • 여행후기 게시판에 여행상품에 대해 후기를 작성하게 되면 해당 상품의 상세페이지에도 후기가 남겨지게 됨
- 31. 현지투어 예약 시스템주요 기능 사용자 – 회원가입 • 회원가입은 naver , facebook, 일반가입 방식으로 가능하며 • 일반가입 방식의 경우 회원 가입 시 기입한 이메일로 인증메일 발송 됨
- 32. 현지투어 예약 시스템주요 기능 사용자 – 회원가입 • 사용자 이메일에서 인증링크를 클릭하면 회원가입 완료
- 33. 현지투어 예약 시스템주요 기능 사용자 - 로그인 • Naver, FaceBook API 를 사용하여 SNS 로그인 가능
- 34. 현지투어 예약 시스템주요 기능 사용자 - 위시리스트 • 상품 목록 상단의 하트모양 아이콘을 클릭하면 위시리스트에 담기 및 삭제 가능
- 35. 현지투어 예약 시스템주요 기능 사용자 - 위시리스트 • 마이페이지에서 위시리스트 관리 가능
- 36. 현지투어 예약 시스템주요 기능 사용자 - 위시리스트 • 위시리스트 목록을 도시별로 모아서 볼 수 있으며 • 상품목록 상단의 아이콘을 클릭하면 목록에서 제거 됨
- 37. 현지투어 예약 시스템주요 기능 사용자 - 공지사항 • drop down 메뉴에서 원하는 카테고리 선택
- 38. 현지투어 예약 시스템주요 기능 사용자 - 공지사항 • 세부 내용은 펼쳐보기로 처리
- 39. 현지투어 예약 시스템주요 기능 사용자 - 댓글
- 40. 현지투어 예약 시스템주요 기능 관리자 - 상품등록
- 41. 현지투어 예약 시스템주요 기능 관리자 - 상품등록 • 상품 예약자 수가 상품 등록 시 기입 된 최대 인원수에 도달하면 예약 불가로 전환 됨
- 42. 현지투어 예약 시스템주요 기능 관리자 - 상품등록 • 첨부 된 사진은 thumnail 사진으로 사용 됨 • 첫 번째 첨부 된 사진은 대표사진으로 지정 됨
- 43. 현지투어 예약 시스템주요 기능 관리자 - 상품등록 • rich text editor로 quill editor 를 사용하여 자유롭게 사진 및 동영상 첨부가 가능하고, 글씨 크기, 글씨체 등 조절 가능
- 44. 현지투어 예약 시스템주요 기능 관리자 - 상품등록 • 구글 API 를 사용하여 지도 첨부
- 45. 현지투어 예약 시스템주요 기능 관리자 - 상품등록 • 판매 불가 날짜를 설정하면 해당 날짜에는 상품 예약이 되지 않도록 지정 됨
- 46. 현지투어 예약 시스템주요 기능 관리자 - 상품등록 • 상품 등록이 완료 되면 메인페이지의 신규상품 목록에도 일주일 간 보여짐
- 47. 현지투어 예약 시스템주요 기능 관리자 - 예약관리
- 48. 현지투어 예약 시스템주요 기능 관리자 - 예약관리 • 상품명, 날짜, 예약자명으로 검색 가능 • 예약 취소요청은 하이라이트 표시 되어 쉽게 구별 가능하게 함
- 49. 현지투어 예약 시스템주요 기능 관리자 - 예약관리 • 승인을 클릭하면 alert창을 띄워 다시 한 번 확인 할 수 있도록 함 • 승인 완료 되면 예약상태가 취소요청에서 예약취소로 변경 됨
- 50. 현지투어 예약 시스템주요 기능 관리자 - 예약관리 • 예약자의 요청 사항이 있는 경우만 체크 표시가 나타나고 클릭 시 modal 창을 통해 세부내용 확인
- 51. 현지투어 예약 시스템주요 기능 관리자 - 회원관리
- 52. 현지투어 예약 시스템주요 기능 관리자 - 회원관리 • 회원의 가입일, 로그인 유형, 탈퇴여부, 탈퇴 사유 등 확인 가능
- 53. 현지투어 예약 시스템시연 영상 https://youtu.be/12hJUOrJVho
- 54. 현지투어 예약 시스템시스템 아키텍쳐 시스템 구조도
- 55. 결제정보와 session 정보가 일치하면 DB 저장 불일치하면 결제취소 현지투어 예약 시스템 예약, 결제 흐름도 시스템 아키텍쳐 결제요청 결제요청 결제번호 3 3 4 결제번호4 결제번호5 결제번호요청6 결제정보7 예약정보1 주문번호2 8 결과전송9