SYSTEM BLUEPRINT

전자종이 원격 발행 CMS
화면과 처리 흐름 스토리보드

이미지 발행부터 실물 단말 화면 갱신과 결과 확인까지.

스토리보드란?

스토리보드는 개발 전 실제 운영 화면과 단말 처리 과정을 미리 보여주는 문서입니다. 각 단계의 성공·실패 상태와 검수 기준을 함께 확인합니다.

  1. 관리자가 이미지를 올리고 단말 1대에 발행하는 흐름
  2. Android 단말이 수신·검증·화면 갱신 후 결과를 보고하는 흐름

마지막까지 보시면 발행 요청이 실물 화면 갱신으로 이어지는 전체 과정을 확인하실 수 있습니다.

CMS 관리자 시나리오

업로드에서 발행 결과 확인까지

관리자는 단말 상태를 확인하고 이미지를 준비한 뒤 실제 화면 갱신 결과까지 추적합니다.

로그인

관리자 인증

단말 확인

EP-315-01 연결 상태

이미지 준비

JPG·PNG 미리보기

원격 발행

단말에 요청 전달

결과 확인

갱신 성공·오류 확인

CMS 관리자 | 화면 01

단말·발행 대시보드

관리자 CMS / 대시보드
전자종이 CMS
대시보드이미지발행 이력
관리자 · 로그인
운영 현황
단말과 발행 현황
실물 단말 1대의 현재 상태와 최근 처리 결과를 확인합니다.
단말 상태
온라인
최근 접속
09:41:26
오늘 발행
4건
등록 단말
EP-315-01
31.5인치 · 세로 · Android 11
● 온라인
최근 발행
PUB-0929-004autumn_store_01.png09:42완료
PUB-0929-003menu_october.png09:18실패
PUB-0929-002notice_01.jpg08:55완료

[화면 개요 및 목적]

인증된 관리자가 단말 1대의 연결 상태와 최근 발행을 한눈에 봅니다. 제안서의 상태 추적 전략을 보여주며 데모 1·4단계와 연결됩니다.

[핵심 기능 로직]

단말 ID와 마지막 접속 시각을 기준으로 온라인 상태를 표시합니다. 발행 ID별 결과는 Firestore 이력에서 읽어 성공·실패를 분리합니다.

  • 관리자 접근 보호
    Firebase Authentication
  • 단말 상태와 이력 확인
    Firestore
CMS 관리자 | 화면 02

이미지 업로드·단말 미리보기

관리자 CMS / 이미지 준비
전자종이 CMS
대시보드이미지발행 이력
관리자 · 로그인
이미지 준비
발행 이미지 미리보기
단말 화면에 표시될 이미지를 먼저 확인합니다.
원본 이미지 미리보기autumn_store_01.png
파일 정보
파일 형식
PNG
원본 크기
2560 × 1440
표시 방향
세로
대상 단말
EP-315-01
✓ 표시 비율 확인 · 발행 준비 완료
이미지 저장하고 발행하기

[화면 개요 및 목적]

이미지를 저장하고 단말 해상도·방향에 맞는 표시를 발행 전에 검수합니다. 데모 1단계의 선택·미리보기 화면입니다.

[핵심 기능 로직]

JPG/PNG 형식을 확인해 Cloud Storage에 저장합니다. 원본 크기와 표시 방향을 함께 보여주고 단말 표시용 이미지를 준비합니다.

  • 이미지 안전 보관
    Cloud Storage
  • 표시 방향 사전 확인
    이미지 변환·미리보기
CMS 관리자 | 화면 03

발행 단계와 결과 이력

관리자 CMS / 발행 이력
전자종이 CMS
대시보드이미지발행 이력
관리자 · 로그인
발행 관리
실제 표시까지 단계별 확인
전송 완료와 화면 갱신 완료를 구분해 기록합니다.
현재 발행
PUB-0929-004
화면 갱신 성공

요청
09:42:12

수신
09:42:15

파일 검증
09:42:18

EPC 갱신
09:42:21

결과 보고
09:42:24
발행 이력 · 오류 원인
PUB-0929-004autumn_store_01.png09:42완료
PUB-0929-003menu_october.png09:18실패
PUB-0929-003 · 네트워크 단절 후 재접속 시 재조회 대기

[화면 개요 및 목적]

버튼 클릭 후 실제 화면 갱신까지 상태와 실패 이유를 확인합니다. 제안서의 전송/표시 분리 전략이며 데모 2·4단계와 연결됩니다.

[핵심 기능 로직]

FCM은 알림, Firestore는 발행 상태의 기준입니다. 재연결 시 미처리 ID를 재조회하고 단말 보고로 최종 상태를 확정합니다.

  • 발행 누락과 중복 방지
    FCM + Firestore
  • 실제 결과 확인
    단말 결과 보고
전자종이 단말 시나리오

수신에서 화면 갱신 보고까지

단말은 연결 복구를 포함해 요청을 받고 파일을 검증한 뒤 표시 결과를 되돌립니다.

연결 유지

요청 수신 대기

이미지 수신

파일 다운로드

무결성 검사

SHA-256 확인

화면 갱신

EPC SDK 호출

결과 보고

성공·실패 기록

전자종이 단말 | 화면 01

단말 연결

단말 / 연결 상태
E-Paper 단말EP-315-01
연결 상태
새 발행을 기다리는 중
네트워크 연결과 마지막 동기화를 확인합니다.
● 온라인
마지막 동기화 09:41:26
대기 발행 0건
수신 상태
✓ FCM 연결됨
○ 새 발행 대기 중
최근 처리 PUB-0929-004
재연결 확인
09:40:58
31.5인치 · Android 11 · EPC SDK

[화면 개요 및 목적]

Android 단말이 백그라운드에서 요청을 기다리고 재연결 때 미처리 발행을 확인합니다. 데모 2·3단계의 단말 쪽 근거입니다.

[핵심 기능 로직]

FCM 알림을 받으면 Firestore의 최신 발행 ID를 조회합니다. 연결 복구 때도 같은 조회를 수행해 알림 누락을 보완합니다.

  • 끊겨도 요청 복구
    FCM + Firestore 재조회
전자종이 단말 | 화면 02

이미지 검증

단말 / 갱신 처리
E-Paper 단말EP-315-01
발행 처리
이미지를 확인하고 있습니다
파일 검증 뒤 전자종이 화면을 갱신합니다.
원본 이미지 미리보기autumn_store_01.png
PUB-0929-004
✓ 다운로드 완료 · SHA-256 일치
◉ EPC SDK 화면 갱신 중
표시 크기 1440 × 2560
세로 방향 적용
31.5인치 · Android 11 · EPC SDK

[화면 개요 및 목적]

다운로드한 이미지가 정확한지 확인하고 제조사 EPC SDK로 실물 화면을 갱신합니다. 데모 3단계의 핵심입니다.

[핵심 기능 로직]

이미지 해시를 발행 문서와 비교합니다. 단말 방향·해상도를 적용한 뒤 EPC SDK 결과를 받아 성공/실패 상태를 기록합니다.

  • 잘못된 파일 표시 방지
    SHA-256 무결성 확인
  • 실물 단말 갱신
    EPC SDK
전자종이 단말 | 화면 03

결과 보고

단말 / 처리 결과
E-Paper 단말EP-315-01
처리 결과
화면 갱신 성공
실물 단말의 표시 결과를 관리자에게 전송했습니다.
PUB-0929-004
완료 09:42:27
EPC 반환값 0 · 정상
최근 처리
✓ autumn_store_01.png · 성공
! menu_october.png · 연결 끊김
결과 보고 09:42:28
검수 인계: 소스 · APK · 빌드 안내 · 테스트 결과
31.5인치 · Android 11 · EPC SDK

[화면 개요 및 목적]

단말에서 결과를 BaaS로 되돌려 관리자 CMS가 실제 표시 상태를 확인합니다. 최종 검수 기록과 인계 자료의 근거가 됩니다.

[핵심 기능 로직]

발행 ID마다 EPC SDK 반환값·처리 시각·오류 코드를 저장합니다. 소스·APK·빌드 문서·테스트 결과에 동일 발행 ID를 남깁니다.

  • 실제 결과를 기록
    Firestore 결과 보고
  • 재현 가능한 인계
    APK + 빌드 문서
시나리오

| 화면 01

[화면 개요 및 목적]

[핵심 기능 로직]

    | 화면 02

    [화면 개요 및 목적]

    [핵심 기능 로직]

      | 화면 03

      [화면 개요 및 목적]

      [핵심 기능 로직]