Final project

여행지 소개 및 일정관리 웹 어플리케이션

“TravelMaker”

개발환경

OS

Window 7, 8, 10

DBMS

Oracle 11g

Language

Java, javascript, HTML5, CSS3

Server-side Library

Spring Framework, Mybatis, EL, JTSL

Front-End Library

JQuery, Bootstrap

연동 API

다음 지도 API, 기상청 API, 환율 API

개발인원

개발기간

6 명

2016.02.01(월) ~ 2016.02.26(금)

개발 취지 및 목적

1. 정보시스템 개발자 양성과정에서 배운

   웹 개발 지식을 활용하여 웹 서버에서 작동하는

   어플리케이션을 개발한다.

2. 철저한 역할 분담을 기반으로 실제 프로젝를 체험해

   볼 수 있도록 개발 업무를 진행한다.

      3. 조원들의 관심사 중 하나였던 여행 계획을 테마로 

          여행 계획을 관리할 수 있는 웹 어플리케이션을

          제작해본다.

DATABASE 구조도

 실행화면

 세부내용

1. 회원가입 후, 사용자는 이메일과 비밀번호를 입력하여 사이트에 로그인을 할 수 있다.

2. 로그인 정보가 올바르지 않으면 로그인되지 않고, DB에 해당 정보가 존재 및 일치한다면 사용자의 정보를 세션에 담아 유지시킨다.

 실행화면

 세부내용

1. 검색어 자동완성 기능이 있다. 1글자 이상부터 해당 글자를 포함하는 모든 여행지 이름 – 도시 이름이 함께 검색된다.

2. 로그인을 하면 해당 사용자의 개인정보와 포인트 적립가능한 달력이 출력된다.

3. 개인정보를 클릭하면 마이페이지로 redirect 된다. 달력을 누르면 당일에 단 한번만 100점씩 포인트를 적립할 수 있다.

 실행화면

 세부내용

1. 여행지 및 도시 정보의 검색 기능을 제공한다.

2. DB 여행지 조회수를 참조하여 인기있는 도시 랭킹을 매기고, 해당 도시의 이미지를 레이아웃에 맞게 출력한다.

 실행화면

 세부내용

1. DB에 저장된 여행지를 카테고리별로 분류하여 사용자에게 출력해준다. 사용자는 카테고리 명을 클릭하여 해당 여행지 페이지로

   이동할 수 있다.

2. 하단에는 도시와 카테고리를 선택하여 검색어를 입력 후 검색 버튼을 클릭하면 여행지 정보를 Ajax로 검색하여 출력하는

   여행지 검색 기능을 제공한다.

3. 푸터에서는 각 페이지로 이동할 수 있는 사이트 맵 기능을 하고, 홈페이지의 언어를 한국어, 영어, 일어, 중국어로 바꿀 수 있고,

   환율 표현 정보를 KRW, USD, JPY로 변경할 수 있다.

 실행화면

 세부내용

1. 특정 도시의 기본 정보 (2장 이상의 사진 슬라이드, 텍스트 정보)를 출력한다.

2. 현재 날씨는 외부 JSONP를 이용해 출력한다. 날씨 아이콘은 4가지 종류로

 (clear-cloudy-rain-snow), 그날 날씨에 따라 바뀐다.

3. 섭씨와 화씨로 당일 온도 전환이 가능하다.

4. 당일의 환율을 JSONP를 이용해 출력하며, select 를 이용해 다른 나라의 환율로 전환할 수 있다.

 실행화면

 세부내용

1. 도시에 포함된 모든 여행지를 출력한다.

2. 여행지는 상위-하위 카테고리가 존재하고, 각 카테고를 누를 때마다 상위에 해당하는 여행지 또는 상/하위 모두에 해당하는 여행지와

   페이지네이션이 Ajax를 이용해 출력된다.

3. Java의 기본 클래스 Date를 이용해 현재 날짜를 기준으로 작년 년도를 찾아서 작년의 월평균 기온을 JSONP로 가져온다.

4. 구글차트를 이용하여 평균 기온 그래프를 그린다.

 실행화면

 세부내용

1. 특정 도시에 포함되는 모든 여행지의 모든 리뷰를 모아 출력한다.

2. 상단에 특정등급을 클릭하면 해당 등급의 리뷰들과 페이지네이션을 출력한다.

 실행화면

 세부내용

1. 각각의 여행지 정보를 출력한다.

2. 사진/카테고리/전화번호/오픈시간/웹사이트 정보를 제공한다.

 실행화면

 세부내용

1. 유저들의 일정에 담겨있는 테마를 기준으로 원형그래프 산출한다.

2.  리뷰를 작성할때 만족도를 조사해 막대 그래프로 산출된다.

3. 현 여행지의 주소를 기반으로 지도를 표현한다

4. 로그인한 유저는 리뷰남기기 버튼을 클릭해서 자신의 만족도를 리뷰에 표현이 가능하다.

5. 로그인한 유저는 자신의 리뷰를 삭제가 가능/ 다른 유저나 guest 는 삭제 불가능하다.

 실행화면

 세부내용

1. 로그인한 유저는 일정에 담기 버튼을 통해 시작 날짜와 끝나는 날을 확인 가능하다.

2. 선택했을 시에 그 여행지가 포함된 유저의 일정 페이지로 넘어가서 일정을 수정 및 그 일정에 관해 일정을 추가한다.

 실행화면

 세부내용

1. 유저가 등록한 글을 화면에 리스트로 출력하고 각 버튼을 누르면 해당 지역의 글만 필터링되어서 회면서 출력이 된다.

 실행화면

 세부내용

1. 상단에는 일정에 대한 개요를 볼 수 있다.

2. 중단 버튼을 클릭하여 자신의 일정을 수정, 삭제할 수 있고, 자신 및 타인의 일정을 복사하거나 엑셀로 출력할 수 있다.

3. 일정의 정보를 바탕으로 자신이 짠 일정이 날짜 및 작성 순서대로 표시되어 있으며, 이 순서 정보가 우측의 지도에 마커로 표현되어있다.

 실행화면

\

 세부내용

1. 회원가입을 한 사용자가 로그인후 사용할 수 있는 페이지이며 나의 정보수정 작성한 일정확인 및 클립한 여행지 정보를 확인한다.

 실행화면

 세부내용

1. 회원가입을 한 사용자가 로그인후 사용할 수 있는 페이지이며 나의 정보수정 작성한 일정확인 및 클립한 여행지 정보를 확인한다.

 실행화면

 세부내용

1. 회원가입을 한 사용자가 로그인후 사용할 수 있는 페이지이며 나의 정보수정 작성한 일정확인 및 클립한 여행지 정보를 확인한다.

 실행화면

 세부내용

1. 작성하기 버튼을 누르면 여행 출발일을 달력을 통해 지정하고 제목을 설정한다.

 실행화면

 세부내용

1. 방문일정에 따라 체류일자 별 목록이 생성하거나 또는 기존의 일정정보를 가져와 수정 할 수 있다.

2. 수정화면의 경우 기존일정이 표시되며 해당 체류일별 지도의 경로와 순서가 제공된다.

3. 해당 도시의 여행지를 기본적으로 전체 리스트로 제공하며 카테고리를 통한 여행지 리스트를 분류하여 표시하고 마커를 통한 위치를

   제공한다.