1. 개요

프로젝트와 단계, 원고, 장면과 화면 설명, 장면 작업 상태, 장면 이미지, 검수 결과와 수정 요청, 납품 버전과 처리 기록은 브라우저에 저장됩니다. 새로고침하거나 다시 들어와도 그대로 남아 있습니다.

범위 밖: 영상 파일 자체의 편집·합성·재생, 음성 녹음, 의뢰처가 직접 들어오는 검수 링크, 로그인과 권한 나누기, 메신저·메일 알림, 여러 기기에서 함께 쓰는 서버 저장.

2. 과제

1. 원고 단계에서 길이를 맞춘다.

30초 영상에 45초 분량 원고가 들어오면 편집 단계에서야 잘라 내느라 다시 녹음합니다. 원고를 쓰는 동안 장면마다 몇 초인지, 목표보다 얼마나 긴지 바로 보여야 합니다.

2. 누가 어느 장면을 붙잡고 있는지 보이게 한다.

장면 하나에 이미지·음성·자막 담당이 따로 있습니다. 장면별로 무엇이 남았는지, 내가 할 일은 무엇인지 한 화면에서 걸러 봐야 납기를 지킵니다.

3. 검수 의견이 장면에 붙어 있어야 한다.

메신저로 받은 "세 번째 장면 바꿔 주세요"는 차수가 쌓이면 어느 장면인지 헷갈립니다. 장면마다 승인·수정 요청과 내용이 남고, 모두 승인돼야 납품되게 막아야 합니다.

3. 화면 구조

보드에서 프로젝트를 고르면 원고·장면·검수·납품 탭으로 들어갑니다. 탭마다 주소가 있어 뒤로 가기와 새로고침에도 그 자리에 머뭅니다. 단계는 보드 카드와 프로젝트 화면 양쪽에서 넘기고, 조건이 안 되면 이유를 보여 주고 막습니다.

4. 주요 기능

원고 → 장면 나누기와 길이 계산

빈 줄로 나눈 문단이 한 장면이 되고, 공백·문장부호를 뺀 글자 수를 초당 5.5자로 읽어 장면 길이와 시작 시각을 계산합니다. 목표 길이보다 10% 넘게 길면 빨간 막대와 함께 몇 초 긴지 알려 주고 다음 단계로 넘어가지 않습니다. 원고를 고쳐 다시 나누면 같은 순서 장면의 작업 상태는 그대로 이어집니다.

장면별 작업 — 이미지·음성·자막

장면마다 대사, 시작·끝 시각, 화면 설명, 콘티 이미지와 이미지·음성·자막 세 가지 작업 상태(대기·작업 중·완료)를 둡니다. "내 일만"을 켜면 보는 사람이 맡은 작업이 남은 장면만, "안 끝난 장면만"을 켜면 작업이 남은 장면만 보입니다. 콘티 이미지를 올리면 폭 320px로 줄여 저장하고, 모든 작업이 끝나야 검수로 넘어갑니다.

검수 — 장면별 승인과 수정 요청

장면마다 승인하거나, 무엇을 고칠지 적어 수정 요청을 남깁니다. 내용 없이 요청하면 막습니다. 수정 요청은 날짜·요청한 사람과 함께 장면 아래 쌓이고, "수정 반영" 뒤 다음 차수 검수를 시작합니다. 모든 장면이 승인돼야 납품 단계로 넘어갑니다.

납품 — 자막 파일과 장면표

장면 수·작업 완료·전체 승인·길이를 확인 목록으로 보여 주고, 모두 통과해야 납품 처리됩니다. 장면 시각으로 자막 파일(SRT)을 만들어 미리 보여 주고 내려받으며, 장면표는 CSV로 내려받습니다. 납품을 되돌려 고친 뒤 다시 납품하면 v2로 버전이 올라갑니다.

• 제작 보드기획 → 원고 → 장면 작업 → 검수 → 납품 다섯 칸에 프로젝트가 놓이고, 카드마다 진행 막대, 장면 수와 길이, 납기 D-day가 붙습니다. 담당 PD로 거르고, 새 프로젝트를 등록합니다. 다음 단계로 넘길 수 없는 카드에는 이유가 적혀 있습니다. 휴대폰에서는 단계를 골라 한 칸씩 봅니다.

5. 기술

6. 검수

PC 1440·휴대폰 390 화면에서 실제로 띄워, 사람이 쓰는 순서대로 눌러 본 결과입니다. 저장한 뒤 새로고침하고 다시 조회되는지까지 확인했습니다. (2026-09-23)

동작 시험 16가지: 보드의 단계·납기 표시 · 조건 안 되면 다음 단계 막기 · 새 프로젝트 입력 확인과 등록 · 원고를 장면으로 나누고 길이 합계 맞는지 확인 · 긴 원고 경고와 단계 막기 · 내 일만 보기와 작업 상태 바꾸기 · 콘티 이미지 올리고 새로고침 뒤 유지 · 작업이 다 끝나야 검수로 · 내용 없는 수정 요청 막기와 장면 승인 · 다음 차수 검수에서 모두 승인 · 납품 전 확인과 납품 처리 · 자막 파일(SRT) 형식 확인 · 장면표 CSV · 새로고침 뒤 단계·검수 기록 유지 · 되돌려 다시 납품(v2) · 뒤로 가기

속도·품질 점수 (100점 만점, 휴대폰은 느린 통신 기준으로 세 번 측정해 같은 값)

휴대폰: 첫 화면 표시 1.1초 · 가장 큰 요소 표시 1.4초 · 화면 흔들림 0 · 입력 막힘 0ms PC: 첫 화면 표시 0.3초 · 가장 큰 요소 표시 0.4초 · 화면 흔들림 0 · 입력 막힘 0ms

7. 결과