프로젝트 배경
1) 문제점
1. 유료 수업 환경에서 요구되는 완전한 재생 안정성 확보 필요
- HIT**는 실제 회원이 참여하는 유료 그룹 트레이닝 수업에 사용되기 때문에, 수업 중 영상 끊김이나 로딩 지연은 곧 서비스 사고로 직결되는 환경이었음.
- 특히 전국 지점이 각각 다른 네트워크 환경(Wi-Fi 품질, 공유기 성능 등)을 사용하고 있어 스트리밍 방식으로는 안정적 품질 보장이 불가능하다고 판단.
- 이에 따라 모든 영상을 수업 전 사전 다운로드(프리로드) 하여 네트워크 상태와 무관하게 로컬에서 즉시 재생되는 구조로 개발을 진행, 다지점 환경에서도 사고율 0%를 달성함.
2. 현장 유연성을 위한 트레이너 실시간 제어 필요성
- 수업 중 트레이너는 동작을 설명하거나 시범을 보여야 하고, 참가자 상황이나 흐름에 따라 영상 재생 타이밍을 즉시 조정해야 하는 경우가 많았음.
- 이러한 현장 변수에 즉각 대응하기 위해, 트레이너가 스마트폰으로 여러 TV의 영상을 실시간 제어(재생·정지·전환) 할 수 있는 트레이너용 영상 제어 앱을 함께 개발함.
- 이를 통해 트레이너는 유연하면서도 일관된 수업 진행이 가능해졌고, 운영 효율과 현장 만족도를 모두 높일 수 있었음.
3. 트레이너 의존도 높은 수업 운영 방식
- 기존 그룹 트레이닝 수업은 트레이너가 운동 구성, 시범, 타이머 제어를 모두 직접 담당해야 했으며
대체 인력 없이 동일한 품질의 수업을 유지하기 어려웠음.
- 운영 효율이 낮고, 다지점 확장 시 인력 의존도가 높은 구조였음.
2) 프로젝트 목표
1. 운동 목적 및 시간 기반 콘텐츠 구성 시스템 구축
- 근력·유산소·전신 등 운동 목적과 30분·45분 등 시간 단위에 따라 자동으로 프로그램(Playlist)이 생성되는 관리자 CMS 개발.
- 모든 콘텐츠를 중앙에서 관리하고, 각 지점으로 자동 배포되는 구조로 표준화.
2. 끊김 없는 수업 환경과 완전 자동화 실현
- 모든 영상을 사전 다운로드하여 프리로드 기반 오프라인 재생을 구현하고, 네트워크 품질과 관계없이 안정적으로 수업을 진행할 수 있는 환경 구축.
- 트레이너 개입 없이도 “재생 버튼 한 번”으로 수업이 자동 진행되는 구조 실현.
3. 현장 제어와 유연성 강화
- 트레이너용 제어 앱을 통해 현장에서 즉시 영상 재생을 제어하거나 다른 프로그램으로 전환 가능하도록 설계.
- 수업 흐름과 참여자 상태에 맞는 실시간 수업 운영 유연성 확보.
3) 프로젝트 주안점
1. 스트리밍 퍼포먼스를 고려한 영상 기술 최적화
- AWS S3에 저장된 영상을 사전 다운로드 및 로컬 캐싱하여 오프라인 수준의 재생 안정성 확보
- React 기반 커스텀 플레이어에 프리로딩, 에러 핸들링, 타이머 연동 기능 내장
2. 무인 또는 저인력 운영 환경에서도 안정적 사용
- CMS를 통한 스케줄 자동 실행, 자동 재생, 자동 전환 기능을 구현.
- 트레이너 부재 시에도 수업이 정상적으로 진행될 수 있는 완전 자동화 환경 구축.
3. 확장 가능한 SaaS형 시스템 구조
- 콘텐츠 등록, 스케줄 구성, 수업 통계를 모듈화된 관리자 시스템으로 제공하여 여러 지점에서도 동일한 품질 유지
- 향후 B2B SaaS 상품화 또는 브랜드별 맞춤형 커스터마이징이 용이하도록 구조 설계
1. 유료 수업 환경에서 요구되는 완전한 재생 안정성 확보 필요
- HIT**는 실제 회원이 참여하는 유료 그룹 트레이닝 수업에 사용되기 때문에, 수업 중 영상 끊김이나 로딩 지연은 곧 서비스 사고로 직결되는 환경이었음.
- 특히 전국 지점이 각각 다른 네트워크 환경(Wi-Fi 품질, 공유기 성능 등)을 사용하고 있어 스트리밍 방식으로는 안정적 품질 보장이 불가능하다고 판단.
- 이에 따라 모든 영상을 수업 전 사전 다운로드(프리로드) 하여 네트워크 상태와 무관하게 로컬에서 즉시 재생되는 구조로 개발을 진행, 다지점 환경에서도 사고율 0%를 달성함.
2. 현장 유연성을 위한 트레이너 실시간 제어 필요성
- 수업 중 트레이너는 동작을 설명하거나 시범을 보여야 하고, 참가자 상황이나 흐름에 따라 영상 재생 타이밍을 즉시 조정해야 하는 경우가 많았음.
- 이러한 현장 변수에 즉각 대응하기 위해, 트레이너가 스마트폰으로 여러 TV의 영상을 실시간 제어(재생·정지·전환) 할 수 있는 트레이너용 영상 제어 앱을 함께 개발함.
- 이를 통해 트레이너는 유연하면서도 일관된 수업 진행이 가능해졌고, 운영 효율과 현장 만족도를 모두 높일 수 있었음.
3. 트레이너 의존도 높은 수업 운영 방식
- 기존 그룹 트레이닝 수업은 트레이너가 운동 구성, 시범, 타이머 제어를 모두 직접 담당해야 했으며
대체 인력 없이 동일한 품질의 수업을 유지하기 어려웠음.
- 운영 효율이 낮고, 다지점 확장 시 인력 의존도가 높은 구조였음.
2) 프로젝트 목표
1. 운동 목적 및 시간 기반 콘텐츠 구성 시스템 구축
- 근력·유산소·전신 등 운동 목적과 30분·45분 등 시간 단위에 따라 자동으로 프로그램(Playlist)이 생성되는 관리자 CMS 개발.
- 모든 콘텐츠를 중앙에서 관리하고, 각 지점으로 자동 배포되는 구조로 표준화.
2. 끊김 없는 수업 환경과 완전 자동화 실현
- 모든 영상을 사전 다운로드하여 프리로드 기반 오프라인 재생을 구현하고, 네트워크 품질과 관계없이 안정적으로 수업을 진행할 수 있는 환경 구축.
- 트레이너 개입 없이도 “재생 버튼 한 번”으로 수업이 자동 진행되는 구조 실현.
3. 현장 제어와 유연성 강화
- 트레이너용 제어 앱을 통해 현장에서 즉시 영상 재생을 제어하거나 다른 프로그램으로 전환 가능하도록 설계.
- 수업 흐름과 참여자 상태에 맞는 실시간 수업 운영 유연성 확보.
3) 프로젝트 주안점
1. 스트리밍 퍼포먼스를 고려한 영상 기술 최적화
- AWS S3에 저장된 영상을 사전 다운로드 및 로컬 캐싱하여 오프라인 수준의 재생 안정성 확보
- React 기반 커스텀 플레이어에 프리로딩, 에러 핸들링, 타이머 연동 기능 내장
2. 무인 또는 저인력 운영 환경에서도 안정적 사용
- CMS를 통한 스케줄 자동 실행, 자동 재생, 자동 전환 기능을 구현.
- 트레이너 부재 시에도 수업이 정상적으로 진행될 수 있는 완전 자동화 환경 구축.
3. 확장 가능한 SaaS형 시스템 구조
- 콘텐츠 등록, 스케줄 구성, 수업 통계를 모듈화된 관리자 시스템으로 제공하여 여러 지점에서도 동일한 품질 유지
- 향후 B2B SaaS 상품화 또는 브랜드별 맞춤형 커스터마이징이 용이하도록 구조 설계
프로젝트 성과
수업 준비 소요 시간 60% 이상 단축
트레이너 없이 영상 프로그램이 자동으로 실행되도록 설계함으로써, 수업 준비(장비 세팅, 운동 설명, 타이머 설정 등)에 걸리던 평균 20분 이상의 시간이 8분 이하로 단축됨
영상 재생 사고율 0% 달성
프리로드(사전 다운로드) 및 로컬 캐싱 구조 적용으로, 모든 지점에서 네트워크 품질과 관계없이 100% 무중단 수업 운영을 실현. 네트워크 환경 편차와 관계없이 무사고·무중단 수업 운영 체계 완성.
프로그램 재사용률 70% 이상 달성
운동 목적/시간 기반 영상 콘텐츠를 표준화된 구조로 제공함으로써, 한 번 구성된 수업 프로그램이 다양한 지점에서 반복 재생되어 프로그램 재활용률이 70% 이상으로 증가. 운영자의 콘텐츠 관리 부담이 크게 줄어듬
핵심 기능

자동 인터벌 영상 재생 시스템
운동/휴식 시간에 맞춰 자동으로 영상이 재생되도록 설계된 인터벌 타이머 기반 플레이어 기능. 트레이너의 수동 개입 없이도 수업이 매끄럽게 진행되며, 반복/전환 타이밍도 영상과 동기화되어 최적화된 흐름을 제공

운동 목적 및 시간 기반 프로그램 설정
지방감량, 근력강화, 전신운동 등 다양한 운동 목적과 30/45분 등 수업 시간에 따라 구성된 표준화된 영상 프로그램 라이브러리 제공.
스케줄에 따라 원하는 프로그램을 미리 설정하면 자동으로 실행
스케줄에 따라 원하는 프로그램을 미리 설정하면 자동으로 실행

관리자용 콘텐츠 및 스케줄 관리 도구
센터 관리자 또는 트레이너가 영상 콘텐츠, 요일별 수업 프로그램, 시간표 등을 손쉽게 관리할 수 있는 웹 기반 관리자 콘솔 제공. 콘텐츠 업로드, 썸네일 설정, 수업 스케줄 편성이 모두 웹에서 가능
진행 단계
기획
2023.12.
-시장조사 및 경쟁 분석: F45, Barry’s 등 글로벌 HIIT 트레이닝 플랫폼 분석
- 요구사항 도출: 스튜디오 운영자 및 트레이너 인터뷰를 통해 수업 자동화, 영상 구성, 운영 간편성 요구 수집
- 요구사항 도출: 스튜디오 운영자 및 트레이너 인터뷰를 통해 수업 자동화, 영상 구성, 운영 간편성 요구 수집
디자인
2024.01.
- UI/UX 설계: 무인 또는 1인 운영 환경에서도 직관적으로 사용할 수 있는 단순 명료한 인터페이스 구성
- 디바이스 최적화 디자인: TV, 태블릿 등 스튜디오 환경에 최적화된 화면 설계
- 디바이스 최적화 디자인: TV, 태블릿 등 스튜디오 환경에 최적화된 화면 설계
개발
2024.01.
- 프론트엔드 개발 (React): 인터벌 타이머 기반 영상 재생기, 수업 제어 UI, 관리자 화면 구현
- 백엔드 개발 (Django): 콘텐츠 관리, 스케줄 관리, 사용자 권한 및 설정 기능 개발
- 백엔드 개발 (Django): 콘텐츠 관리, 스케줄 관리, 사용자 권한 및 설정 기능 개발
테스트
2024.04.
- 현장 테스트: 파일럿 스튜디오에서 실 수업 환경 적용 테스트 진행
- 사용자 피드백 수집 및 개선: 트레이너/회원의 실사용 피드백을 바탕으로 UI·재생 흐름 개선
- 사용자 피드백 수집 및 개선: 트레이너/회원의 실사용 피드백을 바탕으로 UI·재생 흐름 개선
런칭
2024.05.
- 전국 지점 배포: 초기 파일럿 지점 성공 사례를 바탕으로 전국 피트니스 센터로 확산 배포
- 운영자 교육 및 매뉴얼 제공: 관리자 콘솔 및 수업 운영 방법 교육 지원
- 운영자 교육 및 매뉴얼 제공: 관리자 콘솔 및 수업 운영 방법 교육 지원
프로젝트 상세
1) 포트폴리오 소개
전국 피트니스 스튜디오에서 동일한 고강도 트레이닝 수업을 끊김 없이 자동 송출하기 위해 개발된 디지털 피트니스 플랫폼입니다. 모든 수업 영상은 사전에 로컬에 다운로드(프리로드)되어, Wi-Fi 품질과 관계없이 무중단·무사고(0%) 재생 환경을 제공합니다.
또한 트레이너가 모바일 제어 앱으로 여러 TV의 영상을 실시간 제어할 수 있어, 현장 유연성과 운영 효율성을 동시에 확보했습니다.
주요 타깃은 다지점 운영 스튜디오, 트레이너, 그룹 트레이닝 회원입니다.
2) 작업 범위
- 서비스 기획 및 요구사항 정의
- CMS(관리자 웹) 설계 및 개발 (콘텐츠 등록, 스케줄 자동화, 수업 관리)
- TV앱 / 모바일앱 UI·UX 설계 및 프리로드 기반 영상 플레이어 개발
- 트레이너 제어 앱 설계 및 실시간 제어 기능 구현
- AWS S3 기반 콘텐츠 관리 및 로컬 캐싱 구조 설계
- 지원환경: Web(CMS), Android TV, Android Mobile, iOS
3) 주요 업무 및 기능
1. 프리로드(사전 다운로드) 기반 영상 재생 시스템
- 수업 시작 전 영상을 자동 캐싱하여 네트워크 상태와 무관하게 안정적 재생 실현
2. 관리자 CMS 및 스케줄 관리
- 운동 목적·시간 단위별 프로그램 자동 생성, 각 지점으로 콘텐츠 자동 배포
3. 트레이너용 영상 제어 앱
- 스마트폰으로 다수의 TV 영상을 동시 제어(재생·정지·전환), 현장 변수에 즉각 대응
4. 회원용 피트니스 영상 앱 (TV앱)
- 4분할 영상 플레이어로 실시간 운동–휴식–전환 자동 진행, 세트·타이머 표시
5. 유산소 운동 앱 (Cycle)
- 인터벌 강도·시간·라운드 진행을 시각화하여 회원 몰입도 향상
6. 자동화된 수업 운영
- CMS 스케줄에 따라 “재생 버튼 한 번”으로 전 지점 수업 자동 진행
4) 주안점
- 재생 안정성 극대화: 스트리밍이 아닌 프리로드 방식으로 영상 버퍼링·지연 0% 달성
- 트레이너 의존도 최소화: 자동 재생 및 제어 시스템으로 저인력·무인 운영 가능
- 확장 가능한 구조: 콘텐츠 등록, 스케줄, 통계 기능을 모듈화해 B2B SaaS 확장 용이
- 현장 유연성 강화: 제어 앱을 통한 즉각적인 영상 제어로 트레이너 운영 효율성 확보
- 통합 관리 환경: 중앙 CMS에서 콘텐츠·스케줄·통계를 일괄 관리 및 지점별 자동 배포
전국 피트니스 스튜디오에서 동일한 고강도 트레이닝 수업을 끊김 없이 자동 송출하기 위해 개발된 디지털 피트니스 플랫폼입니다. 모든 수업 영상은 사전에 로컬에 다운로드(프리로드)되어, Wi-Fi 품질과 관계없이 무중단·무사고(0%) 재생 환경을 제공합니다.
또한 트레이너가 모바일 제어 앱으로 여러 TV의 영상을 실시간 제어할 수 있어, 현장 유연성과 운영 효율성을 동시에 확보했습니다.
주요 타깃은 다지점 운영 스튜디오, 트레이너, 그룹 트레이닝 회원입니다.
2) 작업 범위
- 서비스 기획 및 요구사항 정의
- CMS(관리자 웹) 설계 및 개발 (콘텐츠 등록, 스케줄 자동화, 수업 관리)
- TV앱 / 모바일앱 UI·UX 설계 및 프리로드 기반 영상 플레이어 개발
- 트레이너 제어 앱 설계 및 실시간 제어 기능 구현
- AWS S3 기반 콘텐츠 관리 및 로컬 캐싱 구조 설계
- 지원환경: Web(CMS), Android TV, Android Mobile, iOS
3) 주요 업무 및 기능
1. 프리로드(사전 다운로드) 기반 영상 재생 시스템
- 수업 시작 전 영상을 자동 캐싱하여 네트워크 상태와 무관하게 안정적 재생 실현
2. 관리자 CMS 및 스케줄 관리
- 운동 목적·시간 단위별 프로그램 자동 생성, 각 지점으로 콘텐츠 자동 배포
3. 트레이너용 영상 제어 앱
- 스마트폰으로 다수의 TV 영상을 동시 제어(재생·정지·전환), 현장 변수에 즉각 대응
4. 회원용 피트니스 영상 앱 (TV앱)
- 4분할 영상 플레이어로 실시간 운동–휴식–전환 자동 진행, 세트·타이머 표시
5. 유산소 운동 앱 (Cycle)
- 인터벌 강도·시간·라운드 진행을 시각화하여 회원 몰입도 향상
6. 자동화된 수업 운영
- CMS 스케줄에 따라 “재생 버튼 한 번”으로 전 지점 수업 자동 진행
4) 주안점
- 재생 안정성 극대화: 스트리밍이 아닌 프리로드 방식으로 영상 버퍼링·지연 0% 달성
- 트레이너 의존도 최소화: 자동 재생 및 제어 시스템으로 저인력·무인 운영 가능
- 확장 가능한 구조: 콘텐츠 등록, 스케줄, 통계 기능을 모듈화해 B2B SaaS 확장 용이
- 현장 유연성 강화: 제어 앱을 통한 즉각적인 영상 제어로 트레이너 운영 효율성 확보
- 통합 관리 환경: 중앙 CMS에서 콘텐츠·스케줄·통계를 일괄 관리 및 지점별 자동 배포

피트니스 영상 스트리밍 플랫폼 (HIT**) 1

피트니스 영상 스트리밍 플랫폼 (HIT**) 2

TV 본운동 프로그램 화면1

TV 본운동 프로그램 화면2

카운트 다운

피트니스 프로그램 설명1

피트니스 프로그램 설명2

TV 유산소 운동 화면1

TV 유산소 운동 화면2

관리자 페이지



