← 포트폴리오 목록으로

태권도 교육·도장 운영 앱과 관리자 웹 개발 사례

수련생·도장 통합 운영 플랫폼 '태권바로'

수업 탐색·신청과 수련 기록을 확인하는 고객 앱, QR 출석·심사를 관리하는 관장 앱, 도장·통합 관리자 웹을 함께 구성한 개발 사례입니다.

06

앱 만들기 로드맵

운영·성장 단계

지금 본 내용과 연결된다음 자료를 확인해보세요

유지보수 범위와 운영비를 나누고 실제 이용 결과로 개선 순서를 정합니다. 아래 두 자료에서 기준과 실제 적용 방법을 이어서 확인할 수 있습니다.

다른 단계도 살펴보기

프로젝트 개요

고객 앱
도장·수업 탐색과 신청 QR 제시·수련 기록·교육과정 조회
관장 앱
회원 QR 스캔과 출석 처리 심사명단·교육과정 평가
도장 관리자 웹
도장별 회원·출석·심사 관리 수업·메시지·정산 내역 관리
통합 관리자 웹
시설·회원·멤버십 관리 결제·정산·콘텐츠 운영 항목

수련생을 위한 고객 앱, 지도자를 위한 관장 앱, 도장 관리자와 통합 관리자 웹을 구성했습니다. Ionic·Angular 기반 앱과 관리자 웹에 Firebase 데이터를 연동했습니다.

01

수련생과 지도자를 위한 앱·웹 구성

고객 앱의 MY 활동에서 수련 기록과 교육과정을 확인합니다. 관장 앱은 회원의 출석과 심사 정보를 관리하고, 관리자 웹은 도장별 운영 업무를 처리합니다.

수련 기록과 도장 운영을연결하는 앱·웹

수련생의 활동 기록과 지도자의 회원 관리 화면을 연결했습니다.

01 · 고객 앱 · MY 활동

수련 기록·등급·교육과정과 진도를 확인합니다.

태권바로 고객 앱 · MY 활동 화면

02 · 관장 앱 · 심사관리

심사명단·심사보기·심사결과를 구분해 관리합니다.

태권바로 관장 앱 · 심사관리 화면
고객 앱의 MY 활동과 관장 앱의 심사관리 화면입니다.이미지를 누르면 새 탭에서 크게 볼 수 있습니다.고객 앱 · MY 활동관장 앱 · 심사관리

02

수업 탐색·신청과 QR 출석

원데이클래스에서 수업 정보를 확인하고 일정을 선택해 신청합니다. 출석 시에는 고객 앱에서 회원 QR을 제시하고 관장 앱에서 스캔해 출석을 처리합니다.

수업을 찾고 신청하고,도장에서는 QR을 제시합니다.

수업을 선택하고 신청한 뒤 회원 QR로 출석을 연결합니다.

01 · 원데이클래스 목록

수업 이미지·이름·시간·가격을 살펴봅니다.

태권바로 원데이클래스 목록 화면

02 · 수업 정보와 신청

도장과 수업 정보를 확인하고 일정을 선택해 신청합니다.

태권바로 수업 정보와 신청 화면

03 · 회원 QR 코드 제시

출석 시 관장 앱에서 스캔할 회원 QR을 표시합니다.

태권바로 회원 QR 코드 제시 화면
수업 탐색·신청과 회원 QR을 이용한 출석 흐름입니다.이미지를 누르면 새 탭에서 크게 볼 수 있습니다.원데이클래스 목록수업 정보와 신청회원 QR 코드 제시

03

도장별 출석 조회와 심사관리

관리자 웹에서 날짜별 출석부를 조회하고 회원 검색·급수 필터·메시지 기능을 이용합니다. 관장 앱은 심사명단·심사보기·심사결과를 나눠 심사 업무를 관리합니다.

회원과 날짜로 출석을 조회하고,수련생별 심사를 관리합니다.

출석과 심사 업무를 역할별 관리 화면으로 구성했습니다.

01 · 도장 관리자 웹 · 출석관리

달력에서 날짜를 선택하고 회원 검색·급수·나이·출석·회원구분 조건으로 출석 내역을 조회합니다.

태권바로 도장 관리자 웹의 날짜별 출석 조회·회원 검색·필터 화면

02 · 관장 앱 · 심사명단

심사 기준에 따른 회원 목록과 심사 정보를 확인합니다.

태권바로 관장 앱 · 심사명단 화면
도장 관리자 웹의 날짜별 출석 조회와 관장 앱의 심사관리 화면입니다.이미지를 누르면 새 탭에서 크게 볼 수 있습니다.도장 관리자 웹 · 출석관리관장 앱 · 심사명단

RELATED WORK

비슷한 구조의 포트폴리오

같은 준비 상황이나 서비스 구조를 가진 포트폴리오를 이어서 확인해보세요.

RELATED GUIDE

비슷한 앱을 준비할 때 함께 볼 가이드

이 사례와 비슷한 서비스를 준비하면서 업체·견적·일정을 결정할 때 확인할 내용을 정리했습니다.