Kkomi's Adventure : follow watertoad kkubi ...

국립공원공단 최초의 생성형 AI를 도입한 GPS 기반 비대면 치악산 국립공원 탐방기

생성형 AI를 활용한 Untact 탐방 서비스 개발

개발 기간

23.10.20 - 23.11.29 (약 6주)

개발 환경

leaflet 기반의 vue.js

• Front-End : vue.js
• Back-End : FastAPI
• tensorflow
• pytorch
• openCV
• python : 3.7.*

dependencies

• axios : 1.6.2
• leaflet : 1.9.2
• vue : 1.6.14
• vue2-leafelt : 2.7.1
• vuetify : 2.6.0
• vuex : 3.6.2
• vue-router : 3.5.1
• vue/cli : 5.0.8

Front-End setup (실행 방법)

git clone "https://github.com/Rabbit-SH/Untact_Exploration.git"
cd front-end
npm install
npm run serve

Ngrok 다운로드 (local)

Ngrok download

Sign-up 이후 token 발급

Ngrok 실행 후 ngrok config add-authtoken <토큰 번호> ngrok http 8000

ip 주소 변경

.front-end/src/components/mission/m4View.vue (130번째 줄) 과
.front-end/src/components/NaviView/AIView.vue (222번째 줄) 에서
this.response = await axios.post('ngrok 주소', formData,{responseType: 'blob'}); 부분을 찾아 변경

npm run serve(local 개발용)

npm run build(배포용)

github.io

docs파일 안에 있는 파일을 io에 올려서 서비스 

탐방 서비스 "물두꺼비를 따라가보자" 하러 가기

주요 기능

서비스 컨셉

국립공원의 아름다움과 보존 가치 인식 증진
- 국립공원 탐방 가이드 역할 : 국립공원의 자연과 생물을 면밀히 관찰하며 자연의 경이로움을 체험하는 것이 주요 목적
- 자율성이 높은 탐방 서비스 : 탐방해설사 없이 이용할 수 있는 자율성이 높은 탐방 서비스
- 아동 동반 가족 : 어린 자녀를 동반한 가족을 타겟으로 체험관 또는 야영장 중심이나 국립공원 탐방로 초입부 위주로 탐방
- 미디어 요소 최소화 : 자연을 걷고 관찰하는데 몰입할 수 있도록 미디어 요소를 최소화 / 시각적으로 흥미를 끌 수 있는 미디어는 보조적인 요소에 해당

• GPS : 실시간 위치 추적 기능 및 지도 표시 / 경로 및 탐방 코스 안내
• 다양한 미션 : 정해진 탐방 코스를 따라 자연친화적이고 교육적인 다양한 미션을 수행하며 지식을 쌓고 자연을 체험
• 생성형 AI : 탐방 과정에서 촬영한 자연경관 및 추억이 되는 사진을 원하는 화풍으로 변환

License

• miricanvas
• mdi
• Leaflet
• OpenstreetMap
• 에코샵홀씨(주)/김현태:음원