143 lines
6.8 KiB
Markdown
143 lines
6.8 KiB
Markdown
# 베이지안 세미나 발표 시나리오
|
|
|
|
**작성일**: 2025-12-23
|
|
**발표자**: 김종태
|
|
**참가자**: 강일신, 곽서현, 김하영, 홍태주, 문유리, 문정현, 김종태 (7명)
|
|
|
|
## 발표 흐름
|
|
|
|
### 0. 타이틀 페이지
|
|
|
|
**페이지 0**: 타이틀
|
|
- 제목: "스타트업을 어떻게 평가할까? - 베이지안 투자 판단과 로빙 v0.2.0"
|
|
- 디자인: 보라색(#5C00E6) 배경 + 흰색 텍스트 (company-x 스타일)
|
|
- 큰 타이포그래피로 제목 강조
|
|
- 하단에 "7명이 함께하는 인터랙티브 세미나" 문구
|
|
- 로빙 아이콘/로고를 미묘하게 배치 (흰색 또는 파란색 포인트)
|
|
- "시작하기" 버튼 또는 자동으로 다음 페이지로 전환
|
|
|
|
### 1. 퀴즈: 자루 속 공의 비율 (1페이지, 섹션별 표시/숨김)
|
|
|
|
**페이지 2**: "자루 속 공의 비율은?" (인터랙티브 단일 페이지)
|
|
|
|
**화면 구성** (모니터 스크린 1920x1080 기준, 크롬 브라우저):
|
|
- 전체 레이아웃: 상단 제목 영역(10%), 중앙 콘텐츠 영역(80%), 하단 버튼 영역(10%)
|
|
|
|
**섹션 1: 초기 확률 입력** (기본 표시)
|
|
- 상단: "자루 속 공의 비율은?" 제목 (큰 폰트, 중앙 정렬, 상단 고정)
|
|
- 좌측 상단: 자루 일러스트 (400x400px, 선택)
|
|
- 우측: 7개 입력 카드 (세로 리스트, 각 카드 80px 높이)
|
|
- 각 카드: 이름 입력 필드(왼쪽 200px) + 확률 슬라이더(오른쪽, 0-100%)
|
|
- 입력 완료 시 체크 아이콘 표시
|
|
- 하단 중앙: "다음" 버튼 (비활성화 상태, 모두 입력 시 활성화, 보라색 배경)
|
|
|
|
**섹션 2: 공 꺼내기** (입력 완료 후 표시, 섹션 1 숨김)
|
|
- 상단: "공을 꺼냅니다..." 제목
|
|
- 좌측: 공 꺼내기 영역 (600px 너비)
|
|
- 자루 이미지 + 꺼낸 공 표시 (애니메이션)
|
|
- 꺼낸 공 색상 표시 (흰색/검은색 원형 아이콘)
|
|
- 회차 표시 (1/5, 2/5, ...)
|
|
- 우측: 베이지안 업데이트 영역 (600px 너비)
|
|
- 상단: 베이지안 공식 시각화 (사전확률 → 우도 → 사후확률, 간단한 수식)
|
|
- 중앙: 베타분포 그래프 비교 (5회 시행 동안 변화)
|
|
- 사전확률이 없는 경우: Beta(1,1) - 균등분포 (넓은 분포)
|
|
- 신념이 강한 경우: Beta(50,50) 또는 Beta(60,40) - 좁은 분포
|
|
- 각 회차마다 베타분포 그래프가 업데이트되며, 분포가 좁아지는 과정 시각화
|
|
- "새 정보가 들어올수록 확률이 좁혀진다"는 점을 직관적으로 보여줌
|
|
- 하단: 7명의 업데이트된 확률 실시간 그래프 (막대 그래프 또는 선 그래프)
|
|
- 하단: "다음 공 꺼내기" 버튼 (5회 반복)
|
|
|
|
**섹션 3: 정답 공개** (5회 완료 후 표시, 섹션 2 숨김)
|
|
- 상단: "정답 공개" 제목
|
|
- 중앙: 비교 차트
|
|
- 좌측: 실제 비율 표시 (원형 차트 또는 큰 숫자)
|
|
- 우측: 7명의 최종 추정 vs 실제 비율 비교 (막대 그래프)
|
|
- 하단: "다음" 버튼 (스타트업 IR 평가로 이동)
|
|
|
|
**디자인**:
|
|
- 배경: 흰색 또는 밝은 회색
|
|
- 카드: 흰색 배경, 그림자, 둥근 모서리
|
|
- 슬라이더: 보라색(#5C00E6) 트랙, 파란색 핸들
|
|
- 버튼: 활성화 시 보라색 배경, 흰색 텍스트
|
|
- 그래프: 보라색 그라데이션
|
|
|
|
### 2. 스타트업 IR 평가 (페이지 3, 인터랙티브 단일 페이지)
|
|
|
|
**페이지 3**: "이제 스타트업을 평가해봅시다" (인터랙티브 단일 페이지)
|
|
|
|
**화면 구성** (모니터 스크린 1920x1080 기준, 크롬 브라우저):
|
|
- 전체 레이아웃: 상단 설명 영역(15%), 중앙 콘텐츠 영역(75%), 하단 버튼 영역(10%)
|
|
|
|
**섹션 1: 베이지안 원리 설명 및 IR Deck 선택** (기본 표시)
|
|
- 상단: 베이지안 원리 설명 영역 (전체 너비, 15% 높이)
|
|
- "자루 속 공의 비율을 추정한 것과 같은 원리로, 스타트업의 성공 확률을 추정합니다"
|
|
- 간단한 베이지안 업데이트 공식 시각화 (사전확률 → IR 정보 → 사후확률)
|
|
- 중앙 좌측: IR Deck 선택 영역 (600px 너비)
|
|
- 실제 IR Deck 선택 (예시 1-2개 준비, 카드 형태)
|
|
- 선택된 IR Deck 정보 미리보기
|
|
- 중앙 우측: 7명의 초기 성공 확률 입력 영역 (600px 너비)
|
|
- 7개 입력 카드 (세로 리스트, 각 카드 80px 높이)
|
|
- 각 카드: 이름 + 성공 확률 슬라이더 (0-100%)
|
|
- 하단: "다음" 버튼 (모두 입력 시 활성화)
|
|
|
|
**섹션 2: IR 정보 단계별 공개 및 업데이트** (섹션 1 완료 후 표시)
|
|
- 상단: 베이지안 원리 설명 영역 (고정, 15% 높이)
|
|
- 베이지안 업데이트 공식 시각화 유지
|
|
- 현재 공개된 정보 단계 표시 (예: "1/5: 대표자 프로필")
|
|
- 중앙 좌측: IR 정보 표시 영역 (600px 너비)
|
|
- 단계별로 하나의 정보 공개:
|
|
1. 대표자 프로필 (나이, 경력, 학력)
|
|
2. 사업 규모 (직원 수, 설립년도)
|
|
3. 비즈니스 모델 (수익 구조)
|
|
4. 시장 규모 (TAM, SAM, SOM)
|
|
5. 매출액/성장률
|
|
- 각 정보는 카드 형태로 표시
|
|
- 중앙 중앙: 7명의 업데이트 입력 영역 (400px 너비)
|
|
- 7개 입력 카드 (세로 리스트, 각 카드 60px 높이)
|
|
- 각 카드: 이름 + 업데이트된 성공 확률 슬라이더
|
|
- 실시간으로 확률 업데이트 가능
|
|
- 중앙 우측: 실시간 그래프 영역 (600px 너비)
|
|
- 상단: 7명의 확률 분포 그래프 (막대 그래프 또는 선 그래프)
|
|
- 하단: 베타분포 그래프 (Beta(1,1) vs Beta(50,50) 비교, 선택적)
|
|
- 각 정보 공개 후 자동 업데이트
|
|
- 하단: "다음 정보 공개" 버튼 (5회 반복)
|
|
|
|
**섹션 3: 최종 평가 비교** (5회 완료 후 표시, 섹션 2 숨김)
|
|
- 상단: "최종 평가 비교" 제목
|
|
- 중앙: 비교 차트
|
|
- 좌측: 7명의 최종 확률 표시 (막대 그래프)
|
|
- 우측: 로빙의 평가 점수/등급 표시
|
|
- 중앙: 비교 분석 (차이점, 유사점)
|
|
- 하단: "다음" 버튼 (로빙 소개로 이동)
|
|
|
|
**디자인**:
|
|
- 배경: 흰색 또는 밝은 회색
|
|
- 설명 영역: 보라색(#5C00E6) 배경, 흰색 텍스트 (선택적)
|
|
- 카드: 흰색 배경, 그림자, 둥근 모서리
|
|
- 슬라이더: 보라색(#5C00E6) 트랙, 파란색 핸들
|
|
- 그래프: 보라색 그라데이션
|
|
|
|
### 3. 로빙 소개 및 마무리 (페이지 4-7)
|
|
|
|
**페이지 4**: "로빙은 이렇게 평가합니다"
|
|
- 슬랙 화면 캡처/시뮬레이션
|
|
- IR 콜드메일 도착 → 로빙 분석 시작
|
|
|
|
**페이지 5**: 로빙의 평가 과정
|
|
- 평가 항목별 점수 표 (10가지 스토리)
|
|
- 베이지안 업데이트 과정 시각화
|
|
|
|
**페이지 6**: Slack Lists 자동 등록
|
|
- 구조화된 데이터 저장 화면
|
|
|
|
**페이지 7**: 마무리
|
|
- "기억하고 성장하는 존재형 AI 에이전트"
|
|
|
|
## 인터랙티브 요소
|
|
|
|
- 슬라이드 좌우 스와이프로 시간대 이동
|
|
- 각 시간대 클릭 시 해당 단계 상세 화면 확대
|
|
- 실시간 확률 분포 그래프 업데이트
|
|
- 베이지안 공식 시각화
|
|
|