무장애 관광 여행계획 플래너

AnyoneTrip

금오공과대학교 컴퓨터 공학과
2023.05 ~

✅ 프로젝트 소개

휠체어를 사용하거나 기타 장애로 인해서 평범한 관광 시설을 사용하는 데 어려움을 겪는 사람들이 많다.

이런 사람들이 불편 없이 산책하는 장소를 찾고, 여행 일정을 관리하기 위해 개발되었다.

✅ 개발 환경 세팅

nodejs lts 설치
- windows : httsp://nodejs.org
- mac: brew install node
실행 방법
- client
```
cd frontend
npm i
npm start
```
- server
src/main/java/Barrierfree.TravelPlanner/TraevlPlannerApplication 에 있는 main에서 Run

✅ git 사용법(local: 본인 컴퓨터 / remote: 연결되어 있는 git 주소)

작업 업로드 및 다운로드

git pull origin 브랜치명 // 원격 저장소에 있는 데이터를 로컬 저장소로 가져옴
git add . // 본인이 작업한 파일 모두 워크트리에 추가
git commit -m "설명" // 커밋해서 로컬 저장소에 저장
git push origin 브랜치명 // 원격 저장소에 변경된 부분 적용

브랜치 설정

master: main 브랜치로 마지막 배포할 때만 사용
dev: 모든 개발물은 해당 브랜치에 업데이트되며 마지막 배고할 때 master 브랜치와 merge
dev/각자사용할 브랜치: 개인 사용할 브랜치로 각자 해당 브랜치에서 작업하며 구현된 내용은 dev 브랜치로 merge

✅ 기술스택

Devlopment

Enviroment

Communication

✅ 페이지별 화면



메인 페이지	지역 & 날짜 지정

지역별 관광지 리스트 출력	원하는 장소 위치 및 정보 출력

원하는 일정에 추가를 위한 모달	일자 별 관광지 추가

전체 무장애 관광지 리스트 출력	검색 기능

✅ 서비스 주요 기능

1. 관광 일정 생성하기

관광 일정을 생성하기 시작하면, 맨 처음 일정과 지역을 선택할 수 있다.
해당하는 지역의 관광지 리스트를 간단하게 표시해준다.
그 중 특정 관광지를 추가하면, 위치와 함께 상세 정보를 확인할 수 있다.
원하는 관광지를 원하는 일정에 추가할 수 있고, 일자별로 추가가 완료되면 일정 생성이 확정된다.

2. 관광지 목록 보기

관광지 목록 보기를 시작하면 전체 리스특 출력된다.
지역별, 카테고리별로 필터링이 가능하며 장소 이름으로 검색도 할 수 있다.
상세보기를 통해 해당 관광지의 자세한 정보를 확인할 수 있다.

3. 카카오 지도 API

카카오 지도 API를 사용하여 입력받은 주소를 위도, 경도로 변경하고 지도에 마커로 표시한다.

4. 한국관광공사 API

한국관광공사에서 제공된 무장애 관광 Open API를 사용하여 필요한 정보를 제공 받는다.

✅ 기획

와이어 프레임
[E-R Diagram]

✅ 제작

이름	담당 업무
송주혜	예약 API, 메인페이지, 일정별 예약 등록 페이지, 전체 관광지 페이지, 상세보기 페이지
조우성	일정별 예약 등록 페이지
박소현	지역&날짜 선택 페이지
신상희	문헌 조사 및 연구

더미데이터 예시용 API 데이터 모양

관광지 상세보기용 상세정보 데이터

https://www.data.go.kr/tcs/dss/selectApiDataDetailView.do?publicDataPk=15101897

contentid를 기반으로 무장애 정보를 GET요청한 결과 :

{
            "contentid": "129620",
            "parking": "장애인 주차장 있음(5대,한림공원주차장)_무장애 편의시설",
            "route": "",
            "publictransport": "출입구까지 턱이 없어 휠체어 접근 가능함",
            "ticketoffice": "",
            "promotion": "",
            "wheelchair": "대여가능",
            "exit": "",
            "elevator": "",
            "restroom": "장애인 화장실 있음(공원 공중화장실)",
            "auditorium": "",
            "room": "",
            "handicapetc": "",
            "braileblock": "",
            "helpdog": "",
            "guidehuman": "",
            "audioguide": "",
            "bigprint": "",
            "brailepromotion": "",
            "guidesystem": "",
            "blindhandicapetc": "",
            "signguide": "",
            "videoguide": "",
            "hearingroom": "",
            "hearinghandicapetc": "",
            "stroller": "대여가능(유료,24개월이하)",
            "lactationroom": "",
            "babysparechair": "",
            "infantsfamilyetc": ""
          }

이거랑 이미지는 링크로 되어있습니다.

contentid를 기반으로 이미지를 GET요청한 결과 :

            "contentid": "125519",
            "originimgurl": "http://tong.visitkorea.or.kr/cms/resource/79/1193579_image2_1.jpg",
            "imgname": "인천 자유공원 (1)",
            "smallimageurl": "http://tong.visitkorea.or.kr/cms/resource/79/1193579_image3_1.jpg",
            "cpyrhtDivCd": "Type3",
            "serialnum": "1193579_8"

contentid, contentTypeId를 기반으로 소개정보를 GET요청한 결과

{
  "response": {
    "header": {
      "resultCode": "0000",
      "resultMsg": "OK"
    },
    "body": {
      "items": {
        "item": [
          {
            "contentid": "2724422",
            "contenttypeid": "15",
            "agelimit": "체험종류에 따라 다름",
            "bookingplace": "",
            "discountinfofestival": "",
            "eventenddate": "20210930",
            "eventhomepage": "",
            "eventplace": "전라감영",
            "eventstartdate": "20210701",
            "festivalgrade": "",
            "placeinfo": "",
            "playtime": "수시진행(행사내용 참고)",
            "program": "",
            "spendtimefestival": "상시",
            "sponsor1": "한바탕전주",
            "sponsor1tel": "063-236-1577",
            "sponsor2": "합굿마을, (사)창의예술연구회",
            "sponsor2tel": "",
            "subevent": "",
            "usetimefestival": "무료"
          }
        ]
      },
      "numOfRows": 1,
      "pageNo": 1,
      "totalCount": 1
    }
  }
}

지역기반 관광지 조회 결과

관광타입, 지역코드, 시군구코드를 기반으로 GET요청한 결과 :

{
  "response": {
    "header": {
      "resultCode": "0000",
      "resultMsg": "OK"
    },
    "body": {
      "items": {
        "item": [
          {
            "addr1": "대구광역시 동구 효동로2길 10",
            "addr2": "(효목동)",
            "areacode": "4",
            "booktour": "0",
            "cat1": "A02",
            "cat2": "A0206",
            "cat3": "A02060300",
            "contentid": "2488233",
            "contenttypeid": "14",
            "createdtime": "20170331002959",
            "firstimage": "http://tong.visitkorea.or.kr/cms/resource/26/2488226_image2_1.JPG",
            "firstimage2": "http://tong.visitkorea.or.kr/cms/resource/26/2488226_image2_1.JPG",
            "cpyrhtDivCd": "Type3",
            "mapx": "128.6507908775",
            "mapy": "35.8791505263",
            "mlevel": "6",
            "modifiedtime": "20221014143732",
            "sigungucode": "4",
            "tel": "",
            "title": "국립대구기상과학관",
            "zipcode": "41179"
          },
          {
            "addr1": "대구광역시 동구 동부로 149",
            "addr2": "",
            "areacode": "4",
            "booktour": "0",
            "cat1": "A01",
            "cat2": "A0101",
            "cat3": "A01010500",
            "contentid": "2553566",
            "contenttypeid": "14",
            "createdtime": "20180712224509",
            "firstimage": "http://tong.visitkorea.or.kr/cms/resource/04/2482404_image2_1.jpg",
            "firstimage2": "http://tong.visitkorea.or.kr/cms/resource/04/2482404_image3_1.jpg",
            "cpyrhtDivCd": "Type3",
            "mapx": "128.6294594533",
            "mapy": "35.8780669221",
            "mlevel": "6",
            "modifiedtime": "20220927112657",
            "sigungucode": "4",
            "tel": "",
            "title": "대구 아쿠아리움",
            "zipcode": "41229"
          },
          {
            "addr1": "대구광역시 동구 파계로112길 17",
            "addr2": "",
            "areacode": "4",
            "booktour": "0",
            "cat1": "A02",
            "cat2": "A0206",
            "cat3": "A02060100",
            "contentid": "1248810",
            "contenttypeid": "14",
            "createdtime": "20110402004322",
            "firstimage": "http://tong.visitkorea.or.kr/cms/resource/25/1240825_image2_1.jpg",
            "firstimage2": "http://tong.visitkorea.or.kr/cms/resource/25/1240825_image3_1.jpg",
            "cpyrhtDivCd": "Type3",
            "mapx": "128.6364782252",
            "mapy": "35.9793444686",
            "mlevel": "6",
            "modifiedtime": "20220923152218",
            "sigungucode": "4",
            "tel": "",
            "title": "자연염색박물관",
            "zipcode": "41001"
          },
          {
            "addr1": "대구광역시 동구 효동로2길 24",
            "addr2": "(효목동)",
            "areacode": "4",
            "booktour": "0",
            "cat1": "A02",
            "cat2": "A0206",
            "cat3": "A02060600",
            "contentid": "1756202",
            "contenttypeid": "14",
            "createdtime": "20121123001448",
            "firstimage": "",
            "firstimage2": "",
            "cpyrhtDivCd": "",
            "mapx": "128.6516463528",
            "mapy": "35.8793255226",
            "mlevel": "6",
            "modifiedtime": "20220831172245",
            "sigungucode": "4",
            "tel": "",
            "title": "아양아트센터(구, 동구문화체육회관)",
            "zipcode": "41179"
          }
        ]
      },
      "numOfRows": 4,
      "pageNo": 1,
      "totalCount": 4
    }
  }
}

zuhye / anyonetrip Goto Github PK

anyonetrip's Introduction