Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
TRAVEL PLANET
쓰고 공유하고 떠나세요
이병우 / 김다예 / 박혜지 / 홍상원
Who We Are?
이병우
Project Manger
김다예
Web Developer
박혜지
Web Developer
홍상원
Web Developer
Index
1. 프로젝트 개요
2. 개발환경
3. 사용기술
4. 개발일정
5. 데이터 & 클래스 모델링
6. 주요기능
7. 사이트맵
8. 주요페이지
여행 스케줄 따로
여행 지도 따로….ㅠㅠ
와이파이
안되는 곳에서도
보고 싶은데…ㅠㅠ
친구와 같이
일정짜고 싶은데
모일 시간과
장소가 없네…ㅠㅠ
다른 사람들은
여행일정을 어떻게
짠거지?...ㅠㅠ
여행가기 전 고민…
1. 프로젝트 개요
GUI 기반
손쉬운
여행일정
작성
작성한
여행일정
출력
동행인과
공동으로
작성
작성한
여행일정
검색
여행일정
작성과
동선파악의
어려움
작성한
여행일정
출력의 필요성
단체 여행일정
작성의
어려움
다른 ...
2. 개발환경
• J2SE JDK : 8 Update 45
• DBMS / Modeling Tool Oracle 11g / eXERD
• WAS(Web Container) Apache Tomcat 8.0
• Framew...
3. 사용기술
개발환경
레이아웃
&
컴포넌트
일정 입출력
엑셀 출력
여행동선
시각화
날짜입력
데이터 전송
텍스트 편집
기
Form 검사
커스텀 태
그
좋아요
증가/감소
Database
4. 개발일정
1주
(1.25~
1.31)
2주
(2.1~
2.7)
3주
(2.8~
2.14)
4주
(2.15~
2.21)
5주
(2.22~
2.28)
6주
(2.29~
3.6)
7주
(3.7~
3.13)
8주
(3.1...
5-1. 데이터 모델링
5-2. 클래스 모델링 (Controller)
5-2. 클래스 모델링 (DAO)
5-2. 클래스 모델링 (DTO)
5-2. 클래스 모델링 (Service)
5-2. 클래스 모델링 (ServiceImple)
6-1. 주요기능(클라이언트)
클라이언트
마이페이지
- 나의정보확인,프로필사진등록,
비밀번호수정,회원탈퇴
뉴스피드
- 포스트작성,사진등록,좋아요,댓
글
일정 찾기
- 아이디,제목,내용,지역검색
최신순,댓글순,좋아요순 정...
6-2. 주요기능(관리자)
관리자
회원 조회
- 회원별 게시물
작성 통계 조회
회원 관리
- 회원 삭제
여행일정 관리
- 여행일정 삭제
뉴스피드 관리
- 뉴스피드 삭제
7. 사이트 맵
메인
로그인
마이페이지
여행일정 리스트
포스트 리스트
비밀번호 수정
회원탈퇴
프로필사진 등록
일정작성
일정찾기
뉴스피드
상세보기
수정 삭제
작성하기수정하기
함께쓰기 다운로드
복사하기
삭제하기
일정 리스트...
8. 주요 페이지
(1) 일반회원 모드
메인페이지 - 1
TRAVAL PLANET 로고 클릭시 ,
메인페이지로이동
메인페이지 - 2
메인페이지 - 1
오른쪽 상단 ,LOGIN 클릭시 ,
LOGIN 모달로 이동!
로그인
회원가입
로그인
비밀번호찾기
일정작성
일정작성 클릭시 ,
일정만들기 모달로 이동!
일정작성 - 1
일정작성 - 2
일정작성 - 3
여행할 장소를 검색하여
Drog & Drop으로
달력에 일정을 작성한다.
일정찾기
일정상세(타회원 게시글)
일정상세(나의 게시글) - 1
일정상세(나의 게시글) - 2
일정상세(나의 게시글) - 복사하기
일정상세(나의 게시글) - 함께쓰기
일정상세(나의 게시글) - 다운로드
뉴스피드
뉴스피드 – 포스트 작성
뉴스피드 – 포스트 수정
뉴스피드 – 상세보기
글 클릭시,
상세 보기로 이동!
뉴스피드 – 상세보기 - 1
뉴스피드 – 상세보기 - 2
마이페이지
상단 오른쪽 아이디 클릭시,
마이페이지로 이동!
마이페이지 – 여행일정
마이페이지 – 프로필사진올리기
카메라 버튼 클릭 시,
프로필사진 업로드 가능
마이페이지 – 포스트
마이페이지 – 정보수정
마이페이지 – 정보수정
jquery validation 을 사용해
Form 유효성 검사 기능을 구현함
마이페이지 – 정보수정
8. 주요 페이지
(2) 관리자 모드
로그인 (관리자모드)
메인화면 (관리자모드)
회원관리 (관리자모드)
관리자는 모든 회원을
삭제할 수 있다.
회원관리 (관리자모드)
여행일정찾기 (관리자모드)
관리자는 모든 회원의
글을 삭제할 수 있다.
뉴스피드 (관리자모드)
관리자는 모든 회원의
글을 삭제할 수 있다.
게시물삭제 (관리자모드)
8. 주요 페이지
(3) 친구 초대하기 모드
친구에게 초대 받은 경우
친구에게 초대 받은 경우
이메일에서 초대받은 링크를 타고 들어와
1. 회원이라면 바로 로그인
2. 비회원이라면 회원가입을 하고 로그인 하면
--> 바로 초대 한사람의 글로 이동 !!!
친구에게 초대 받은 경우
초대 받은 사람이!
초대한 사람의 글을
공유, 수정 할 수 있다.
Upcoming SlideShare
Loading in …5
×

Travel Planet (트래블 플래닛)

1,712 views

Published on

Travel Planning Web Application 여행일정작성 웹어플리케이션

Travel Planet 트래블 플래닛

[Demonstration Video 시연 동영상]
https://www.youtube.com/watch?v=c5prcAKeopk

Published in: Technology
  • If you want to download or read this book, copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { https://urlzs.com/UABbn } .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • If you want to download or read this book, Copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • If you want to download or read this book, Copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • If you want to download or read this book, copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { https://urlzs.com/UABbn } .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • If you want to download or read this book, copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Travel Planet (트래블 플래닛)

  1. 1. TRAVEL PLANET 쓰고 공유하고 떠나세요 이병우 / 김다예 / 박혜지 / 홍상원
  2. 2. Who We Are? 이병우 Project Manger 김다예 Web Developer 박혜지 Web Developer 홍상원 Web Developer
  3. 3. Index 1. 프로젝트 개요 2. 개발환경 3. 사용기술 4. 개발일정 5. 데이터 & 클래스 모델링 6. 주요기능 7. 사이트맵 8. 주요페이지
  4. 4. 여행 스케줄 따로 여행 지도 따로….ㅠㅠ 와이파이 안되는 곳에서도 보고 싶은데…ㅠㅠ 친구와 같이 일정짜고 싶은데 모일 시간과 장소가 없네…ㅠㅠ 다른 사람들은 여행일정을 어떻게 짠거지?...ㅠㅠ 여행가기 전 고민…
  5. 5. 1. 프로젝트 개요 GUI 기반 손쉬운 여행일정 작성 작성한 여행일정 출력 동행인과 공동으로 작성 작성한 여행일정 검색 여행일정 작성과 동선파악의 어려움 작성한 여행일정 출력의 필요성 단체 여행일정 작성의 어려움 다른 사람들의 여행일정에 대한 호기심 NEEDS SOLUTION 누구나 쉽게 여행일정을 작성하고 공유할 수 있는 웹플리케이션
  6. 6. 2. 개발환경 • J2SE JDK : 8 Update 45 • DBMS / Modeling Tool Oracle 11g / eXERD • WAS(Web Container) Apache Tomcat 8.0 • Framework: Spring 3, MyBatis 3 • 버전관리: Subversion(SVN) • AJAX, JSON, XML, Jquery, Bootstrap, CSS3, HTML5 • Plugin: FullCalendar(일정작성), jQuery Validation(Form 검사) • API: Google Map API(데이터 시각화) • Library: Apachi POI(엑셀출력)
  7. 7. 3. 사용기술 개발환경 레이아웃 & 컴포넌트 일정 입출력 엑셀 출력 여행동선 시각화 날짜입력 데이터 전송 텍스트 편집 기 Form 검사 커스텀 태 그 좋아요 증가/감소 Database
  8. 8. 4. 개발일정 1주 (1.25~ 1.31) 2주 (2.1~ 2.7) 3주 (2.8~ 2.14) 4주 (2.15~ 2.21) 5주 (2.22~ 2.28) 6주 (2.29~ 3.6) 7주 (3.7~ 3.13) 8주 (3.14~ 3.18) 주제선정 기능 및 UI 기획 DB 모델링 기능 구현 UI 구현 디버깅 기술서 및 PPT작성 발표
  9. 9. 5-1. 데이터 모델링
  10. 10. 5-2. 클래스 모델링 (Controller)
  11. 11. 5-2. 클래스 모델링 (DAO)
  12. 12. 5-2. 클래스 모델링 (DTO)
  13. 13. 5-2. 클래스 모델링 (Service)
  14. 14. 5-2. 클래스 모델링 (ServiceImple)
  15. 15. 6-1. 주요기능(클라이언트) 클라이언트 마이페이지 - 나의정보확인,프로필사진등록, 비밀번호수정,회원탈퇴 뉴스피드 - 포스트작성,사진등록,좋아요,댓 글 일정 찾기 - 아이디,제목,내용,지역검색 최신순,댓글순,좋아요순 정렬 일정 작성 - 일정정보,여행경비,여행사진, 복사,댓글 로그인, 회원가입 나의 일정 - 수정하기,함께쓰기,복사하기, 다운로드,공개/비공개,삭제하기
  16. 16. 6-2. 주요기능(관리자) 관리자 회원 조회 - 회원별 게시물 작성 통계 조회 회원 관리 - 회원 삭제 여행일정 관리 - 여행일정 삭제 뉴스피드 관리 - 뉴스피드 삭제
  17. 17. 7. 사이트 맵 메인 로그인 마이페이지 여행일정 리스트 포스트 리스트 비밀번호 수정 회원탈퇴 프로필사진 등록 일정작성 일정찾기 뉴스피드 상세보기 수정 삭제 작성하기수정하기 함께쓰기 다운로드 복사하기 삭제하기 일정 리스트 복사하기 기본 작성 상세 작성 여행일정 포스트 리스트 내글확인 로그인회원가입 정보확인 본인게시글 타인게시글 공개/비공개 좋아요 댓글 좋아요 댓글 일정검색 일정삭제
  18. 18. 8. 주요 페이지 (1) 일반회원 모드
  19. 19. 메인페이지 - 1 TRAVAL PLANET 로고 클릭시 , 메인페이지로이동
  20. 20. 메인페이지 - 2
  21. 21. 메인페이지 - 1 오른쪽 상단 ,LOGIN 클릭시 , LOGIN 모달로 이동!
  22. 22. 로그인
  23. 23. 회원가입
  24. 24. 로그인
  25. 25. 비밀번호찾기
  26. 26. 일정작성 일정작성 클릭시 , 일정만들기 모달로 이동!
  27. 27. 일정작성 - 1
  28. 28. 일정작성 - 2
  29. 29. 일정작성 - 3 여행할 장소를 검색하여 Drog & Drop으로 달력에 일정을 작성한다.
  30. 30. 일정찾기
  31. 31. 일정상세(타회원 게시글)
  32. 32. 일정상세(나의 게시글) - 1
  33. 33. 일정상세(나의 게시글) - 2
  34. 34. 일정상세(나의 게시글) - 복사하기
  35. 35. 일정상세(나의 게시글) - 함께쓰기
  36. 36. 일정상세(나의 게시글) - 다운로드
  37. 37. 뉴스피드
  38. 38. 뉴스피드 – 포스트 작성
  39. 39. 뉴스피드 – 포스트 수정
  40. 40. 뉴스피드 – 상세보기 글 클릭시, 상세 보기로 이동!
  41. 41. 뉴스피드 – 상세보기 - 1
  42. 42. 뉴스피드 – 상세보기 - 2
  43. 43. 마이페이지 상단 오른쪽 아이디 클릭시, 마이페이지로 이동!
  44. 44. 마이페이지 – 여행일정
  45. 45. 마이페이지 – 프로필사진올리기 카메라 버튼 클릭 시, 프로필사진 업로드 가능
  46. 46. 마이페이지 – 포스트
  47. 47. 마이페이지 – 정보수정
  48. 48. 마이페이지 – 정보수정 jquery validation 을 사용해 Form 유효성 검사 기능을 구현함
  49. 49. 마이페이지 – 정보수정
  50. 50. 8. 주요 페이지 (2) 관리자 모드
  51. 51. 로그인 (관리자모드)
  52. 52. 메인화면 (관리자모드)
  53. 53. 회원관리 (관리자모드) 관리자는 모든 회원을 삭제할 수 있다.
  54. 54. 회원관리 (관리자모드)
  55. 55. 여행일정찾기 (관리자모드) 관리자는 모든 회원의 글을 삭제할 수 있다.
  56. 56. 뉴스피드 (관리자모드) 관리자는 모든 회원의 글을 삭제할 수 있다.
  57. 57. 게시물삭제 (관리자모드)
  58. 58. 8. 주요 페이지 (3) 친구 초대하기 모드
  59. 59. 친구에게 초대 받은 경우
  60. 60. 친구에게 초대 받은 경우 이메일에서 초대받은 링크를 타고 들어와 1. 회원이라면 바로 로그인 2. 비회원이라면 회원가입을 하고 로그인 하면 --> 바로 초대 한사람의 글로 이동 !!!
  61. 61. 친구에게 초대 받은 경우 초대 받은 사람이! 초대한 사람의 글을 공유, 수정 할 수 있다.

×