SYSTEM BLUEPRINT

학교 인쇄물 구성표
고객·관리자·연동 화면 설계

쪽 순서 선택부터 접수번호 발급, 관리자 확인까지의 상태와 화면을 정의합니다.

스토리보드란?

고객의 구성표 작성과 운영자의 접수 확인을 하나의 데이터 계약으로 묶은 스토리보드입니다. 각 화면은 실제 검수 기준과 연결됩니다.

  1. 고객이 품목·쪽 순서를 고르고 파일을 검증해 구성표를 접수하는 흐름
  2. 관리자가 번호·기관·기간·메일 상태를 검색하고 상세와 API를 확인하는 흐름

마지막까지 보시면 문의가 접수 가능한 구성표가 되는 흐름이 그려집니다.

고객 시나리오

고객 구성표 접수 여정

샘플을 고르고 파일과 표시를 확인해 서버 접수까지 진행합니다.

1. 작성 시작

품목 분류와 페이지 샘플을 확인하고 구성표를 시작합니다.

2. 쪽 순서·파일 확인

순서를 조정하고 원고 파일의 크기·확장자 제한을 확인합니다.

3. 접수번호 발급

서버 저장이 먼저 완료되고 고객에게 구성표 번호가 표시됩니다.

4. 관리자·API 확인

관리자 검색·상세와 사내 JSON 조회에서 같은 데이터가 보입니다.

5. 인계 준비

테스트 결과와 사용 설명서를 확인하고 다음 운영 단계로 넘깁니다.

고객 | 화면 01

고객 구성표 작성

고객 구성표 작성작성 중
구성표 번호#CP-24091
기관명새봄초등학교
상태임시 저장
표지
독서기록장
1쪽
목차
2쪽
기록
3쪽
확인
파일 2개 · 각 20MB 이하

[화면 개요 및 목적]

고객이 선택한 쪽 순서와 파일을 확인하고 다음 단계로 이동하는 화면입니다.

[핵심 기능 로직]

브라우저 자동 저장과 서버 검증을 분리해 작성 중 데이터와 접수 데이터를 안전하게 처리합니다.

  • 상태 추적
    PHP + MariaDB
  • 안전한 파일
    GD + 보안 검증
고객 | 화면 02

첨부파일 검증·표시

첨부파일 검증·표시작성 중
구성표 번호#CP-24091
기관명새봄초등학교
상태임시 저장
표지
독서기록장
1쪽
목차
2쪽
기록
3쪽
확인
파일 2개 · 각 20MB 이하

[화면 개요 및 목적]

고객이 선택한 쪽 순서와 파일을 확인하고 다음 단계로 이동하는 화면입니다.

[핵심 기능 로직]

브라우저 자동 저장과 서버 검증을 분리해 작성 중 데이터와 접수 데이터를 안전하게 처리합니다.

  • 상태 추적
    PHP + MariaDB
  • 안전한 파일
    GD + 보안 검증
고객 | 화면 03

접수 완료

접수 완료작성 중
구성표 번호#CP-24091
기관명새봄초등학교
상태임시 저장
표지
독서기록장
1쪽
목차
2쪽
기록
3쪽
확인
파일 2개 · 각 20MB 이하

[화면 개요 및 목적]

고객이 선택한 쪽 순서와 파일을 확인하고 다음 단계로 이동하는 화면입니다.

[핵심 기능 로직]

브라우저 자동 저장과 서버 검증을 분리해 작성 중 데이터와 접수 데이터를 안전하게 처리합니다.

  • 상태 추적
    PHP + MariaDB
  • 안전한 파일
    GD + 보안 검증
관리자 시나리오

운영자 접수 확인 여정

접수번호를 기준으로 검색·상세·메일 상태·API 결과를 확인합니다.

1. 작성 시작

품목 분류와 페이지 샘플을 확인하고 구성표를 시작합니다.

2. 쪽 순서·파일 확인

순서를 조정하고 원고 파일의 크기·확장자 제한을 확인합니다.

3. 접수번호 발급

서버 저장이 먼저 완료되고 고객에게 구성표 번호가 표시됩니다.

4. 관리자·API 확인

관리자 검색·상세와 사내 JSON 조회에서 같은 데이터가 보입니다.

5. 인계 준비

테스트 결과와 사용 설명서를 확인하고 다음 운영 단계로 넘깁니다.

관리자 | 화면 01

관리자 목록·검색

관리자 목록·검색작성 중
구성표 번호#CP-24091
기관명새봄초등학교
상태임시 저장
표지
독서기록장
1쪽
목차
2쪽
기록
3쪽
확인
파일 2개 · 각 20MB 이하

[화면 개요 및 목적]

운영자가 번호·기관·기간·품목으로 찾은 구성표를 확인하는 화면입니다.

[핵심 기능 로직]

로그인 세션과 검색 조건을 검증하고 상태·파일·표시 내역을 같은 JSON에서 렌더링합니다.

  • 상태 추적
    PHP + MariaDB
  • 안전한 파일
    GD + 보안 검증
관리자 | 화면 02

구성표 상세

구성표 상세작성 중
구성표 번호#CP-24091
기관명새봄초등학교
상태임시 저장
표지
독서기록장
1쪽
목차
2쪽
기록
3쪽
확인
파일 2개 · 각 20MB 이하

[화면 개요 및 목적]

운영자가 번호·기관·기간·품목으로 찾은 구성표를 확인하는 화면입니다.

[핵심 기능 로직]

로그인 세션과 검색 조건을 검증하고 상태·파일·표시 내역을 같은 JSON에서 렌더링합니다.

  • 상태 추적
    PHP + MariaDB
  • 안전한 파일
    GD + 보안 검증
관리자 | 화면 03

사내 API 조회

사내 API 조회작성 중
구성표 번호#CP-24091
기관명새봄초등학교
상태임시 저장
표지
독서기록장
1쪽
목차
2쪽
기록
3쪽
확인
파일 2개 · 각 20MB 이하

[화면 개요 및 목적]

운영자가 번호·기관·기간·품목으로 찾은 구성표를 확인하는 화면입니다.

[핵심 기능 로직]

로그인 세션과 검색 조건을 검증하고 상태·파일·표시 내역을 같은 JSON에서 렌더링합니다.

  • 상태 추적
    PHP + MariaDB
  • 안전한 파일
    GD + 보안 검증
시나리오

| 화면 01

[화면 개요 및 목적]

[핵심 기능 로직]

    | 화면 02

    [화면 개요 및 목적]

    [핵심 기능 로직]

      | 화면 03

      [화면 개요 및 목적]

      [핵심 기능 로직]