zio/kintex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1e15173fd4
kintex/docs/deliverables/제안서/_gen/visual_concepts.md

23 KiB
Raw Blame History

킨텍스 자동전시시스템 구축 — 도식 시각 컨셉 (Visual Concepts)

작성: proposal-visual-designer · 작성일: 2026-07-11 · 버전 v1.0 짝 문서: design_system.md(팔레트·타이포·레이아웃) · assets/icons/*.svg(선 아이콘 20종) · tech_advisory.md §1-4(도식 12종 박스·연결·라벨 사양) · proposal_outline.md(슬라이드 배치) 목적: 필수 도식 12종 + 표준 3종(추진체계·리스크·기대효과) + 표지·간지·3중 해자의 시각 컨셉을 좌표·색·라벨 수준으로 구체화. deck-designer가 python-pptx로 재해석 없이 작도. 좌표 규약: 단위 inch, 16:9 캔버스 13.333×7.5, 콘텐츠 폭 12.23(x 0.55~12.78), 본문 콘텐츠 y 1.45~6.9. 색 토큰=design_system.md §1. 폰트 맑은 고딕. 공통: 노드=ROUNDED_RECTANGLE, 카드 그림자 alpha 18%, 연결 화살표="→"(15pt)/"›"(16pt) SLATE, 하단 캡션 MUTED 9pt 1줄. 본문 10pt 하한 준수.

A. 표지 (S01) — "도면이 아니라 사진으로 컨펌한다"

컨셉: 좌측은 절제된 텍스트 존, 우측은 나노바나나 시공 예측 이미지가 대각으로 침투 — "왼쪽은 제안(텍스트), 오른쪽은 결과(사진)"의 물리적 은유.

  • 배경: BLUE_DK 풀블리드(-0.1,-0.1,13.53,7.7).
  • 우측 대각 이미지 존: 평행사변형 2매 겹침 — ①BLUE (6.4,-1.5,9,11, PARALLELOGRAM) ②PURPLE (9.2,-2.0,7,12, PARALLELOGRAM). 그 위에 나노바나나 생성 부스 시공 사진(워터마크 포함)을 반투명(alpha ~35%) 합성 — 이미지 없으면 blue→purple 그라디언트 도형으로 대체(폴백). 이미지 우하단에 소형 워터마크 배지 "AI 생성 예상 이미지".
  • 좌상 브랜드: WHITE OVAL(0.85,0.8,0.42) + PURPLE 코어 OVAL(0.97,0.92,0.18) + "KINTEX · WISE AI" 15pt WHITE Bold (1.42,0.78).
  • 문서 배지: (0.85,2.35) "기술제안서" PURPLE 12pt / (2.72,2.35) "Technical Proposal" 딥블루 10.5pt.
  • 대제목 (0.85,2.9,11,1.9): 2줄 46pt WHITE Bold — "킨텍스 자동전시시스템" / "구축 기술제안서". line 1.02.
  • 슬로건 배너(핵심): (0.85,4.75,11.4,0.7) 반투명 화이트 라운드 rect(alpha 12%) 위 PURPLE 좌측 바 + "신청서를 내는 순간, 시공 후 사진을 먼저 본다." 18pt WHITE Bold.
  • 서브 카피 (0.88,5.6): "설계 → 시각화 → 발주 → 시공 → 운영 → 분석. 킨텍스에서 한 흐름으로 끝난다." 12.5pt #B9C7EA.
  • 하단 메타바 (0.85,6.15 라인): 사업명·기술스택 2줄 + 우측 "작성일 2026-07-11". 개발계획서 표지 하단과 동일 구조.
  • 아이콘 앵커: 슬로건 좌측에 camera-render 근사 도형(WHITE stroke).

B. 간지 (Section Divider) — P1~P9 공통 템플릿

컨셉: 개발계획서 간지 계승 + 배점 배지 추가(제안서 배점 규율 시각화).

  • 배경 BLUE_DK + 우측 평행사변형 2매(BLUE 8.6,-1.5,8,11 / PURPLE 10.9,-2,6,12).
  • 좌측 대형 넘버 150pt #2C4E82 (1.0,2.15). PURPLE 언더바(1.15,3.9,0.9,0.09). 국문 제목 34pt WHITE(1.15,4.05). 영문 13pt #9CB4D8(1.18,4.85).
  • 우측 포인트 3개: PURPLE OVAL 불릿(8.05,y) + WHITE 12.5pt(8.35,y), y=2.35+i*0.62.
  • ★배점 배지 (우상단, 신규): (10.3,0.7,2.2,0.62) 라운드 rect, fill=섹션색(P3=PURPLE, 그 외 BLUE), WHITE Bold — 예 "기술제안 · 35점". P3만 PURPLE로 최다 배점 강조.
  • 섹션별 넘버/제목/영문/포인트/배점:
    섹션 No 제목 EN 배점배지 포인트 3
    P1 01 사업이해 BUSINESS UNDERSTANDING 사업이해·전략 10점(BLUE) As-Is 병목 / 6역할 페르소나 / To-Be 정량목표
    P2 02 추진전략 STRATEGY Win Theme 5선(BLUE) 3중 해자 / 생애주기 폐루프 / 추진체계
    P3 03 기술제안 TECHNICAL SOLUTION 기술제안 · 35점(PURPLE) 나노바나나 시공예측 / 배치·설계·배선 AI / 옥션 폐루프
    P4 04 아키텍처·기술스택 ARCHITECTURE 아키텍처 10점(BLUE) 확정 스택 4-Tier / 단일 공간원천 / AI 라우팅
    P5 05 보안·개인정보 SECURITY & PRIVACY 보안 10점(BLUE) 워터마크 / PII 3중격리 / 망분리
    P6 06 비기능(NFR) NON-FUNCTIONAL 비기능 8점(BLUE) SLO 99.5% / 렌더 40초 / 접근성·다국어
    P7 07 멀티테넌시·확장 MULTI-TENANCY 확장 5점(BLUE) 격리 아키텍처 / 온보딩 6단계 / COEX 확장
    P8 08 사업관리·일정·조직 PROJECT MANAGEMENT 사업관리 2점(BLUE) Phase 간트 / 선행게이트 / 품질관리
    P9 09 기대효과 EXPECTED BENEFITS 가점(PURPLE) 정량 ROI / 정성효과 / 확장비전

C. 필수 도식 12종

① 3중 해자 벤다이어그램 (S04 요약판 · S12 상세판) ★최중요

컨셉: 3원 60% 교집합. 중앙 교집합만 컬러 채도 최대(해자), 2원 교집합은 회색(모방 가능). "결합의 희소성"을 색 채도로 표현.

  • 3원 배치(정삼각 구도, 반경 r=1.9): 원A 중심(5.4,3.6) PURPLE stroke 2.5pt + PURPLE_LT 반투명 fill / 원B 중심(7.9,3.6) BLUE / 원C 중심(6.65,5.5) TEAL. OVAL 도형, fill은 반투명(alpha 22%)로 겹침 표현.
  • 원 라벨(각 원 바깥 가까이):
    • 원A(좌상) ai-sparkle 아이콘 + "나노바나나 시공 예측 이미지" 13pt PURPLE Bold / 부제 "image-to-image 구조보존 · 40초 · S1~S7" 8.5pt MUTED.
    • 원B(우상) postgis-spatial + "PostGIS 실측 공간데이터" 13pt BLUE Bold / "부스 폴리곤·트렌치·배선 LineString 단일 원천".
    • 원C(하) closed-loop+auction-gavel + "공사 옥션 폐루프" 13pt TEAL Bold / "AI 자료→응찰→낙찰→발주 자동전환".
  • 중앙 3원 교집합(6.65,4.2 부근): 강조 배지 라운드 rect(INK fill) + WHITE Bold "우리만의 해자(Moat)" 11pt / 소자 "재현 난이도 높은 결합".
  • 2원 교집합 3곳: 소형 회색 라벨 "단일 요소는 모방 가능" 8pt SLATE.
  • 하단 캡션(중앙 정렬): "셋의 결합은 경쟁 전시테크·범용 SI가 재현하기 어렵다." 9.5pt MUTED.
  • S04(요약판)=벤+한줄, S12(상세판)=벤 좌측 + 우측에 3결합 재현난이도 근거 3불릿 카드(strategy §3-3).

② 모듈맵 — 생애주기 × 우선순위 매트릭스 (S16)

  • 매트릭스 프레임: x=생애주기 6단계 열, y=우선순위 3행(P0/P1/P2). 콘텐츠 영역(0.55,1.7)~(12.78,6.2).
  • 열 헤더(y=1.7, 각 폭 ~1.95): "판매·기획" / "설계·시각화" / "발주·계약" / "참가·관람" / "현장운영" / "사후·경영". BLUE 밴드 WHITE 10pt Bold.
  • 행 라벨(좌측 x=0.55, 폭 0.9): P0(PURPLE)/P1(BLUE)/P2(SLATE) 세로 배지.
  • 모듈 칩 배치:
    • P0행(굵은 테두리 2pt·PURPLE·강조): M2 플로어플랜(설계열) · M3 부스설계 · M4 유틸리티 · M5 나노바나나. 각 칩에 대응 아이콘(booth-layout/camera-render/wiring-power/ai-sparkle).
    • P1행(BLUE 1pt): M1(판매)·M16(사후, 2회 span)·M6/M7(발주)·M15 옥션(발주·강조 테두리)·M10(참가)·M12·M17(참가/사후)·M18(전열 하단)·§5B·§1A.
    • P2행(SLATE): M8·M11·M13·M14(현장운영열 집중).
  • 하단 레이어 띠 2줄(y~5.8): ①BLUE_LT 풀폭 "공통/시스템관리 레이어(§5B) — 전 모듈 선행 기반" ②PURPLE_LT "멀티테넌시(§1A) — tenant_id 격리".
  • 캡션: "18개 모듈 + 공통 레이어를 한 장으로 조망. P0 4개가 심장." 9.5pt.

③ 나노바나나 파이프라인 플로우 (S20) ★WT-1

컨셉: 좌→우 8박스 수평 플로우. 전면 비동기를 "동기 대기 없음" 배지로 각인. AI 구간(워커·Gemini)만 PURPLE, 나머지 BLUE.

  • 박스 8개(y=2.6, 높이 0.95, 폭 ~1.35, gap 0.06):
    1. [사용자: 렌더 요청] BLUE_LT (아이콘 mobile)
    2. [Spring 백엔드: RenderJob 생성·쿼터 확인] WHITE/BLUE
    3. [Redis 큐 leftPush] WHITE/BLUE (아이콘 pipeline-flow)
    4. [나노바나나 Python 워커 (BLPOP)] PURPLE_LT/PURPLE (아이콘 ai-sparkle)
    5. [Gemini image-to-image (G1 승인·라이브)] PURPLE_LT/PURPLE
    6. [워터마크 후처리 · S6 로컬 PIL 래스터] PURPLE_LT/PURPLE (아이콘 watermark)
    7. [오브젝트 스토리지 적재] WHITE/BLUE
    8. [WebSocket/STOMP → 프론트 완료 푸시·갤러리 갱신] BLUE_LT
  • 박스 사이 "→" 15pt SLATE.
  • 분기 주석(워커 하단 점선 콜아웃, AMBER 테두리): "degraded: G1 미승인/Gemini 장애 시 목(mock) 응답 — 구조·워터마크 유지". 옆에 "성공 시에만 쿼터 차감" GREEN 소배지.
  • 보안 배지(우상단): shield-security + "GEMINI_API_KEY = 워커 env only (백엔드 미취급)" 9pt RED 테두리.
  • 라이브 배지: 박스4·5에 GREEN "라이브" 소배지("이미 돈다").
  • 캡션: "이미지 생성 전면 비동기 — 사용자 동기 대기 없음, 평균 40초." 9.5pt.

④ Before/After 슬라이더 (S21)

  • 좌우 분할 이미지 카드(2.0,2.0,9.3,3.3): 좌반부=빈 부스(HALL_BG + 도면 라인 오버레이), 우반부=시공 후(BLUE→PURPLE 그라디언트 + 나노바나나 이미지 자리).
  • 중앙 세로 드래그 핸들(x≈6.65): 세로 WHITE 라인 3pt + 중앙 원형 핸들(WHITE OVAL + ‹› 양방향 화살표).
  • 라벨: 좌상단 "Before: 빈 부스 (도면/실측)" 칩 SLATE / 우상단 "After: 시공 후 예상 (AI 생성)" 칩 PURPLE.
  • 접근성 배지(하단): check-verify + "ARIA slider · 키보드 좌우 조작 지원 (WCAG AA)" 9pt.
  • 워터마크 고지 배지(맨 하단, RED 테두리): "AI 생성 예상 이미지 — 실제 시공과 다를 수 있음. 계약·심사 서류 사용 금지." 8.5pt.
  • 우측 배선 색상 범례 미니(S21이 배선 오버레이 겸함): 전기=RED / 네트워크=CYAN / 급배수=TEAL 3줄(색 사각+텍스트+선스타일 실선/파선/점선).

⑤ 3안 비교 화면 목업 (S24)

  • 상단 홀 정보 바(0.55,1.6,12.23,0.5) BLUE_LT: "제1전시장 5홀 · 판매가능 10,080㎡ · 통로규정 v3" 좌 + booth-layout 아이콘.
  • 3열 카드(각 3.9 폭, gap 0.28, y 2.25, 높이 3.3):
    • 카드 상단 헤더바: "안 1 — 통로 효율 최대"(BLUE) / "안 2 — 프리미엄 부스 최대"(PURPLE) / "안 3 — 균형"(TEAL).
    • 본문: 미니 배치도 썸네일(HALL_BG + 부스 폴리곤 격자 도형) + 지표 3행 "판매면적 ㎡ / 부스 수 / 규정위반 0건"(위반0=GREEN 체크 check-verify).
    • 안2는 프리미엄 강조(굵은 부스 몇 개), 안3은 균등 격자.
  • 하단 액션 바(0.55,5.75,12.23,0.6): 버튼칩 3개 "[안 선택]" BLUE / "[구역·블록 병합 편집]" WHITE 테두리 / "[병합 후 재검증]" PURPLE.
  • 캡션: "제약 솔버가 상이한 최적화 목표로 정확히 3안 생성. 사람이 선택·병합·최종 확정." (AI 신뢰 3층 프레이밍).

⑥ PostGIS 배선 오버레이 (S27) ★WT-2

컨셉: 홀 평면도 위 실측 배선. 3색 규약 고정 + 색맹 안전(선 스타일 병기).

  • 평면도 캔버스(0.55,1.7,8.6,4.6) HALL_BG 라운드:
    • 부스 폴리곤 다수: 연회색(#D8DEE8) 사각 격자 도형.
    • 트렌치 포인트 ◆: TEAL 다이아 소도형, 라인 따라 배치.
    • 분전반 ▣: INK 사각 + 라벨.
    • 배선 LineString 3색(부스→최근접 트렌치→분전반):
      • 전기 = RED 실선 2pt
      • 네트워크 = CYAN 파선(dash 6 3)
      • 급배수 = TEAL 점선(dot 2 3)
    • 가정 트렌치엔 AMBER "가정 좌표(실측 대기)" 소배지.
  • 우측 범례·주석 패널(9.35,1.7,3.4,4.6) WHITE 카드:
    • 제목 "배선 색상 범례" + 3색 행(색+선스타일+라벨).
    • 주석 배지 3개: "최근접 트렌치 KNN (geom <-> point)" / "최단 경로 ST_Length · 통로 횡단 최소" / "SRID 0 홀 로컬 미터 · GiST 실시간".
    • 아이콘 wiring-power·postgis-spatial.
  • 캡션: "수기 위치표시도 폐지 — 좌표 클릭 자동 작도."

⑦ 옥션 폐루프 흐름도 (S29) ★WT-3

컨셉: 좌측 AI 자료 패키지 스택 → 우측 순환 흐름. "AI 자료가 곧 발주 근거"를 좌→우 물리 연결로.

  • 좌측 AI 자료 패키지 스택(0.55,2.0,2.6,3.0) PURPLE_LT 카드, 4겹 쌓임 효과:
    • "M2 배치 + M3 설계 + M4 배선/BOQ + M5 시공예측 이미지" 각 줄, 아이콘 booth-layout/camera-render. 상단 ai-sparkle.
  • 우측 흐름 7박스(순환 배열 또는 좌→우 2행 지그재그, y 2.0~5.5):
    1. [옥션 개설 (역경매/RFQ/고정가)] BLUE (auction-gavel)
    2. [등록업체 검증 게이트: 미등록 응찰 차단 403] RED 테두리 강조 (shield-security)
    3. [견적서 제출 · PDF · 버전] WHITE/BLUE (document-rtm)
    4. [실시간 순위 · 라운드 마감 (Redis 정렬셋·WS 델타)] BLUE (dashboard-chart)
    5. [종합평가 낙찰 (가격+평판+납기)] PURPLE (check-verify)
    6. [Award → 계약/발주 자동전환 (M6·M9)] TEAL
    • 6→다시 자료로 순환 화살표(closed-loop 곡선 화살표).
  • 게이트2 강조: RED "미등록 = 응찰 원천 차단" 배지 — 킨텍스 규정 시스템 강제 포인트.
  • 캡션: "AI 설계자료가 곧 발주 근거. 사진 수준 자료로 응찰→발주까지 한 흐름."

⑧ 종합평가 스코어 비교표 (S31)

  • 표(0.55,2.0,12.23): 헤더 BLUE 풀폭 — 열: "업체명 | 견적금액(점수) | 평판(점수) | 납기(점수) | 가중 종합점수 | 순위".
  • 행 4~5개(zebra): 예 A사/B사/C사/D사. 각 셀 숫자 + 괄호 환산점수.
  • 가중치 주석 바(표 상단 또는 하단): "가중치(예): 가격 0.6 / 평판 0.25 / 납기 0.15 — 옥션별 설정형(weight jsonb)" 9pt MUTED.
  • 1위 행 강조: BLUE_LT 배경 + Bold + 우측 "낙찰(Award)" GREEN 배지 + check-verify.
  • 우측 또는 하단 캡션 카드: "선정 사유·항목별 비교 근거 자동 산출". 종합점수 열은 막대 미니바(가중합 시각화, BLUE 그라데이션).
  • 캡션: "가격만이 아니라 평판·납기 가중 — 투명·최적 발주."

⑨ 시스템 아키텍처 다이어그램 — 전 계층 (S41)

컨셉: 개발계획서 아키텍처 밴드도 계승·확장. 상하 6밴드 + 우측 외부 게이트 컬럼.

  • 밴드(좌측 라벨칩 1.55폭 + 본문, 폭 12.23):
    1. 엣지/DMZ(y~1.5): [CDN·정적캐시] [WAF/Reverse Proxy(nginx)·TLS·레이트리밋] BLUE_LT.
    2. 역할별 프론트(y~2.15): organizer·exhibitor·contractor·ops·admin(내부 배지 회색)·public/visitor(공개 SSR/SEO/다국어 배지). 6노드.
    3. SSO·RBAC(y~2.8): [JWT SSO + TOTP 2FA · 이중 RBAC(플랫폼/행사)] 풀폭 (shield-security).
    4. 공유 백엔드(y~3.45, 높이 늘림): [REST + WebSocket/STOMP] 상단 + 하위 [룰엔진] [배치·배선 엔진·PostGIS] [옥션 M15] [BI M16] [CMS M17] [공개 API read-only].
    5. 비동기(y~4.5): [Redis 큐·순위·타이머·캐시·쿼터] → [나노바나나 워커](PURPLE) [서류·EDM 워커].
    6. 데이터(y~5.15): [PostgreSQL+PostGIS] [읽기복제(BI·공개)] [오브젝트 스토리지].
  • 우측 외부 게이트 컬럼(x~11.4 세로): [Gemini(G1·라이브)] [Claude(AiTextRouter)] [PG 결제] [kxwp 릴레이] [등록업체 DB 739]. 라이브=GREEN 배지.
  • 연결 주석(얇은 선+라벨): 워커→Gemini "egress only" / 워커→백엔드 "WebSocket 완료 푸시" / 백엔드→읽기복제 "BI/공개 오프로드".
  • 계층별 색: 표현=BLUE_LT, 백엔드=WHITE/BLUE, AI밴드=PURPLE_LT, 데이터=HALL_BG.

⑩ 보안영역 분리도 (망 구성) (S47) ★WT-4

컨셉: 좌→우 신뢰도 상승 존. 철칙 배지를 굵게. network-zone 메타포.

  • 존 박스 6개(좌→우, 각 폭 ~2.0, y 2.2 높이 3.0, 우로 갈수록 테두리 진하게):
    1. [인터넷] SLATE
    2. [엣지: CDN·WAF·DDoS] BLUE_LT
    3. [DMZ(공개): 공개LB·public SSR·visitor GW·공개 API·PG콜백 — 쓰기권한 없음] BLUE
    4. [내부망(인증): 내부LB·SSO/2FA·내부 API·공유 백엔드] BLUE_DK
    5. [AI 워커존(egress 제한): Redis·나노바나나·Ollama] PURPLE
    6. [데이터존(최내곽): PostgreSQL+PostGIS·오브젝트·읽기복제 — 아웃바운드 전면 차단] INK
  • 존 사이 화살표 "HTTPS만" 라벨.
  • 상단 관리존(가로 띠): [관리존: 배스천·관측성 — VPN/허용IP+2FA, 인터넷 미도달].
  • 철칙 배지 3개(하단, RED 굵은 테두리): "DMZ → 데이터존 직접 접근 절대 금지" / "데이터존 아웃바운드 0 (유출경로 제거)" / "admin = VPN/허용IP+2FA".
  • egress 컬럼(우측): "승인 4목적지만 — Claude·Gemini·PG·SMTP / 그 외 DROP" (shield-security).
  • 캡션: "공개/내부 물리·논리 분리 · 데이터존 무egress로 유출경로 자체 제거."

⑪ 멀티테넌시 격리 아키텍처도 (S56)

컨셉: 수직 4층 방어 스택. fail-closed를 "한 층이라도 불일치 = 차단" 배지로.

  • 좌측 진입(1.0,2.0,3.2,1.4): [요청: 서브도메인(kintex./coex.) + JWT 사용자 소속] → [테넌트 컨텍스트 해소: 불일치 시 거부] (tenant-building).
  • 중앙 4층 방어 스택(위→아래, 각 폭 5.0, 높이 0.85, y 2.0~5.5):
    1. [①컨텍스트 필터] BLUE_LT
    2. [②서비스 가드] BLUE
    3. [③MyBatis 공통 인터셉터 (tenant_id 자동 주입)] BLUE_DK
    4. [④PostGIS/쿼리: tenant_id 선두 복합 인덱스] PURPLE
    • 층 사이 아래 화살표.
  • 우측 데이터 표현(9.3,2.0,3.4,3.5) WHITE 카드: [TB_* … WHERE tenant_id = ctx] 격리 도형 — KINTEX(#1)·COEX(#2) 두 색 파티션 시각화.
  • 하단 배지(RED): "fail-closed — 한 층이라도 불일치면 차단".
  • 캡션: "KINTEX #1 검증 → COEX #2 코드 배포 없이 데이터 온보딩. 기능 불변, 데이터·권한만 분리."

⑫ 일정 간트 (Phase × 모듈) (S58)

컨셉: 개발계획서 간트 계승. 3구간 + 라이브 실적(GREEN 완료)으로 "이미 돈다" 실증.

  • 타임라인(gx=3.55, gw=9.15, 3구간 Phase1/2/3 각 ~4M 눈금).
  • 상태 범례(우상단): 완료 GREEN / 진행 AMBER / 예정 SLATE.
  • 워크스트림 막대 행(좌측 Phase+워크스트림 라벨, 우측 막대):
    • Phase1: 아키텍처(A·완료 GREEN) / 공통레이어 B 2FA·시스템관리(완료 GREEN) / P0 코어 M2·M3·M4·M5(진행 AMBER, 하위 "스캐폴드·인증·매퍼·룰엔진·나노바나나=완료 GREEN" / "3안·병합·실데이터=진행 AMBER").
    • Phase2: 옥션 M15 / 관람 M10 / BI M16 / 관리자 M18 / 판매·서류·정산 M1·M6·M7·M9 / CMS M12·M17 (예정 SLATE).
    • Phase3: 멀티테넌시 / M11·M13·M14 / 배포 안정화·SM 이관 (예정 SLATE, 배포 일부 진행 AMBER).
  • 마일스톤 다이아몬드(◆): G1(나노바나나 승인·완료 GREEN) · G2(배포서버·완료 GREEN) · Phase 게이트 · QA 게이트 · 오픈.
  • 현재 시점 마커: PURPLE 세로선 + "현재".
  • 캡션: "선행 게이트 통제 + Phase 게이트 QA 통과 후 진행. G1·G2 완료 — 실증 기반." (schedule-gantt).

D. 표준 필수 도식 3종

⑬ 추진체계도 (조직도) (S15)

  • 최상위(중앙 4.9,1.5,3.55,0.72) BLUE: "프로젝트 총괄 (PM)" / "범위·일정·리스크·게이트(G1·G2)" (org-people).
  • 2단(연결선 아래): "개발 PM"(PURPLE) / "PMO"(PURPLE).
  • 3단 아키텍트 그룹(BLUE_LT 띠): AA·SA·TA·DA·NA 5노드(WHITE/BLUE) — "앱/시스템·NFR/기술표준/데이터·ERD/네트워크·보안".
  • 4단 구현 그룹(PURPLE_LT 띠): 공통/시스템·백엔드·프론트·DB·도메인(bidding·visitor·cms·bi·admin)·AI·시각화 6노드(WHITE/PURPLE).
  • 하단: 품질(kintex-qa · GREEN) / 배포(devops-dev · 딥블루).
  • 개발계획서 조직도와 동일 구조 재사용 — 제안서용으로 "발주처 보고 라인" 소표기 추가 가능.

⑭ 리스크 매트릭스 (S59)

컨셉: 발생가능성 × 영향도 2축 4사분면 버블 + 게이트.

  • 매트릭스(2.5,1.8,6.5,4.5): x=발생가능성(낮→높), y=영향도(낮→높). 4사분면 배경 명도(우상=RED_LT 위험, 좌하=GREEN_LT 안전).
  • 버블(R-1~R-8 배치, tech_advisory/strategy §4):
    • R-1(나노바나나 미승인) 고영향·중발생 → 우상 근처, AMBER.
    • R-2(CAD·트렌치 미확보) 고영향·중발생 AMBER.
    • R-3(kxwp 폐쇄 API) 중·중 SLATE.
    • R-4(배점 가정) 중·중, R-5(간판 품질) 중·중, R-6(AI 환각) 고·저, R-7(HW 연동) 중·저, R-8(확장 부담) 저·저 GREEN.
    • 버블 크기=영향도, 색=위험등급, 라벨 "R-n" + 툴팁 텍스트 소자.
  • 우측 게이트·대응 패널(9.3,1.8,3.4,4.5) WHITE 카드: "선행 게이트 G1(완료)·G2(완료)" + "각 리스크 방어 논리 1줄" 스크롤 리스트 + check-verify/risk-warning.
  • 캡션: "약한 고리를 선제 노출·방어 — 숨기지 않아 신뢰."

⑮ 기대효과 정량 인포그래픽 (S61)

  • 5지표 Before/After 카드(5열, 각 2.4 폭, y 1.85, 높이 1.85) — 개발계획서 기대효과 카드 계승:
    지표 As-Is(SLATE) ↓(PURPLE) To-Be(BLUE)
    홀 배정 견적 수일 즉시
    배치도 초안 수일~수주 수 분
    규정 검수 육안 검토 자동 플래깅
    유틸리티 신청 수기 작도 클릭+자동견적
    시공 결과 예측 불가(외주) 표준 샷 자동생성
  • 각 카드: 지표명 Bold + As-Is(회색) + ↓ 화살표 PURPLE + To-Be(BLUE Bold) + 대응 아이콘(document-rtm/booth-layout/check-verify/wiring-power/camera-render).
  • 하단 임팩트 지표 스트립(대형 수치): "40초 렌더 · 99.5% SLO · 142 REQ 커버 · 18 모듈" BLUE/PURPLE 교차 KPI 카드.
  • 캡션: "리드타임 수일→즉시·수분, 검수 육안→자동. 정량 개선을 숫자로 각인."

E. deck-designer 작도 체크리스트

  1. 색 규율: 퍼플=AI/나노바나나 전용. 배선 3색 고정(전기 RED 실선 / 네트워크 CYAN 파선 / 급배수 TEAL 점선) — 색+선스타일 이중 인코딩(색맹 안전).
  2. 라이브 배지(GREEN "이미 돈다"): 나노바나나 파이프라인(③)·간트(⑫)·아키텍처(⑨) 외부게이트에 반드시 표기 — tech_advisory §0 실증 우위.
  3. 워터마크 고지: Before/After(④)·AI 이미지 보안 슬라이드에 RED 테두리 고지 배지 필수(REQ-S-009).
  4. 캡션 1줄: 12종 각 도식 하단에 tech_advisory 지정 캡션 그대로. MUTED 9~9.5pt.
  5. 아이콘: assets/icons/*.svg 20종 — 헤더 앵커는 도형 근사, 콘텐츠 아이콘은 PNG 변환 후 stroke=맥락색. 이모지 금지.
  6. 가독성: 본문 10pt 하한, 한 슬라이드 1 도식/1 메시지, 여백 확보. 도식 박스 라벨 8~10pt.
  7. 배점 규율 시각화: 간지 배점 배지(P3=PURPLE 35점 최강조), 모듈맵 P0 굵은 테두리.
  8. 보안: 시크릿·내부IP·키값 도식·라벨 미기재. 외부 API는 "승인 예외/env only"로만.