← OMNI-NEXUS KCTA TOUR 홈 · 설명회 통합 · 사업 설명회(공문) · 이용 안내

OMNI-NEXUS KCTA TOUR 홈페이지 제작 기준 설명회 자료

사단법인 한국문화관광협회 · 공식 사이트 https://ikcta.or.kr · 문서 버전 2026-04-18 (ITS·재난·교통데이터 2.3절 보강)

본 홈페이지는 관광 정보 제공과 예약·문의 연계를 목적으로 하되, 인성·나눔·배려·소통·협업 다섯 가치를 기획·설계·콘텐츠·접근성·운영 전 과정의 판단 기준으로 삼아 제작·개선되었습니다. 아래는 설명회·내부 보고·대외 안내 시 그대로 활용할 수 있는 요약입니다.

1. 다섯 가지 기준의 의미

기준	의미(제작 관점)
인성	이용자·협력 기관을 기만하지 않는 신뢰와 투명성. 과장 홍보 지양, 출처·약관·연락처를 분명히 제시하고, 공식 채널을 일원화합니다.
나눔	관광 정보와 도구를 널리 열어 공유합니다. 뉴스레터·포털·자료수집 등으로 지자체·학교·업계와 소식을 나누고, 배리어프리·다국어로 이용 범위를 넓힙니다.
배려	연령·신체 조건·디지털 익숙도에 따른 차이를 존중합니다. 키보드·스크린 리더·고대비·터치 영역 등 접근성을 고려하고, 「나눔/배려」 등 배려 여행 안내를 둡니다.
소통	질문과 피드백이 닿을 수 있는 통로를 둡니다. AI 안내·음성·분야별 문의·고객센터·예약 조회 등으로 방향을 안내하고, 답변 가능한 연락처를 노출합니다.
협업	혼자 완성하는 사이트가 아니라 생태계와 연결됩니다. B2B·B2G 게이트, 협력사 등록, 통합 등록, 지자체 캐릭터·관광청 연계 콘텐츠 등 파트너 진입을 구조화합니다.

1.1 현장 질문 예시(가치로 답하기)

질문	연결 가치	답변 골자
왜 이렇게 문구가 길게 나오나요?	인성	약관·출처·연락처를 분명히 하여 오해·분쟁을 줄이기 위함.
외국어가 어색합니다.	배려·소통	자동 번역은 참고. 사업자·운영자 검수 후 게시.
협력사만 보이고 우리는요?	협업	등록·심사·운영 정책에 따름. 공정한 진입을 구조로 설명.

2. 기준별 — 사이트에의 반영(예시)

실제 화면·메뉴와 대응시키면 설명회 청중이 이해하기 쉽습니다.

인성 → 신뢰·투명

• 공식 URL·약관·개인정보처리방침·이미지 출처 안내 페이지 연계
• 예약·문의는 절차와 조회 방법을 문서화(이용 안내 등)

나눔 → 공유·확산

• 뉴스레터·발송 허브, 통합 포털, 메인 관광 소식창 등으로 정보를 배포 가능하게 구성
• 다국어 전환으로 방문객층을 넓힘

배려 → 접근·존중

• 나눔/배려(배리어프리) 전용 안내
• 주요 버튼·폼에 최소 터치 영역·레이블을 고려한 UI 패턴

소통 → 연결·응답

• AI 관광 안내, 길안내·네비 주소 등록, 분야별 문의·상태 조회
• 국내 여행 예약 접수: 메인에 노출된 상품명·가격과 등록 일정이 맞으면 문의란에 일정 요약이 이어지도록 보강(아래 제3절 참고)
• 고객센터 전화·이메일(webmaster@ikcta.or.kr) 상시 표기

협업 → 동반 성장

• B2B · B2G 진입, 협력사 등록, 통합 등록
• 지자체 캐릭터·축제 배너 등 지역·기관과의 연계 콘텐츠 영역

2.1 웹·앱(PWA)·검색·다국어 — 기술로 받치는 나눔·소통

다음은 메인 및 공통 헤더에 반영된 기능 목록입니다. 설명회에서는 “순위 보장”이 아니라 공식 도메인·구조화·설치형 웹·다국어로 이용자 접근을 넓힌다는 점을 강조하면 됩니다.

영역	구현 요약(파일·역할)
PWA	/manifest.json — 이름·standalone·theme_color·아이콘(192/512·maskable)·shortcuts(B2C 메인, B2B/B2G 게이트, 예약, 포털, 일정, 길안내, SNS 스토리 등).
서비스 워커	/sw.js — 캐시 전략·프리캐시 URL. js/register-service-worker.js가 HTTPS(또는 localhost)에서 등록.
모바일·앱 체험	viewport-fit=cover, theme-color, apple-mobile-web-app-*, apple-touch-icon, 모바일 웹앱 캡어블 메타.
다국어·지역	hreflang 대체 링크(ko/en/ja/zh), js/i18n.js 언어 전환.
검색·SNS	Open Graph·Twitter 카드, schema.org JSON-LD(Organization·WebSite·업무 구분 ItemList), sitemap.xml·robots.txt 주석 안내.
성능	폰트·외부 도메인 preconnect, 스타일 preload 등(페이지별 상이).
UI	반응형 레이아웃(Tailwind 등), 터치·네비 패턴 — B2C 이용 안내와 연계.

2.2 지자체 캐릭터 · 실시간 길안내 지도 · 3D/AR

아래는 B2C 체험에서 자주 묻는 캐릭터·지도·입체의 관계입니다. “지도가 3D 게임처럼 돌아간다”는 표현은 부정확할 수 있으니, 설명회에서는 표현을 나눕니다.

구분	대표 경로·기술	설명회 한 줄
지자체 캐릭터	characters.html — 17개 지역 카드, 다국어·배리어프리. 메인 index.html에는 고정 위젯·음성·AR/GLB 바로가기.	지역 브랜드·AI 안내·콘텐츠 허브.
실시간 길안내 지도	guide-map.html — Leaflet, OSM/Carto 타일, Geolocation, 목적지·캐릭터 썸네일·분야별 POI 오버레이(JSON 로더로 병합).	2D 지도 + 레이어·GPS가 핵심. “3D 지형 지도”와 혼동하지 않기.
3D · AR (모델)	guide-ar.html — model-viewer, iOS Quick Look 등. k-tour-3d.js — Three.js·GLTF로 GLB를 캔버스에 표시(예: mobility-integrated.html).	캐릭터·안내 모델의 입체. 지도 타일과 별개 축.

2.3 재난·국가교통(ITS) 계열 — 연동·레이어 설계 시 정보 종류

대외·기관 설명에서 어떤 공공 데이터를 염두에 두는지를 한 번에 보여 줄 때 아래 목록을 씁니다. 상세 매핑·3D 시각화 역할은 docs/traffic-7-pillar-3d-engine-spec.txt 및 docs/traffic-engine-layers.schema.json을 따르며, API 키·원문 URL은 서버 전용 설정에만 둡니다.

• 재난상황정보 — 광역 재난·기상 등(기관 연계 시 별도 레이어).
• 교통소통정보 — 링크·구간별 소통·속도 등.
• 돌발상황정보 — 사고·공사 등 돌발.
• CCTV 화상자료 — 스트림·스냅은 서버 프록시·토큰 전제.
• 교통예측정보 — 시간대별 혼잡 예측(출처 수치 준수).
• 차량검지정보 — 검지기 기반 교통량 등.
• 도로전광표지(VMS) 정보 — 전광판 문안·위치.
• 주의운전구간 정보 — 구간별 주의(결빙·급커브 등).
• 가변형 속도제한표지(VSL) 정보 — 구간 제한속도.
• 위험물질 운송차량 사고정보 — 위험물 관련 사고·대응(공식 분류 우선).

운영 사이트에 위 항목이 모두 실시간 연동되어 있다는 뜻이 아니라, 협회 보유 설계 문서상의 데이터 범주입니다. 실제 연동·개시는 기관 승인·계약·기술 일정에 따릅니다.

3. 최근 플랫폼·운영 보강(발표 시 요약)

아래는 2026년 4월 전후에 반영된 기능으로, 소통·협업·신뢰 설명에 연결해 말씀하시면 됩니다.

메인 상품 가격 → 예약·일정표 연동

• 메인 추천 영역에서 가격이 숫자로 표시된 상품은 예약 페이지로 이동할 때 상품명과 함께 원화 가격이 URL에 넘어가, 담당자가 동일 조건임을 확인하기 쉽습니다.
• 서버의 data/reservation-price-catalog.json에 「상품명·가격·일정표 요약·일정표 링크」를 등록해 두면, 예약 양식의 추가 문의란에 등록 일정 안내가 자동으로 붙고 안내 배너가 표시됩니다. B2B에 등록된 상품(PRODUCTS)과 이름·가격이 맞을 때도 일정 메모를 활용합니다.
• 운영 측면: 공개 가격과 내부 일정표를 동일 조건으로 맞춰 두면 접수 오류를 줄이고(인성·신뢰), 이용자는 한 번의 흐름으로 예약까지 이어집니다(배려·소통).

여행사 연락처 디렉터리·홈페이지 수집

• 관리용 여행사 연락처·이메일 정리 화면: 문화체육관광부 개방데이터(CSV)를 바탕으로 한 표에, 공개 홈페이지 HTML에서 메일 후보를 뽑는 기능(PHP 프록시)이 있습니다.
• 홈페이지(URL)는 CSV에 열이 없을 때가 많아, 네이버 웹문서 검색 API로 1차 자동 수집(정기 작업 또는 화면의 녹색 버튼, mode:auto)과 2차 수동 수집(담당자가 필요할 때만, 주황 버튼, mode:manual)으로 구분했습니다. 자동 결과는 반드시 표에서 검토한 뒤 시드 파일을 손보라는 전제입니다.
• 서버에는 api/naver-search-config.local.php(Git 제외)에 Client ID·Secret만 두면 되고, PC에서는 scripts/collect-travel-agency-websites.py·run-travel-agency-website-bot.ps1로 동일 계열 작업을 할 수 있습니다. CSV에 홈페이지 열이 생기면 빌드 스크립트가 반영합니다.

4. 신규 페이지·배너 게시 전 체크리스트

항목	확인
인성	과장·미확인 수치·타사 비방 없음. 출처·갱신일·담당 연락처.
나눔·배려	다국어·대체 텍스트·포커스 순서·최소 터치 영역(모바일).
소통	문의·예약·약관 링크가 깨지지 않음. 404·구 URL 리다이렉트.
협업	기관·협력사 로고·명칭 사용 허위·무단 사용 없음.
개인정보	필수 수집 최소화, 처리방침·제3자 제공 고지와 정합.

5. 가치에 어긋나는 콘텐츠 발견 시(운영 원칙)

• 1단계: 임시 비공개·수정 요청(담당자·협력사에 사유 통지).
• 2단계: 허위·불법 의심 시 법률·관할 기관 안내, 협회는 중재자가 아닌 안내 채널임을 명시.
• 3단계: 재발 방지 — 동일 유형에 대한 이용 안내·FAQ 보강.

6. 설명회에서 말할 한 문장(제안)

「OMNI-NEXUS KCTA TOUR 홈페이지는 관광 편의를 넘어, 바르게(인성)·함께(나눔)·존중하며(배려)·듣고 답하는(소통)·함께 만들어가는(협업) 디지털 공간이 되도록 기준을 세워 두었고, 메뉴와 콘텐츠가 그 기준에 맞춰 배치되어 있습니다.」

7. 문의

사단법인 한국문화관광협회 OMNI-NEXUS KCTA TOUR · 전화 010-3966-7892 · 이메일 webmaster@ikcta.or.kr