Skip to content

About

[2025 공공데이터 활용 공모전] front-end 레포

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

🔷 Senior-Way (시니어웨이)

2025 관광데이터 활용 공모전 프로젝트
개발기간: 2025.05.19 ~ 2025.09.17

시니어 친화형 맞춤 관광 코스 & 보호자 연동 기반 부산 무장애 여행 웹앱 서비스

초고령 사회에 대비하여,
시니어가 더 안전하고 편하게 여행할 수 있도록

  • 맞춤형 일정 자동 생성
  • 무장애 관광 정보 제공
  • 보호자 연동 기반 실시간 위치 확인

을 지원하는 웹앱입니다.


팀 부산스런

이름 GitHub 역할
이다연 @Leeday11 FE
박예빈 @yebinnnnn Infra
박준영 @Tarae0419 BE
윤제승 @yjs1228 BE
이학준 @dlgkrwns213 BE

1. 서비스 개요

Senior-Way는 시니어 세대를 위해 설계된 여행 지원 서비스입니다.
사용자의 디지털 활용 역량·시력·이동 환경을 고려한 UI/UX와
부산 지역의 무장애 관광 데이터를 기반으로 개인화된 여행 일정을 생성합니다.

또한 보호자 연동 기능을 통해
시니어의 여행 일정과 현재 위치를 보호자가 실시간 확인할 수 있어
보다 안전한 여행 경험을 제공합니다.


2. 서비스 개발 배경

통계청 2017 여가활동조사에 따르면,
65세 이상 시니어의 희망 여가 활동 1위는 **관광(65.8%)**입니다.

실제 여행에서는

  • 불편한 교통
  • 부족한 정보
  • 편의 시설 접근성 불안
  • 디지털 격차

때문에 시니어가 여행을 망설이는 경우가 많습니다.

한국관광공사 데이터 분석에 따르면,

  • 경상권 시니어의 부산 관광 선호도가 매우 높고
  • 부산은 무장애 환경 조성이 우수하여 시니어 특화 지역으로 적합함을 확인했습니다.

이에 본 프로젝트는 시니어의 물리적·심리적 장벽을 해소하고,
누구나 안전하고 즐거운 여행을 할 수 있도록 설계되었습니다.


3. 핵심 디자인 전략

🟦 Okabe-Ito 색각 배리어 프리 팔레트 적용

  • 색각 이상자도 인식 가능한 색 구성
  • 명확한 대비(Contrast)로 가독성 향상

🟪 시니어 친화 UI

  • 큰 폰트
  • 명확한 아이콘
  • 단순한 네비게이션 구조
  • 불필요한 정보 최소화
  • 보호자 페이지는 일반 텍스트 UI로 구분

4. 주요 기능

1) 사용자 유형별 회원가입 & 로그인

  • 일반 사용자 / 보호자 유형 선택
  • 상단 Breadcrumb로 진행 단계 시각화
  • 카카오 OAuth2 소셜 로그인
  • 비밀번호 암호화 및 계정 관리 포함

2) 사용자 기본 홈 화면

부산 지역 축제 정보 제공

  • 홈 화면 메인 배너에서
    현재 시점 기준 가장 가까운 부산 축제 5개 자동 노출
  • 최신 & 시기적절한 관광 정보 제공

🎙 음성 인식(STT) 내비게이션

헤더의 마이크 아이콘을 탭하면 음성으로 아래 기능 실행 가능:

  • “뒤로 가기”
  • “홈으로”
  • “일정 생성” 시니어의 디지털 장벽을 최소화함.
image

3) 개인 맞춤 선호도 조사 (Profiling)

설문 항목:

  • 여행 선호 유형(힐링/문화/맛집 등)
  • 이동 수단
  • 휠체어 여부
  • 반려동물 여부
  • 여행 기간
  • 디지털 활용 능력

Breadcrumb UI로 진행 상황을 단계별 시각화.

image

4) 선호도 조사 기반의 맞춤 여행 일정 자동 생성

  • 한국관광공사 TourAPI 데이터 연동
  • 선호도 기반 추천 일정 자동 생성
  • “n박 n일 추천 일정” 자동 제목 생성
  • 장소 정보 + 운영시간 + 지도 정보 포함
  • 일정 저장 / 삭제 기능 제공
image

5) 일정 관리 & 오프라인 활용

  • 저장된 일정 전체 목록 조회
  • 일정 상세 페이지에서
    • PDF 다운로드
    • 이미지(PNG) 다운로드
  • 오프라인에서도 일정 확인 가능하여 시니어 편의성 향상
image

6) 무장애 관광지(Barrier-Free) 정보

  • 부산 지역 무장애 관광지 리스트 제공
  • 텍스트 검색 / 음성 검색 / 카테고리 필터 지원
  • 관광지 상세 페이지에서 제공되는 정보:
    • 휠체어 접근성
    • 전용 화장실 여부
    • 주변 편의시설
    • 카카오맵 기반 위치 표시
image

7) 보호자-사용자 연동 기능

연동 과정:

  1. 보호자가 사용자 이메일·이름 입력
  2. 사용자가 이메일 인증으로 승인
  3. 연동 완료 → 상호 연결

실시간 위치 확인

  • 카카오맵 API 기반
  • 연동된 사용자의 현재 위치 실시간 조회

여행 일정 조회

  • 사용자가 저장한 모든 일정 확인 가능
  • 여행 중 상황 대응 및 안전 관리 지원
image

💻 Tech Stack

🌐 Frontend

Vue3 Vite Pinia Vue Router Axios JavaScript

🗺 API & External Services

TourAPI KakaoMap STT

🛠 Backend

Java Spring Boot Spring Security JPA MySQL OAuth2 WebSocket

📂 Backend Repo:
https://github.com/senior-way/SeniorWay-BE

☁️ Infra

AWS EC2 AWS RDS Nginx HTTPS

🧰 Tools & Collaboration

Figma GitHub Notion

About

[2025 공공데이터 활용 공모전] front-end 레포

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages