SYSTEM BLUEPRINT

수출상담회 관리 시스템
현장 운영 화면 스토리보드

통역사 명찰 QR 한 번이 현황판·통역사 호출·상담일지로 이어지는 흐름입니다.

스토리보드란?

스토리보드는 서비스의 화면을 실제 모습에 가깝게 미리 그려 보는 문서입니다. 운영 본부 화면과 현장 스캔·통역사 화면을 여정 순서대로 배치했습니다.

  1. 운영 본부가 통역사 출퇴근 현황을 실시간으로 보고, 매칭을 관리하고, 흩어진 현황을 대시보드 한 페이지에서 확인하는 흐름
  2. 영접 데스크가 바이어 QR을 찍어 통역사를 호출하고, 통역사가 현장 모니터를 보고 이동해 셀러 QR로 상담일지를 작성하는 흐름

마지막까지 보시면 생각하고 계신 시스템의 모습이 머릿속에 그려지실 것입니다.

운영 본부 시나리오

운영 본부 여정

행사 전 명찰 준비부터 당일 현황 확인까지 운영자가 거치는 다섯 단계입니다.

1. 매칭표 업로드

엑셀 검증 후
오류 행만 다시 확인

2. 명찰 QR 인쇄

통역사·셀러별 QR
인쇄용 파일 생성

3. 출근 현황 확인

새로고침 없이
출근·지각·미출근

4. 배정 변경

결원 시 통역사 교체
중복 배정 자동 경고

5. 대시보드·검수

상담 진행·호출 대기
검수 목록 필터

운영 본부 | 화면 01

통역사 출퇴근 현황판

fair-admin.example/attendance
상담회 운영
대시보드
출퇴근 현황
매칭 관리
상담일지
2026 K-수출상담회 · 10월 29일 (목)
운영 본부 · 박지현
B홀 운영 본부 · 오전 8:34 기준
통역사 출퇴근 현황판
실시간 연결됨
출근
47명
배정 인원 52명 중
지각
3명
집합 08:30 기준
미출근
5명
연락 필요 2명
중복 스캔 차단
11건
5분 이내 재스캔 무시
통역사 52명엑셀 내려받기명찰 QR 인쇄
이름언어부스스캔상태수정
김서윤영어A-1208:21출근
이도현중국어B-0308:41지각
박하은일본어A-0708:17출근
최민재스페인어C-02미출근
정유나베트남어B-1108:26출근
한지후영어A-0417:32퇴근
오세진중국어C-0508:12출근
윤가람러시아어B-0808:47지각
서준호일본어A-01미출근
임하늘인도네시아어C-0908:29출근
배수현영어B-0608:19출근
실시간 스캔실시간 연결됨
정유나
중복 스캔 무시
08:33:50
임하늘
출근
08:29:18
정유나
출근
08:26:05
김서윤
출근
08:21:44
배수현
출근
08:19:02
박하은
출근
08:17:35
오세진
출근
08:12:10
새로고침 없이 스캔 즉시 반영됩니다
집합 시각 오전 8:30중복 무시 기준 5분오늘 내려받기 4회명찰 QR 인쇄 52장

[화면 개요 및 목적]

운영 본부가 통역사 52명의 출근·지각·미출근·퇴근을 한 화면에서 봅니다. 오른쪽 실시간 스캔 목록에 새 스캔이 새로고침 없이 바로 올라옵니다.

[핵심 기능 로직]

제안서의 'QR 한 번에 반영'이 구현된 화면입니다. 5분 안의 재스캔은 중복으로 무시하고, 집합 시각 기준으로 지각을 판정합니다. 기록 수정·엑셀 내려받기·명찰 QR 인쇄도 여기서 합니다. 데모 1·2단계와 연결됩니다.

  • 새로고침 없는 현황판
    SSE (Laravel 스트림 응답)
  • 중복·지각 자동 판정
    스캔 규칙 + MySQL 제약
운영 본부 | 화면 02

매칭 관리

fair-admin.example/matching
상담회 운영
대시보드
출퇴근 현황
매칭 관리
상담일지
2026 K-수출상담회 · 10월 29일 (목)
운영 본부 · 박지현
10월 29일 (목) · 부스 36개 · 통역사 52명
매칭 관리
통역사 변경엑셀 업로드
부스·시간대 배정표배정 완료 9중복 경고 1미배정 2
부스10:0010:4011:2013:00
A-12
코스메틱랩
Wang Li · 김서윤
한결푸드
Nguyen Van · 김서윤
빛나래
Tanaka · 김서윤
미배정
B-03
에코팩
Maria G. · 이도현
에코팩
Chen Wei · 이도현
한결푸드
Wang Li · 이도현
세림기계
Kim D. · 이도현
C-02
세림기계
Lopez · 최민재
미래바이오
Park S. · 김서윤
김서윤 10:40 A-12와 겹침
미배정
코스메틱랩
Ruiz · 최민재
A-07
빛나래
Tanaka · 박하은
코스메틱랩
Sato · 박하은
미래바이오
Ito · 박하은
한결푸드
Mori · 박하은
B-11
한결푸드
Nguyen Van · 정유나
세림기계
Tran T. · 정유나
에코팩
Le H. · 정유나
빛나래
Pham Q. · 정유나
엑셀 일괄 업로드 검증매칭표_1029_최종.xlsx · 142행139행 정상
14행
바이어 이메일 형식 오류
27행
통역사 '이도헌' 명단에 없음
31행
상담 시간 13:00 → 1300 입력
88행
부스 D-04 는 배치도에 없음
103행
셀러 사업자번호 자릿수 부족
119행
같은 바이어가 같은 시간 2회
오류 행만 내려받기정상 행 반영
상담 시간대 4개배정 통역사 52명중복 경고 1건마지막 업로드 오전 7:42

[화면 개요 및 목적]

부스·시간대 배정표에서 바이어·셀러·통역사 배정을 보고 바꿉니다. 한 통역사가 같은 시간에 두 부스에 잡히면 빨간 경고가 뜹니다.

[핵심 기능 로직]

엑셀 일괄 업로드는 반영 전에 검증해 오류 행과 이유를 보여주고, 정상 행만 반영할 수 있습니다. 이 배정 데이터가 통역사 호출과 상담일지 자동 입력의 기준이 됩니다.

  • 중복 배정 차단
    시간대 겹침 검사 API
  • 업로드 오류 행 안내
    Laravel Excel 검증
운영 본부 | 화면 03

운영 대시보드 한 페이지

fair-admin.example/dashboard
상담회 운영
대시보드
출퇴근 현황
매칭 관리
상담일지
2026 K-수출상담회 · 10월 29일 (목)
운영 본부 · 박지현
흩어진 현황을 한 페이지로
운영 대시보드
검수 목록 내려받기
오늘 진행 현황실시간 연결됨
상담 진행28 / 214건
통역사 출근47 / 52명
상담일지 제출126 / 214건
검수 완료94 / 126건
호출 대기
A-12 · Wang Li김서윤0:42호출 중
B-03 · Maria G.이도현2:15응답 지연
A-07 · Tanaka박하은상담 시작
B-11 · Nguyen Van정유나응답
상담일지 검수 목록
검수 대기보완 요청B홀화장품오전
코스메틱랩 × Wang LiA-12 · 10:00김서윤검수 대기
에코팩 × Maria G.B-03 · 10:00이도현보완 요청
세림기계 × LopezC-02 · 10:00최민재검수 완료
한결푸드 × Nguyen VanA-12 · 10:40김서윤검수 대기
빛나래 × TanakaA-07 · 10:40박하은검수 완료
미래바이오 × Park S.C-02 · 10:40김서윤검수 대기
에코팩 × Chen WeiB-03 · 10:40이도현검수 완료
행사 대비 점검
동시 400명 부하 점검통과
상담일지 응답 0.8초개선됨
B홀 모니터 3대 연결연결됨
C홀 스캔 기기 2대리허설 예정
엑셀 업로드 검증적용됨
최근 배포 PR #48 · 오전 7:10 · 되돌리기 가능
오늘 상담 214건평균 응답 1분 40초최근 배포 PR #48동시 접속 점검 400명 통과

[화면 개요 및 목적]

진행 중 상담, 호출 대기, 통역사 출근, 상담일지 제출 현황을 한 페이지에 모읍니다. 검수 목록은 상태·홀·품목·시간대 조건으로 걸러 봅니다.

[핵심 기능 로직]

행사 대비 점검 카드에 400명 부하 점검 결과, 모니터·스캔 기기 리허설 상태, 최근 배포 PR과 되돌리기 가능 여부를 함께 보여줘 당일 판단을 돕습니다.

  • 400명 동시 접속 점검
    k6 부하 테스트
  • 문제 시 되돌리기
    PR 단위 배포 · 기능 끄기
현장 스캔 · 통역사 시나리오

바이어 도착부터 상담일지까지

영접 데스크의 QR 스캔 한 번이 통역사 호출과 상담일지 자동 입력으로 이어집니다.

1. 통역사 출근

명찰 QR 스캔
출근·지각 기록

2. 바이어 도착

영접 QR 스캔
사용자 계정도 가능

3. 통역사 호출

현장 모니터에
이름·부스 표시

4. 응답·상담 시작

통역사 응답 후
상담 시작 처리

5. 상담일지

셀러 QR로 자동 입력
임시저장·AI 요약

현장 스캔 · 통역사 | 화면 01

바이어 영접 QR 스캔

fair.example/scan/greeting
바이어 영접 QR 스캔
B홀 입구 · 영접 데스크 2번오전 10:03
바이어 영접 QR 스캔사용자 계정 사용 가능
인식 완료
후면 카메라 · 영접 데스크 2번 태블릿
도착 확인통역사 호출 중
Wang Li
바이어 · 중국 광저우 · Guangzhou Trading
부스 A-12 · 10:00 · 코스메틱랩
담당 통역사 김서윤 (중국어)
김서윤 통역사 호출
최근 스캔오늘 38건
10:02Nguyen VanA-12상담 시작
09:58Maria G.B-03호출 중
09:51LopezC-02대기
09:47Chen WeiB-03상담 시작
09:40TanakaA-07상담 시작
스캔 권한 영접 담당 계정연결 기기 태블릿 2대오늘 호출 63건현장 네트워크 정상

[화면 개요 및 목적]

영접 데스크 태블릿에서 바이어 QR을 찍으면 도착이 확인되고, 오늘 부스·시간·담당 통역사가 바로 보입니다. 버튼 한 번으로 통역사를 호출합니다.

[핵심 기능 로직]

지금 관리자 계정에서만 쓰는 QR 스캔을 영접·출입 담당 사용자 계정에도 권한으로 열어 줍니다. 최근 스캔 목록으로 호출 중·상담 시작 상태를 이어서 확인합니다.

  • 사용자 계정 스캔 허용
    Laravel 권한 정책
  • 브라우저로 바로 스캔
    Vue 카메라 QR 인식
현장 스캔 · 통역사 | 화면 02

통역사 호출 모니터

fair.example/monitor/hall-b
통역사 호출 현황
B홀 · 10월 29일 (목)오전 10:03
호출 중대기 0:42
김서윤중국어
부스 A-12
Wang Li · 코스메틱랩
응답 지연대기 2:15
이도현중국어
부스 B-03
Maria G. · 에코팩
상담 시작
박하은일본어
부스 A-07
Tanaka · 빛나래
응답
정유나베트남어
부스 B-11
Nguyen Van · 한결푸드
화면 자동 갱신 · 새로고침 불필요오늘 호출 63건평균 응답 1분 40초

[화면 개요 및 목적]

현장 대형 화면에 호출된 통역사 이름과 부스 번호를 크게 띄웁니다. 멀리서도 자기 이름을 찾을 수 있게 글자를 키웠습니다.

[핵심 기능 로직]

호출 중·응답·상담 시작 상태가 실시간으로 바뀌고, 2분 넘게 응답이 없으면 빨간 '응답 지연'으로 바꿔 운영 본부가 개입하게 합니다. 데모 3단계와 연결됩니다.

  • 모니터 자동 갱신
    SSE 구독 화면
  • 휴대폰 알림은 선택
    알림톡 연동 확장 지점
현장 스캔 · 통역사 | 화면 03

상담일지 자동 입력

fair.example/consult-log/A-12-1000
상담회 운영
대시보드
출퇴근 현황
매칭 관리
상담일지
2026 K-수출상담회 · 10월 29일 (목)
통역사 · 김서윤
A-12 · 코스메틱랩 × Wang Li
상담일지 작성
상담 진행 중 21분
기본 정보셀러 QR로 자동 입력
셀러
코스메틱랩 (주) · 대표 오세린
바이어
Wang Li · Guangzhou Trading
매칭
A-12 · 10월 29일 10:00
통역사
김서윤 · 중국어
셀러 명찰 QR 스캔
상담 내용 임시저장됨 · 10:21
선크림 3종 샘플 요청. 광저우 드럭스토어 120개 매장 입점 검토, 첫 발주 수량 5,000개 희망. 성분표 영문·중문 자료와 FOB 단가를 11월 7일까지 전달하기로 함.
명함_WangLi.jpg샘플요청서.pdf부스사진.jpg
AI 상담일지 요약생성 완료
관심 품목: 선크림 3종 (SPF50+)
후속 조치: 성분표·FOB 단가 전달 (11월 7일)
예상 계약 규모: 5,000개 · 1차 발주
상담 결과: 샘플 발송 후 발주 검토
임시저장상담일지 제출
자동 임시저장 30초마다AI 요약 생성 2.4초오늘 제출 126건마지막 저장 오전 10:21

[화면 개요 및 목적]

셀러 명찰 QR을 찍으면 셀러·바이어·매칭·통역사 정보가 상담일지에 자동으로 채워집니다. 통역사는 상담 내용만 적으면 됩니다.

[핵심 기능 로직]

작성 중 입력값은 자동 임시저장되어 화면이 닫혀도 남습니다. AI 상담일지 오류는 착수 시 재현 조건을 함께 확인하고 원인을 고쳐, 요약이 계정과 상황에 관계없이 나오게 합니다. 데모 4단계와 연결됩니다.

  • 작성 중 내용 유지
    자동 임시저장 API
  • AI 요약 오류 추적
    요청·응답 오류 기록
시나리오

| 화면 01

[화면 개요 및 목적]

[핵심 기능 로직]

    | 화면 02

    [화면 개요 및 목적]

    [핵심 기능 로직]

      | 화면 03

      [화면 개요 및 목적]

      [핵심 기능 로직]