Mu Hun
Engineering based on digital a11y.
당신은 제주도내 지역을 얼마나 알고있나요?
어데메 🗺️🔍
사진과 캡션을 활용하여 제주도의 다양한 위치를 맞추는
여행지 게이미피케이션 경험 제공 웹 서비스
김무훈, 지다원, 이원석
심볼 원본 (MIT 라이선스): https://github.com/ohmyjeju-painkiller/design
아이디어 소개 💡
- 제주도 내 여행 장소의 사진과 설명을 제공하며, 사용자가 얼마나 빠르게 맞출 수 있는지를 겨루는 게임 경험 기반 관광 정보 제공 게임
- 📍제한 시간 내에 검색 없이 특정 위치를 찾아 마킹해야 합니다.
비슷한 분야의 유명 서비스: GeoGuessr 🗺️
전 세계의 랜드마크, 도시, 도로 등의 장소를 구글 스트리트 뷰로 보여주고 위치를 찾는 지리학적 요소가 포함된 게임입니다.
십여년 넘게 국제 대회가 열릴 만큼 유명한 서비스
게임 인터페이스 소개
맡은 역할 정리
- 프로젝트 관리자: 김무훈
- 게임 기획 및 UI 디자인: 김무훈, 지다원, 이원석
- 웹 기반 인터페이스 및 인터렉션 구현: 지다원, 이원석
브랜딩 소개
"어데가 있나 찾엉 봅써!" ➡️ 어데메
- 위치를 찾아가는 재미를 직관적으로 전달하고자 지은 이름
- 제주어 특유의 친근함과 구수한 느낌을 살리면서, "어디에 있지"를 제주어 느낌으로 표현
ℹ️ 제주어는 말끝에 '엉'이나 '와' 등 어미를 줄이는 표현을 사용합니다.
기획 동기
-
여행지 추천의 어려움
저는 제주에서 태어나고 평생 자랐지만, 아직도 제주에 모르는 것이 많습니다. 도외 지인들이 제주도의 관광지나 명소를 물어볼 때, 제가 제주에서 여행지를 가본 기억이 오래되어 추천하기가 매우 어려웠습니다. -
제주 토박이도 모르는 제주
이렇게 제주 지역에 대한 정보와 경험이 오래된 저로서는, "내가 과연 제주도를 얼마나 알고 있을까?" 라는 의문이 들어 이 아이디어를 구상하게 되었습니다. -
타겟 사용자
- 지역 주민: 제주도민으로서 제주도를 새로 알 수 있는 기회를 제공
- 관광객: 새로운 방식으로 제주도를 탐험하고 경험할 수 있는 참여형 게임
🎯 제주도 내 관광지와 점포 등 다양한 여행 장소에 대한 방문 경험을 테스트하고 증진하는 게임
해당 게임 인터페이스에 대한
지난 일정 정리
- 게임 인터페이스 기획 ✅
-
게임 데모 시험적 구현(Proof of Concept) ✅
- 웹 개발 사전 학습 기간(4주): 팀 구성원 모두 웹 UI 개발이 처음
- 웹 기반 게임 구현 기간(4주): 목업 관광 데이터셋을 기반으로 게임 서비스를 구현
- 데모로 구축한 게임 서비스에 실제 관광 데이터 연결하기 ☑️
다음장부터 2번 항목, 시험적 구현 과정에 대한 상세 소개를 하겠습니다.
웹 프로그래밍 기초 학습
Complete Intro to Web Dev v3 강의 공동 스터디
UI 개발 도구 선택 및 학습
-
Svlete UI Framework
- Svelte 튜토리얼 공동 학습
- GitHub 형상관리 환경 바탕의 협업
GIS 엔지니어링
- 제주도내 법정동 GIS 데이터 출처 - 브이월드*
-
GIS 데이터 온라인 편집기 사용 - mapshaper.org
-
euc-kr ➡️ UTF-8 변환
-
.SHP(Shap File), .PRJ(좌표계) 등 브이월드 공간정보
➡️ Web 환경에서 필요한 GeoJSON 포멧으로 변환*
-
*브이월드 공간정보 다운로드 - https://www.vworld.kr/dtmk/dtmk_ntads_s002.do?dsId=30603
*GeoJSON 형식으로 변환한 데이터 덤프를 오픈소스로 열어두었습니다:
- https://github.com/eodeme/eodeme/blob/main/src/lib/jsons/area.json
장소 정보 구조화 작업
{
"start": {
"picture": "https://api.cdn.visitjeju.net/...jpg",
"description": "마치 예리한 조각 칼로 깎아낸 듯한 4~6각형 형태의 기둥이다. 육모꼴의 돌 기둥이 병풍처럼 둘러 쳐져 있다다.",
"keywords": ["제주여행", "제주바다", "유네스코", "제주자연"],
"hints": [
"차량으로 5분 거리에 중문관광단지가 있다.",
"현무암질 용암류에 나타나는 수직 절리를 말한다."
],
"EMD_CD": "50130112", // 행정동 코드
"COL_ADM_SE": "50130" // 행정시 코드 (제주시)
},
"result": {
"placeName": "주상절리대",
"coordinate": {
"latitude": 33.238033,
"longitude": 126.425067
},
"address": "제주특별자치도 서귀포시 이어도로 36-30",
"outlink": {
"visitjeju": "https://www.visitjeju.net/kr/detail/view?contentsid=CNTS_000000000020476",
"naverMap": "https://map.naver.com/p/entry/place/12226192?c=15.00,0,0,0,dh",
"kakaoMap": "https://place.map.kakao.com/10793668"
}
}
}
- 퀴즈
- 대표 사진
- 설명
- 키워드 목록
- 힌트 문구 목록
- 행정동 및 행정시 구분 코드
- 대표 사진
- 결과
- 위도 및 경도
- 장소명
- 주소
- 외부링크
- 비짓제주 소개 URL
- 카카오맵,네이버맵 장소 URL
최종 결과물 시연
당신은 제주도내 지역을 얼마나 알고있나요?
어데메 🗺️🔍
끝
심볼 원본 (MIT 라이선스): https://github.com/ohmyjeju-painkiller/design
당신은 제주도내 지역을 얼마나 알고있나요? - 어데메 🔍
By Mu Hun
당신은 제주도내 지역을 얼마나 알고있나요? - 어데메 🔍
제주대 컴퓨터공학전공 캡스톤I 프로젝트 결과 발표 자료입니다. 내용에 대한 무단 이용을 금합니다. https://github.com/eodeme/eodeme
