TAEKWONDO OF REALITY

화면 시안v0.3

검토용 HTML/CSS 시안입니다. 각 화면은 실제 페이지로 만들어져 있어 그대로 퍼블리싱 자산으로 넘어갑니다. 데이터는 예시이며 기능 규칙은 _docs/기획서.md 기준입니다. 휴대폰 화면은 스크롤·탭 이동이 됩니다.

학생 앱

다크 · 게임 톤

초등~중등 관원용. 등급과 랭킹이 중심이고, 오늘 할 일이 홈 한 화면에 전부 들어옵니다. 구 T.O.R의 방패 로고와 빛줄기를 스플래시·로그인·승급 화면에 이어받았습니다.

01스플래시NEW새 창 ↗
앱 실행 첫 1.5초. 방패 엠블럼이 빛줄기 속에서 떠오릅니다.
02로그인새 창 ↗
아이디·비밀번호 없이 도장코드 + 개인코드 + PIN 네 자리. 아동에게 개인정보를 받지 않습니다.
등급별 금속 질감 엠블럼과 다음 등급까지의 거리, 그 아래로 오늘의 미션 다섯 개.
04미션NEW새 창 ↗
오늘 획득 점수와 남은 횟수. 하루 제한(퀴즈 3·영상 3·스트레칭 1)이 카드마다 점으로 보입니다.
05퀴즈새 창 ↗
한 문제 5점, 하루 세 문제. 정답 즉시 하단 시트로 해설과 획득 점수를 보여줍니다.
06영상 시청NEW새 창 ↗
YouTube 임베드. 90% 이상 재생해야 3점. 검은띠 전용 품새는 잠금.
07랭킹새 창 ↗
도장 · 부산 · 전국. 하위권 아동에게는 등수 숫자 대신 상위 퍼센트로 표기합니다.
08내정보새 창 ↗
출석 달력, 점수 내역. 메달 점수 6개월 만료 차감도 내역에 그대로 남습니다.
09메달 점수 신청NEW새 창 ↗
대회·등수 선택 → 상장 촬영 → 예상 점수(배점표 자동). 같은 상장 재제출은 해시로 차단.
10승급새 창 ↗
아이가 앱에 남는 핵심 순간. 컨페티와 빛줄기 연출, 동시에 학부모에게 푸시.

학부모 앱

라이트 · 신뢰 톤

학부모가 앱을 여는 이유는 등급이 아니라 오늘 아이가 도장에 갔는가입니다. 그 정보를 첫 화면 맨 위에 둡니다.

11학부모 로그인NEW새 창 ↗
휴대폰 인증 뒤 관장이 발급한 8자리 연결코드만으로 자녀를 연결합니다. 이름·생년월일 검색 없음.
12우리아이새 창 ↗
등·하원 시각, 사범이 남긴 기분·컨디션과 한마디, 이번 달 출석률. 자녀 여러 명 전환.
13공지새 창 ↗
읽음·안읽음이 표시되어 관장이 전달 여부를 확인할 수 있습니다.
14더보기NEW새 창 ↗
자녀 추가(연결코드), 수련비 카드 납부, 도장 전화, 알림 설정.

사범 · 도장 태블릿

현장

사범 화면은 3초 안에 입력이 끝나야 씁니다. 기분·컨디션·오늘 한 것을 각각 한 번씩만 누르고 다음 아이로 넘어갑니다.

15사범 출석·컨디션NEW새 창 ↗
위쪽 가로 목록에서 아이를 고르고 이모지 3탭. 한마디는 선택이며 학부모에게 그대로 갑니다.
16출석 키오스크 새 창 ↗

관장 CMS

PC · 업무 톤

관장이 실제 고객입니다. 맨 위에 3일 이상 결석한 관원을 띄우는 것이 대시보드의 존재 이유이고, 나머지 화면은 그 장부를 채우는 도구입니다. 왼쪽 메뉴로 화면 간 이동이 됩니다.

17대시보드새 창 ↗
18회원관리NEW새 창 ↗
관원 등록 모달"+ 관원 등록" 버튼을 누르면 등록 폼이 뜹니다. 생년월은 YYYY-MM까지만 받고, 학생 로그인 코드와 학부모 연결코드가 자동 발급되어 카드로 인쇄합니다.
19출석NEW새 창 ↗
20점수승인NEW새 창 ↗
21공지NEW새 창 ↗
22영상관리NEW새 창 ↗
23통계NEW새 창 ↗
24설정NEW새 창 ↗

본사 운영자

PC · IP 제한

도장 승인과 문제은행이 핵심입니다. 품새 문항은 전문가 검수 서명 없이는 활성화되지 않습니다.

25도장승인NEW새 창 ↗
26문제은행NEW새 창 ↗
다음 단계공통영상 · 메달 최종확인 · 등급정책 · 전체통계 · 정산 화면은 문제은행과 같은 표+상세 패턴으로 붙습니다. 화면 톤이 확정되면 PHP 템플릿으로 전환해 실제 DB(_docs/DB스키마.sql)에 연결합니다.