← 프로젝트 목록으로

외주개발진행

PulseUp 피트니스·그룹운동 센터용 통합 운영 시스템

사이트 열기

PulseUp 1, 2차 프로젝트

대표 이미지
대표 이미지

소개

PulseUp은 피트니스·그룹운동 센터용 통합 운영 시스템입니다.

공개 홈, 관리자(Super 관리자, 지점관리자), 센터 PC의 PulseBox 플레이어, 회원·지점관리자 앱이 같은 API와 데이터를 씁니다.

방문자는 랜딩에서 서비스를 보고 도입 문의를 남길 수 있습니다.

회원은 가입 후 지점을 신청하고, 수업을 예약하고, 본인 운동기록·심박·인바디를 봅니다.

지점관리자는 회원·수업·출석을 관리하고, PulseBox가 모니터에 운동 영상과 타이머 및 ANT+ 심박을 받아 화면에 보여줍니다.

본사는 지점·라이선스·콘텐츠·권한을 통제합니다.

  • 1차 개발은 수업을 만들고 현장에서 재생하는 뼈대를 만들었습니다.

    • 관리자가 Dynamic Stretching → Main / AMRAP / EMOM → Cool Down 순으로 프로그램을 짜고, Vimeo 영상을 붙이고, 월간 프로그램으로 모음.

    • 센터 PC의 PulseBox 플레이어는 3화면(좌 영상 · 타이머 · 우 영상)으로 재생합니다. ANT+ 동글로 심박을 모아 타이머 화면에 보여 주고, 운동 세션이 켜진 동안 DB에 저장.

  • 2차 개발은 PulseBox 플레이어 고도화 및 지점 사업과 회원 접점을 붙인 단계입니다.

    • 수업 슬롯·예약·출석, 지점 가입 신청, 이용권·결제, 홍보문구, 수입 분석이 웹에 생깁니다. 회원은 웹과 앱에서 운동기록, 심박 그래프·존, 인바디를 봄.

    • 또한, 회원가입·운동예약 등에 대해 앱으로 기능을 추가.

    • PulseBox 플레이어는 1화면·5화면을 추가하고, 3/5화면에서는 심박을 전용 창으로 분리합니다. 웹 리모컨으로 시작·일시정지·다음, 인트로 선택보기, 심박계 배정, 화면 모드·심박 창 on/off.

한 레포에서 콘텐츠 설계, 현장 실행, 예약·결제, 기록 조회가 같은 순환으로 이어집니다.

흐름 요약

하루 운영은 네 갈래입니다. 데이터는 다시 웹·앱 기록으로 돌아옵니다.

  • 방문자 · 회원
    랜딩에서 도입 문의를 남겨 관리자와 연결합니다.

    회원은 회원가입 후 로그인하고, 지점을 신청합니다.

    지점 방문하여 결제 후 지점이 승인한 뒤 캘린더에서 수업을 예약·변경·취소.

    수업이 끝나면 출석·심박가 내 운동기록에 쌓입니다.

  • 지점관리자
    회원 신청을 승인하고, 수업 슬롯을 등록하고, 출석을 찍고, 회원에게 심박계를 배정.

    웹 또는 앱에서 회원·결제·홍보·수입 확인.

    월간 프로그램에서 오늘의 운동을 고른 뒤 리모컨으로 PulseBox 플레이어를 실행.

  • 본사
    지점과 라이선스를 주고, 계정·메뉴 권한을 정하고, Vimeo·운동저장구분·공통코드를 관리합니다.

    랜딩 문의를 받아 상담합니다.

도입문의·가입 → 승인·지점신청 
 → 프로그램·수업 설계 → 회원 예약 → 출석·기록 저장 → 운동 실행·심박 수집 
  → 웹/앱 조회 → 프로그램·운영 개선

기능

회원가입 · 로그인 · 권한

  • 공개 가입은 일반 회원(user)만. 약관 동의 시각·버전·IP를 남깁니다.

  • 지점 관리자는 본사 계정 승인 전에는 로그인이 막힙니다.

  • 역할 세 가지. 회원, 지점관리자, 본사. 메뉴는 역할·사용자별 활성으로 가립니다.

랜딩 페이지 문의 등록

  • 상단 고정 헤더. 로그인, 회원가입, 도입문의.

  • 하단 문의 폼. 저장되고 본사 관리 화면에서 처리

운동 프로그램 설계

  • 본운동 방식. Main(Stress / Loop), AMRAP, EMOM, COMBO. 단일 순서 운동(SINGLE)은 별도 편집 화면.

  • 위치 코드. DS/CD는 슬롯 번호, 메인은 A1~A3 · B1~B3 · C1~C3 · D1~D3. 예전 L/R 이력은 불러올 때 변환합니다.

  • 라운드·시간·휴식·물보충을 초 단위로 저장. 실행 시퀀스는 exercise / rest / water.

  • 월간 프로그램에서 날짜별 이력을 보고 당일 수업을 고릅니다.

  • 운동저장구분으로 일반/관리자 이력을 나눕니다. 운동 설정(시작 초, Ready 초 등)은 공통코드·설정 화면에서 맞춥니다.

현장 재생 1 — PulseBox 플레이어 (1차 3화면, 2차에 1·5화면/자동업데이트)

  • 3화면(1차). 좌 영상 그리드, 중앙 타이머, 우 영상 그리드.

  • 1화면(2차). 가로·세로 전용 레이아웃. 카운터, SET/RND, NEXT 미리보기.

  • 5화면(2차). 좌1 · 좌2 · 타이머 · 우1 · 우2. 리모컨에서 3/5 전환.

  • DS → 본운동 → CD를 모니터에 나눠 재생.

  • 3/5화면 카운터 우측은 인트로 다이어그램. 심박은 타이머에 섞지 않고 전용 창으로 뺍니다.

  • 설치 직후 pulsebox.co.kr/downloads와 버전을 비교해 자동 업데이트. 수업 중이면 재시작을 미룹니다

현장 재생 2

  • 실제 PulseBox 플레이어 화면

PulseBox 플레이어 리모컨

  • 패드 등 모바일에서 사용가능한 PulseBox 플레이어 조작 창

사용기술

  • Node.js 18+
  • TypeScript
  • React 18
  • Vite