9ee3dab378
받은 이미지 11장을 docs/images/ 로 최적화 배치(37.6MB -> 3.3MB: 사진은
JPEG q88, 평면 다이어그램은 PNG-8, 최대폭 1600). 원본은 image/ 에 그대로 둔다.
소개서: 매니페스트(docs/소개서-이미지.json)로 11장을 절에 배치해 HTML 재생성
(4.6MB 단일 파일). 표지 컷은 1장 앞에 before-heading 으로.
경영진 보고 덱(docs/deck/): 14장. 매뉴얼 생성기와 같은 구조 —
deck.json(내용) + build_deck.py(생성기) + clips/(3초 클립). 손으로 쓴 HTML 은
두 번째 수정부터 낡고, 낡은 덱은 회의실에서 틀린 숫자를 띄운다.
클립이 없으면 포스터 스틸로 자동 대체되므로 지금 상태로도 완성본이다.
비교 슬라이드는 클립이 하나도 없으면 이미 좌우 비교인 09 스틸 1장으로
바뀐다 — 좌우 패널에 쪼개 넣으면 같은 비교가 두 겹이 된다.
모든 클립·스틸에 '재현' 배지를 템플릿에 박았다. 이 영상들은 제품 동작
녹화가 아니라 연출된 재현이고, 실제 동작처럼 보여주면 허위 시연이 된다.
배지 문구는 매체를 따른다(영상/이미지) — 스틸에 "재현 영상"은 그 자체가
작은 거짓말이다. 실화면 캡처 8장에는 배지가 붙지 않는다.
실렌더로 확인하며 잡은 결함:
- 마지막 슬라이드가 백지였다. :nth-child(even) 이 section.closing 보다
명시도가 높아 네이비 배경을 덮고, 흰 글자가 흰 배경에 얹혔다(대비 1:1).
- 한국어 제목이 어절 중간에서 끊겼다("설명할 수 있습/니다") — CJK 기본
줄바꿈이 글자 단위다. word-break:keep-all.
- 슬라이드 이동이 전혀 동작하지 않았다. scroll-snap-type:y mandatory 인
컨테이너에서 behavior:'smooth' 가 취소되고 원위치로 스냅된다
(측정: smooth->0, auto->905). 즉시 전환으로 변경 — 덱에서는 컷 전환이
오히려 슬라이드답다. 키보드가 항상 잡히는 것은 아니라 이전/다음 버튼도 추가.
- 도판이 커서 하단 주석이 화면 밖으로 밀렸다(max-height 하향).
- 표지 베일이 무거워 경광등 빨강이 죽었다 — 이 제품의 상징색이라 살렸다.
- 4번과 5번이 같은 도판을 썼다(포스터 교체).
접근성 게이트(측정): 대비 실패 0건. figcaption 4.35:1 미달로 --ink-3 을
#5C6474 로, 네이비 위 슬라이드 번호 2.0:1 을 #8FB2E2 로 교정. 레일 점은
7x7 이라 발표 중 못 맞춘다 — 점은 그대로 두고 히트영역 24x24(WCAG 2.5.8),
이전/다음 버튼 46x46.
영상 브리프(docs/영상-브리프.md): 3초 클립 6종. 스틸이 못 하는 것만 발주
했고, 클립마다 0.0~3.0초 타임라인·프레임 안에 반드시 있어야 할 것·피할 것을
적었다. 대시보드 녹화는 제외 — 실화면 캡처가 이미 있고 그건 진짜다.
생성물(경영진-보고.html)과 clips/ 는 gitignore — 사용설명서.html 과 같은 이유.
60 lines
No EOL
2.3 KiB
JSON
60 lines
No EOL
2.3 KiB
JSON
{
|
|
"images": [
|
|
{
|
|
"file": "01-현장-설치.jpg",
|
|
"heading": "## 1. 왜 만들었나",
|
|
"placement": "before-heading",
|
|
"caption": "작업장에 설치된 카메라와 현장 경광등."
|
|
},
|
|
{
|
|
"file": "05-사슬.png",
|
|
"heading": "## 2. 무엇을 하는가",
|
|
"caption": "감지 → 대응 → 증거. 어느 한 칸이 비면 나머지가 무의미해집니다."
|
|
},
|
|
{
|
|
"file": "08-넘어짐-감지-시퀀스.jpg",
|
|
"heading": "### 2-1. 감지 — 무엇을 알아채는가",
|
|
"caption": "넘어짐 감지 단계. 1초 위험 자세 → 3초 확정 → 10초 미동 없음. 도중에 일어서면 니어미스로만 기록됩니다."
|
|
},
|
|
{
|
|
"file": "09-앉기-vs-넘어짐.jpg",
|
|
"heading": "### 2-1. 감지 — 무엇을 알아채는가",
|
|
"caption": "앉은 자세와 넘어진 자세는 형태와 지속 시간으로 구분합니다."
|
|
},
|
|
{
|
|
"file": "10-위험구역-판정.jpg",
|
|
"heading": "### 2-1. 감지 — 무엇을 알아채는가",
|
|
"caption": "위험구역은 화면 위에 직접 그립니다. 판정 기준은 발 위치입니다."
|
|
},
|
|
{
|
|
"file": "11-2인1조.jpg",
|
|
"heading": "### 2-1. 감지 — 무엇을 알아채는가",
|
|
"caption": "자세뿐 아니라 구역 안의 인원 수도 안전 조건입니다."
|
|
},
|
|
{
|
|
"file": "02-경광등.jpg",
|
|
"heading": "### 2-2. 대응 — 어떻게 사람에게 닿는가",
|
|
"caption": "현장 경광등은 감지한 노드가 자기 GPIO로 직접 울립니다. 서버도 인터넷도 거치지 않습니다."
|
|
},
|
|
{
|
|
"file": "07-대응시간.png",
|
|
"heading": "### 3-1. 즉시 달라지는 것",
|
|
"caption": "발견까지 걸리는 시간의 변화."
|
|
},
|
|
{
|
|
"file": "06-구성도.png",
|
|
"heading": "## 4. 시스템 구성",
|
|
"caption": "카메라 → 엣지 노드 → 대시보드. 노드에서 서버로 가는 것은 스냅샷 3장과 메타데이터뿐입니다."
|
|
},
|
|
{
|
|
"file": "03-엣지노드.jpg",
|
|
"heading": "### 4-1. 엣지 노드",
|
|
"caption": "Raspberry Pi 5 + Hailo-8 가속기."
|
|
},
|
|
{
|
|
"file": "04-위험구역.jpg",
|
|
"heading": "## 6. 납품과 운영",
|
|
"caption": "설치 대상이 되는 전형적인 작업 공간."
|
|
}
|
|
]
|
|
} |