SYSTEM BLUEPRINT

포토부스 필터 엔진
제작부터 매장 적용까지

관리자와 키오스크가 같은 엔진을 쓰는 흐름을 실제 화면에 가깝게 보여드립니다.

스토리보드란?

스토리보드는 만들 프로그램의 화면과 동작을 실제 사용 순서대로 미리 확인하는 문서입니다. 사진작가와 매장 키오스크가 같은 필터 결과를 얻는 과정을 담았습니다.

  1. 본사 사진작가가 원본을 열고 보정값을 조절해 프리셋을 저장하는 흐름
  2. 매장 키오스크가 Filter ID로 필터를 선택하고 사진 결과를 받는 흐름

마지막까지 보시면 한 번 만든 색감이 매장 사진에 그대로 적용되는 과정을 확인할 수 있습니다.

본사 사진작가 시나리오

필터 제작과 품질 검수

원본 사진에서 프리셋 저장과 기준 사진 검수까지

1. 원본 열기

JPG 불러오기

2. 보정 조절

톤·HSL·Curve

3. 전후 비교

실시간 Preview

4. 저장·Export

JSON·썸네일

5. 기준 검수

ΔE·CPU 시간

본사 사진작가 | 화면 01

필터 편집 · 전후 비교

Filter Manager / edit
필터 편집기
관리자 / L-rose-01
보정 파라미터
노출+0.35 EV
대비+12
하이라이트-18
섀도+22
화이트밸런스5,200 K
HSL · 핑크+8
CurveS 곡선
노이즈4
원본IMG_1042.JPG
필터 적용IMG_1042.JPG
실시간 Preview원본 비교
프리셋 L-rose-01 · 축소본 960×640 · 처리 86 ms
CPU
412 ms
LUT
Rose_01.CUBE
버전
1.3
검수
완료

[화면 개요 및 목적]

사진작가가 같은 C++ 엔진의 축소본 결과를 보며 필터를 조절합니다. 데모 1~2단계에서 원본과 적용 사진을 비교합니다.

[핵심 기능 로직]

노출·대비·HSL·Curve·노이즈를 순서가 고정된 파이프라인으로 매핑합니다. 파라미터 변경 시 LUT를 재계산합니다.

  • 색감과 속도 일치
    C++ · OpenCV
  • 즉시 전후 비교
    WPF · 공용 DLL
본사 사진작가 | 화면 02

프리셋 저장 · 썸네일

Filter Manager / presets
프리셋 관리
관리자 / JSON · 썸네일 Export
필터 목록+ 새 필터
로즈 소프트
L-rose-01 · v1.3 · 2026.10.01.
게시 중
웜 필름
L-warm-02 · v1.1 · 2026.10.01.
초안
뉴트럴
L-neutral-03 · v1.0 · 2026.10.01.
게시 중
JSON 저장썸네일 Export480×480 PNG
CPU
412 ms
LUT
Rose_01.CUBE
버전
1.3
검수
완료

[화면 개요 및 목적]

필터 값을 JSON으로 저장·수정·삭제하고 대표 썸네일을 Export합니다. 데모 3단계에서 확인합니다.

[핵심 기능 로직]

버전·Filter ID·LUT 참조를 JSON 스키마로 고정해 향후 중앙 배포에 대비합니다.

  • 매장 배포 준비
    JSON Preset
  • 대표 이미지 재사용
    PNG Export
본사 사진작가 | 화면 03

Reference JPG 검수

Filter Manager / quality
색감·속도 검수
원본 JPG와 Lightroom Reference JPG
Reference JPGIMG_1042.JPG
엔진 결과IMG_1042.JPG
검수 기록
색차 ΔE2.4
CPU 처리 시간412 ms
원본 해상도2,400×3,600
LUT 파일Rose_01.CUBE
프리셋 버전1.3
색감 합격하이라이트 미세 조정

[화면 개요 및 목적]

Lightroom Reference JPG와 엔진 결과를 사진과 수치로 검수합니다.

[핵심 기능 로직]

ΔE 색차와 CPU 원본 처리 시간을 함께 기록하고 조정 필요 항목을 분리합니다.

  • 색감 기준 공유
    ΔE 비교
  • 매장 성능 확인
    CPU 벤치마크
매장 키오스크 시나리오

필터 선택과 사진 출력

기존 Flutter 앱의 호출부터 원본 해상도 결과까지

1. 필터 선택

Filter ID 확인

2. 사진 입력

이미지 경로 전달

3. 엔진 호출

DLL·dart:ffi

4. CPU 렌더

타일·LUT 조회

5. 결과 반환

결과 경로 수신

매장 키오스크 | 화면 01

매장 필터 선택

Kiosk / filters
오늘의 포토 필터
키오스크 / 필터를 고르세요
로즈 소프트
색감 선택
Filter IDL-rose-01
버전v1.3
미리보기960×640
사용 가능
이 필터 적용
웜 필름뉴트럴STORE-0212026.10.01.
매장
STORE-021
필터
L-rose-01
출력
JPG
상태
정상

[화면 개요 및 목적]

매장 사용자가 Filter ID로 최신 프리셋을 선택합니다. 데모 4단계의 시작 화면입니다.

[핵심 기능 로직]

Flutter Windows는 dart:ffi로 공용 DLL에 이미지 경로와 Filter ID를 전달합니다.

  • 기존 앱 독립 연동
    dart:ffi · DLL
  • 같은 색감 선택
    Filter ID
매장 키오스크 | 화면 02

CPU 렌더 결과

Kiosk / result
필터 적용 결과
키오스크 / GPU 없는 PC
원본IMG_1042.JPG
로즈 소프트 적용IMG_1042.JPG
저장 완료
Filter IDL-rose-01
입력 경로IMG_1042.JPG
결과 경로IMG_1042_rose.JPG
출력 해상도2,400×3,600
CPU 처리412 ms
처리 완료다음 사진 대기

[화면 개요 및 목적]

GPU 없는 일반 PC에서 원본 해상도 사진을 저장하고 결과를 반환합니다.

[핵심 기능 로직]

타일 병렬 처리와 SIMD, 1D·3D LUT 조회로 CPU 처리 속도를 확보합니다.

  • 원본 품질 저장
    C++ CPU 엔진
  • 빠른 결과 반환
    경로 기반 인터페이스
매장 키오스크 | 화면 03

DLL 호출 상태

Kiosk / integration
키오스크 연동 상태
개발 담당 / 공용 엔진 DLL
요청 · 응답
호출render_filter
이미지 경로IMG_1042.JPG
Filter IDL-rose-01
Preset 버전1.3
반환 코드0 · 정상
결과 경로IMG_1042_rose.JPG
출력 크기2,400×3,600
처리 시간412 ms
DLL 연결 정상LUT 버전 점검
매장
STORE-021
필터
L-rose-01
출력
JPG
상태
정상

[화면 개요 및 목적]

개발 담당자가 입력·출력 경로와 오류 코드를 확인합니다.

[핵심 기능 로직]

C 호환 인터페이스와 설치 프로그램, 연동 문서를 함께 인계합니다.

  • 문제 위치 확인
    C API 오류 코드
  • 운영 인계
    DLL 문서 · 설치
시나리오

| 화면 01

[화면 개요 및 목적]

[핵심 기능 로직]

    | 화면 02

    [화면 개요 및 목적]

    [핵심 기능 로직]

      | 화면 03

      [화면 개요 및 목적]

      [핵심 기능 로직]