shared-dg05-coffeeQuokka/hgzero
1
0
Fork 0
mirror of https://github.com/hwanny1128/HGZero.git synced 2026-01-21 11:26:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

유저스토리 및 UI/UX 설계서 v2.4.0 업데이트

Browse Source 
UFR-MEET-030 회의 진행 화면 개선
- AI 제안 탭 내 개인 메모 작성 기능 명확화 (수동 저장만 지원)
- 하단 고정 버튼 역할별 차별화
  - 회의 생성자: 일시정지/녹음재개 + 회의 종료
  - 회의 참석자: 회의 나가기
- 예외처리 추가: 회의 종료/나가기 확인 모달

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yabo0812 2025-10-27 14:05:55 +09:00
parent 4c7f41939a
commit 6563bd16e6
3 changed files with 285 additions and 220 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
design/uiux/style-guide.md
View File

@ -1,5 +1,14 @@
# 회의록 서비스 스타일 가이드
## 문서 정보
- **작성일**: 2025-10-21
- **최종 수정일**: 2025-10-27
- **작성자**: 강지수 (Product Designer), 이미준 (서비스 기획자), 도그냥 (서비스 기획자)
- **버전**: 1.3.1
- **설계 철학**: Mobile First Design
---
## 1. 디자인 철학
### 핵심 원칙
@ -368,8 +377,10 @@
- 02-대시보드: 최근 회의 카드, 내 회의록 카드
- 10-회의록상세조회: 회의록 정보 섹션
### D-day 배지
Todo 마감일 표시를 위한 D-day 배지 스타일입니다.
### D-day 배지 (참고용)
**⚠️ MVP 스코프 축소 (v1.3.1)**: D-day 배지는 09-Todo관리 화면에서만 사용됩니다. 10-회의록상세조회 및 11-회의록수정 화면에서는 Todo 단순 조회만 제공하므로 D-day 배지가 표시되지 않습니다.
Todo 마감일 표시를 위한 D-day 배지 스타일입니다 (09-Todo관리 화면 전용).
```css
/* D-Day (오늘 마감) */
@ -1277,7 +1288,7 @@ Todo 마감일 표시를 위한 D-day 배지 스타일입니다.
- 참석자 관리 (추가/삭제)
- 회의록 최종 확정
- 검증 완료된 안건 잠금 해제
- 모든 Todo 수정 (담당자 변경 포함)
- ~~모든 Todo 수정 (담당자 변경 포함)~~ **MVP 스코프 축소 (v1.3.1)**: Todo 편집 기능 제거
- **사용 예시**:
- "회의 생성자 전용 기능"
- "회의 생성자만 회의를 종료할 수 있습니다"
@ -1288,11 +1299,11 @@ Todo 마감일 표시를 위한 D-day 배지 스타일입니다.
- 회의록 조회
- 안건 편집 (검증 완료 전)
- 안건 검증
- 본인의 Todo 수정 (담당자 변경 불가)
- ~~본인의 Todo 수정 (담당자 변경 불가)~~ **MVP 스코프 축소 (v1.3.1)**: Todo 편집 기능 제거, 단순 조회만 가능
- 회의록 목록 조회 (본인이 참석한 회의만)
- **사용 예시**:
- "모든 참석자가 편집할 수 있습니다"
- "참석자는 본인의 Todo만 수정 가능합니다"
- ~~"참석자는 본인의 Todo만 수정 가능합니다"~~ **변경 (v1.3.1)**: "Todo는 조회만 가능합니다"
### 사용하지 않는 용어
- ❌ "회의록 작성자" - 명확하지 않으므로 사용 금지
@ -1304,6 +1315,8 @@ Todo 마감일 표시를 위한 D-day 배지 스타일입니다.
| 버전 | 날짜 | 작성자 | 변경 내용 |
|------|------|--------|----------|
| 1.3.1 | 2025-10-27 | 강지수 | MVP 스코프 축소 v2.4.0 반영 (Todo 관련 섹션 수정)<br>- **D-day 배지 섹션**: 참고용으로 변경, 09-Todo관리 화면에서만 사용됨을 명시<br> - 10-회의록상세조회 및 11-회의록수정 화면에서는 Todo 단순 조회만 제공<br>- **사용자 역할 용어**: 권한 설명 업데이트<br> - 회의 생성자: "모든 Todo 수정" 권한 제거됨 (취소선 표시)<br> - 회의 참석자: "본인의 Todo 수정" 권한 제거됨 (취소선 표시)<br> - Todo는 조회만 가능하도록 변경<br>- **일관성 유지**: UI/UX 설계서 v1.5.1과 동기화 |
| 1.3.0 | 2025-10-24 | 이미준 | 사용자 역할 용어 통일 (유저스토리 v2.1.2 반영)<br>- **용어 정의 섹션 추가**: "회의 생성자"와 "회의 참석자" 용어 명확히 정의<br> - 회의 생성자: 회의 예약을 생성한 사용자, 회의 시작/종료/최종 확정 권한<br> - 회의 참석자: 회의에 참석하는 모든 사용자 (생성자 포함), 회의록 편집/조회 권한<br>- **사용하지 않는 용어 명시**: "회의록 작성자", "작성자" 용어 사용 금지<br>- **권한 상세 설명**: 생성자 전용 기능, 참석자 공통 기능 구체화<br>- **일관성 달성**: 유저스토리, 화면설계서, 스타일 가이드 간 용어 완전 통일 |
| 1.0 | 2025-10-21 | 최유진 | 최초 작성 - reference/sampleimg 샘플 이미지 기반 스타일 가이드 작성 |
| 1.0.1 | 2025-10-21 | 이미준 | 네비게이션 간소화 및 인터랙션 개선<br>- 설정 메뉴를 프로필 메뉴로 통합 (사이드바, 하단 네비게이션)<br>- 로그아웃 및 개인 설정 기능은 프로필 영역에서 접근<br>- Todo 항목 클릭 시 회의록 상세 화면으로 이동하는 인터랙션 추가<br>- 네비게이션 메뉴 항목: 대시보드, 회의 목록, Todo 관리, 프로필 (4개 항목) |
| 1.1 | 2025-10-21 | 이미준 | 반응형 네비게이션 및 2열 레이아웃 패턴 추가<br>- **반응형 네비게이션 전략**: Mobile (하단 네비게이션), Desktop (왼쪽 사이드바 240px)<br>- **사이드바 네비게이션 (Desktop)**: 로고 영역, 메뉴 항목 (대시보드/회의 목록/Todo 관리), 사용자 정보 영역<br>- **하단 네비게이션 (Mobile)**: 홈/회의록/Todo/프로필 (4개 메뉴)<br>- **2열 레이아웃 패턴**: 회의 진행 화면용 (왼쪽 65% 에디터, 오른쪽 35% 탭 패널)<br>- **탭 네비게이션 사용 예시**: 회의록 상세 (2개 탭), 회의 진행 (4개 탭) |

425
design/uiux/uiux.md
View File

@ -2,9 +2,9 @@
## 문서 정보
- **작성일**: 2025-10-21
- **최종 수정일**: 2025-10-25
- **최종 수정일**: 2025-10-27
- **작성자**: 이미준 (서비스 기획자)
- **버전**: 1.4.20
- **버전**: 1.5.1
- **설계 철학**: Mobile First Design
---
@ -207,20 +207,25 @@ graph TD
### 02-대시보드
#### 개요
- **목적**: 주요 기능 접근 허브, 최근 활동 및 Todo 요약 제공
- **관련 유저스토리**: 여러 유저스토리의 진입점, UFR-MEET-030 (회의록 조회), UFR-TODO-010 (Todo 조회)
- **목적**: 주요 기능 접근 허브, 최근 활동 요약 제공
- **관련 유저스토리**: UFR-USER-020 (대시보드 조회)
- **비즈니스 중요도**: 필수
- **접근 경로**: 로그인 후 메인 화면
#### 주요 기능
#### 주요 기능 (MVP 스코프 축소 v1.5.0)
1. 빠른 회의 시작 및 예약
2. **예정된/진행중 회의 목록** (upcoming & ongoing meetings)
- 예정된 회의 (아직 시작 전)
- 진행중 회의 (참여 가능한 회의)
3. **내 Todo 우선순위별 표시** (지연중 → 진행중 → 미진행 → 완료, 최대 5개)
4. **내 회의록** (참여자/생성자로 등록된 최근 3개, 상태 포함)
3. **통계 정보 표시** (예정된 회의, 작성중 회의록)
4. **내 회의록** (참여자/생성자로 등록된 최근 4개, 상태 포함)
5. 전역 검색
**변경사항 (v1.5.0)**:
- ❌ 제거: "내 Todo" 섹션 및 Todo 관리 메뉴
- ✅ 추가: "작성중 회의록" 통계 카드
- ✅ 변경: 네비게이션 간소화 (대시보드, 회의록만 유지)
#### UI 구성요소
**Mobile (320px~768px)**
@ -231,14 +236,15 @@ graph TD
- 예정된 회의가 없을 경우: "예정된 회의가 없습니다"
- **메인 콘텐츠** (스크롤, padding-bottom: 80px, background: gray-50)
- **통계 카드 컴팩트 배치** (단일 카드) - **개선안 A 적용 (v1.5)**
- 제목: "📊 오늘의 현황" (H5, Semibold)
- 수평 배치 (flex, space-around):
- "📅 예정 {N}" (Icon + Label + Value)
- "✅진행 {N}" (Icon + Label + Value)
- "📈 완료 {N}%" (Icon + Label + Value)
- 높이: ~80px (기존 대비 70% 감소)
- 반응형: 태블릿 이상에서 justify-content: flex-start, gap 증가
- **통계 카드** (2열 그리드) - **v1.5.0 변경**
- "📅 예정된 회의" 카드
- 값: 전체 예정 + 진행 중 회의 개수
- 클릭 액션: 없음 (정보 표시만)
- "📝 작성중 회의록" 카드
- 값: 내가 참석한 회의 중 '작성중' 상태인 회의록 개수
- 클릭 액션: 없음 (정보 표시만)
- 높이: ~80px
- 반응형: 태블릿 이상에서 간격 증가
- **최근 회의** 섹션
- 헤더: "예정된 회의" (H4) + "전체 보기 →" 링크
@ -270,26 +276,9 @@ graph TD
- 타이머 표시: "10분 후 참여 가능" (시작 시간까지 남은 시간)
- 빈 상태: "예정된 회의가 없습니다"
- **내 Todo** 카드 (개선)
- 헤더: "내 Todo" (H4) + "전체 보기 →" 링크 (Todo 관리 화면으로 이동)
- **통계 요약 영역**:
- 진행 중 개수 배지
- 마감 임박 개수 (아이콘: schedule, 경고색)
- **Todo 리스트** (우선순위 순, 최대 5개):
1. 지연 중 (기한 지남, 빨간색)
2. 진행 중 (상태: in_progress)
3. 기한이 남은 미진행 (상태: not_started)
4. 완료 (상태: done, 회색 처리)
- 각 Todo 항목:
- 제목 (Medium weight)
- 메타정보: 담당자, 마감일
- D-day (색상: 지남-빨강, 오늘-경고, 여유-회색)
- 우선순위 배지 (high-빨강, medium-노랑, low-회색)
- 빈 상태: "할당된 Todo가 없습니다"
- **내 회의록** 카드 (개선)
- **내 회의록** 카드 - **v1.5.0 변경 (Todo 섹션 제거)**
- 헤더: "내 회의록" (H4) + "전체 보기 →" 링크 (회의록 목록 화면으로 이동)
- **최근 회의록 리스트** (최대 3개):
- **최근 회의록 리스트** (최대 4개, 2x2 그리드):
- 필터: 내가 참여자 또는 생성자로 등록된 회의록
- 정렬: 최근 생성 순 (createdAt 기준)
- 각 항목:
@ -297,14 +286,16 @@ graph TD
- 회의 일시 (날짜 + 시간)
- 참석자 수
- **상태 배지**:
- "작성중" (draft, 노란색 배지)
- "작성중" (draft, 주황색 배지)
- "확정완료" (confirmed, 초록색 배지)
- 최종 수정 시간 (상대 시간: "1시간 전", "어제" 등)
- 검증완료율 표시 (작성중인 경우만)
- 클릭 시: 회의록 상세 화면으로 이동
- 빈 상태: "작성한 회의록이 없습니다. 첫 회의를 시작해보세요!"
- 빈 상태: "참여한 회의록이 없습니다"
**Mobile (320px~768px)**
- **하단 네비게이션**: [Mobile 하단 네비게이션](#mobile-하단-네비게이션-320px768px) 참조 (홈 활성)
**Mobile (320px~768px)** - **v1.5.0 네비게이션 간소화**
- **하단 네비게이션**: 2개 메뉴만 표시
- 홈 (대시보드) - 활성 상태
- 회의록 (회의록 목록)
**Tablet/Desktop (768px+)**
- **좌측 사이드바**: [Desktop 좌측 사이드바](#desktop-좌측-사이드바-768px) 참조 (대시보드 활성)
@ -628,22 +619,27 @@ graph TD
#### 개요
- **목적**: 실시간 회의 진행 및 AI 기반 회의록 자동 작성
- **관련 유저스토리**: UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-AI-040, UFR-COLLAB-010, UFR-RAG-010/020, UFR-PART-010/020/030, UFR-HOST-010/020, UFR-TERM-010/020
- **관련 유저스토리**: UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-AI-040, UFR-COLLAB-010, UFR-RAG-010/020, UFR-PART-020, UFR-HOST-010/020, UFR-TERM-010/020
- **비즈니스 중요도**: 높음 (핵심 화면)
- **접근 경로**: 대시보드 → "참여하기" 버튼 (페이지 전환)
- **권한** (MVP 개선):
- **회의 생성자 전용**: 회의 종료, 녹음 제어 (일시정지/재개/종료)
- **모든 참석자**: 회의 참여, AI 주요 내용 체크, 용어 확인, 관련 회의록 확인, 중도 퇴장
- **모든 참석자**: 회의 참여, AI 기반 메모 작성, 용어 확인, 관련 회의록 확인, 중도 퇴장
#### 주요 기능
#### 주요 기능 (MVP 스코프 축소 v1.5.0)
1. 음성 녹음 및 실시간 텍스트 변환 (STT)
2. AI 자동 회의록 작성 (구조화)
3. **AI 기반 주요 메모 항목 실시간 제안** (UFR-MEET-030)
3. **AI 기반 메모 작성** (UFR-PART-020): AI가 실시간으로 감지한 주요 내용을 참석자가 선택하여 개인 메모로 저장
4. 전문용어 자동 감지 및 맥락 기반 설명
5. **참고자료 자동 연결** (이전 회의록, 관련 회의록)
6. 참석자 관리 및 초대 기능
7. 회의 진행 시간 표시
**변경사항 (v1.5.0)**:
- ✅ 변경: "AI 제안" 탭 → "AI 기반 메모" 탭으로 기능 변경
- ✅ 추가: 개인 메모 입력 및 저장 기능 (각 참석자별 개별 저장)
- ✅ 정책: 메모는 회의 종료 전까지만 표시/편집 가능, 다른 참석자 메모는 볼 수 없음
#### UI 구성요소
**전체 레이아웃**
@ -654,7 +650,7 @@ graph TD
- **메인 콘텐츠 영역: 정보 패널** (탭 구조)
- **탭 네비게이션** (4개 탭)
- 참석자 (3명)
- AI 제안
- AI 기반 메모
- 용어 사전
- 관련 자료 (32건)
@ -676,17 +672,69 @@ graph TD
- flex layout, 하단 구분선 (마지막 제외)
- 상태 표시 제거됨 (발언 중/온라인 등 표시 안 함)
- **AI 제안 탭**
- 제목: "AI 제안"
- **카드 디자인** (통일된 스타일):
- **AI 기반 메모 탭** (UFR-PART-020)
- 제목: "AI 기반 메모"
- **메모 입력 영역** (상단):
- **메모 입력 텍스트박스**:
- placeholder: "메모를 입력하세요..."
- 다중 행 입력 지원 (textarea)
- 배경: 화이트 (#FFFFFF)
- 테두리: 회색 실선 (1px solid #E5E7EB)
- 테두리 둥글기: 8px
- 내부 패딩: 12px
- 최소 높이: 80px
- **저장 버튼**:
- 텍스트: "저장"
- 스타일: btn btn-primary (민트 그린)
- 위치: 메모 입력창 하단 우측
- 여백: 상단 8px
- **구분선**:
- 메모 입력 영역 하단에 회색 구분선 (1px solid #E5E7EB)
- 상하 여백: 16px
- **AI가 감지한 주요 내용 영역** (하단):
- **섹션 헤더**:
- 텍스트: "AI가 감지한 주요 내용"
- 폰트: 16px Bold, gray-800
- 하단 여백: 12px
- **주요 내용 리스트**:
- **리스트 아이템 디자인**:
- 배경: 연한 회색 (#FAFAFA)
- 테두리: 회색 점선 (1px dashed #D0D0D0)
- 테두리 둥글기: 8px
- 내부 패딩: 16px
- 카드 간 여백: 16px
- 헤더 폰트: 16px Bold, 민트 그린 (#4DD5A7)
- 본문 폰트: 14px, gray-700
- 구조: 헤더 + 본문 텍스트 + 액션 버튼
- 내부 패딩: 12px
- 아이템 간 여백: 8px
- 호버 시: 민트 그린 배경 (#E8F9F3), 커서 포인터
- **아이템 구조**:
- 시간 태그 (좌측):
- 형식: "[HH:MM]"
- 폰트: 12px Bold, 민트 그린 (#4DD5A7)
- 배경: 민트 그린 연한 배경 (#E8F9F3)
- 패딩: 4px 8px
- 테두리 둥글기: 4px
- 주요 내용 텍스트 (우측):
- 폰트: 14px, gray-700
- flex-grow: 1
- 좌측 여백: 8px
- **아이템 예시**:
- `[15:32] 예산 책정 관련 결정`
- `[15:35] 다음 회의 일정 합의`
- `[15:38] API 설계 패턴 논의`
- `[15:42] 마이크로서비스 아키텍처 채택`
- **클릭 인터랙션**:
- 아이템 클릭 시 → 메모 입력창에 "[시간] 내용" 형식으로 자동 추가
- 기존 메모가 있으면 줄바꿈 후 추가
- 입력된 메모는 수정 가능
- **정책**:
- 각 참석자별로 개별 저장 (다른 참석자의 메모는 볼 수 없음)
- 메모는 회의 종료 전까지만 표시 및 편집 가능
- 회의 종료 시 AI가 회의록 생성할 때 모든 참석자의 메모 참조
- **용어 사전 탭**
- 제목: "용어 사전"
@ -792,15 +840,26 @@ graph TD
- 상태 표시 없음 (발언 중/온라인 등 제거)
- 참석자 수 동적 업데이트 (초대 성공 시)
- **AI 제안 탭**: AI가 생성한 주요 메모 항목 제안 (UFR-MEET-030)
- **실시간 주요 메모 추천**:
- **AI 기반 메모 탭** (UFR-PART-020): AI가 감지한 주요 내용을 참석자가 선택하여 개인 메모로 저장
- **메모 작성 및 저장**:
- 메모 입력창에 자유롭게 메모 작성 가능
- "저장" 버튼 클릭 시 개인 메모로 저장 (각 참석자별 개별 저장)
- 저장 성공 시 "{n}개의 메모가 저장되었습니다" 성공 토스트
- 저장 실패 시 "메모 저장에 실패했습니다" 오류 토스트
- **AI가 감지한 주요 내용**:
- 음성→텍스트 변환 후 AI가 실시간으로 회의 내용 분석
- **중요한 내용으로 판단된 경우에만** 주요 메모 항목 제안
- 논의항목/결정사항 등의 구분 없이 중요 내용을 주요 메모로 제안
- 추천 빈도는 중요 내용 발생에 따라 가변적 (고정 간격 아님)
- 각 제안 항목에 "주요 메모에 추가" 버튼 제공
- 클릭 시 해당 안건의 주요 메모에 자동 저장
- 실시간 업데이트: 새로운 제안은 상단에 표시
- **중요한 내용으로 판단된 경우에만** 주요 내용 항목 표시
- 각 항목: "[시간] 주요 내용 텍스트" 형식 (예: "[15:32] 예산 책정 관련 결정")
- 실시간 업데이트: 새로운 항목은 하단에 추가
- 항목 클릭 시:
1. 메모 입력창에 "[시간] 내용" 형식으로 자동 추가
2. 기존 메모가 있으면 줄바꿈 후 추가
3. 입력된 메모는 수정 가능 (자동/수동 구분 표시)
4. 저장 버튼 활성화
- **정책**:
- 메모는 회의 종료 전까지만 표시/편집 가능
- 각 참석자의 메모는 다른 참석자에게 보이지 않음
- 회의 종료 시 AI가 모든 참석자의 메모를 참조하여 회의록 생성
- **용어 사전 탭**: 회의에서 언급된 전문용어 설명
- **용어 검색 기능**:
@ -840,24 +899,25 @@ graph TD
- 참석자 초대 이메일
- **출력**:
- 실시간 텍스트 변환 결과 (STT)
- **AI 제안 목록** (주요 메모 항목 제안)
- **AI가 감지한 주요 내용 목록** (시간 + 내용)
- **개인 메모** (각 참석자별 개별 저장)
- **전문용어 및 설명** (용어 사전)
- **관련 회의록 목록** (32건, 관련도 포함)
- 참석자 목록
- **연동**:
- STT 서비스 (UFR-AI-010)
- AI 서비스 (주요 메모 제안 생성, UFR-AI-040)
- AI 서비스 (주요 내용 감지, UFR-AI-040)
- RAG 서비스 (관련 회의록 검색, 전문용어 자동 감지)
- Collaboration 서비스 (실시간 동기화)
- PARTICIPANT 서비스 (메모 저장, UFR-PART-020)
#### 에러 처리
- **마이크 권한 거부**: "마이크 권한이 필요합니다" 토스트 + 설정 안내 링크
- **STT 실패**: "음성 인식에 실패했습니다" 토스트 + 재시도 안내
- **AI 제안 생성 실패**: "AI 제안을 불러올 수 없습니다" 토스트
- **AI 주요 내용 감지 실패**: "AI 주요 내용 감지에 실패했습니다" 토스트 (회의 계속 진행 가능)
- **메모 저장 실패**: "메모 저장에 실패했습니다" 토스트 + 재시도 버튼
- **용어 사전 로드 실패**: "용어 사전을 불러올 수 없습니다" 메시지 표시
- **관련 자료 검색 실패**: "관련 회의록을 찾을 수 없습니다" 메시지 표시
- **참석자 초대 실패**: "초대 링크 전송에 실패했습니다" 토스트 + 재시도 버튼
- **동기화 실패**: "네트워크 연결을 확인해주세요" 토스트
- **회의 종료 실패**: "회의 종료 중 오류가 발생했습니다" 토스트 + 재시도 버튼
---
@ -1157,27 +1217,34 @@ graph TD
#### 개요
- **목적**: 지난 회의록의 전체 내용 및 상세 정보 확인
- **관련 유저스토리**: UFR-MEET-047, UFR-AI-040
- **관련 유저스토리**: UFR-MEET-047, UFR-AI-040, UFR-MEET-048
- **비즈니스 중요도**: 중간
- **접근 경로**: 대시보드 → "내 회의록" 항목 클릭 또는 Todo관리 → 회의록 링크
- **접근 경로**: 대시보드 → "내 회의록" 항목 클릭
- **권한**: 모든 회의 참석자 (조회 전용)
#### 주요 기능
#### 주요 기능 (MVP 스코프 축소 v1.5.0)
1. 회의 기본 정보 표시
2. **안건별 AI 요약 표시** (안건 최상단)
3. 안건별 상세 내용 표시
4. **참고자료 표시** (안건 하단)
5. Todo 항목 및 진행 상황 표시
5. **Todo 단순 조회** (UFR-MEET-047): 제목, 담당자만 표시 (D-day, 우선순위 라벨 제거)
6. 첨부파일 다운로드
7. 회의록 수정/공유 액션
**변경사항 (v1.5.0)**:
- ❌ 제거: Todo 관리 화면 연동 링크 (화면 자체가 제거됨)
- ❌ 제거: Todo D-day 라벨, 우선순위 배지 표시
- ✅ 변경: Todo는 단순 조회만 가능 (제목 + 담당자 + 마감일만 표시)
- ✅ 변경: "수정" 버튼을 회의 제목 우측으로 이동
#### UI 구성요소
**Mobile (320px~768px)**
- **헤더**
- 뒤로가기 버튼
- 회의 제목
- 메뉴 버튼 (수정, 삭제)
- "수정" 버튼 (회의 제목 우측, 아이콘 또는 텍스트 버튼)
- 메뉴 버튼 (삭제, 공유 등)
- **기본 정보 카드**
- 회의 일시
@ -1221,14 +1288,12 @@ graph TD
- 결정사항 카드 리스트
- 각 카드: 결정 내용 + 결정자 + 시간 + 배경 설명
- **Todo 진행상황 섹션** (📋)
- **전체 진행률 표시**: 상단에 원형 진행 바 (완료 Todo 개수 / 전체 Todo 개수)
- 진행률 퍼센트 중앙 표시 (예: "60%")
- 색상: Primary 색상 (#4DD5A7)
- 크기: 80px (Desktop), 60px (Mobile)
- 상태별 필터 탭 (전체/시작 전/진행 중/완료)
- 담당자별 그룹화
- 각 Todo: 제목 + 마감일 + 우선순위 배지 (개별 진행률 바 제거)
- **Todo 진행상황 섹션** (📋) - MVP 스코프 축소
- **단순 조회만 제공** (UFR-MEET-047)
- Todo 리스트:
- 각 Todo: 제목 + 담당자 + 마감일만 표시
- ❌ 제거: D-day 라벨, 우선순위 배지, 진행률 바, 상태별 필터
- ❌ 제거: Todo 관리 화면 연동 (클릭 액션 없음)
- **참고자료 섹션** (📚)
- 참고자료 탭 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지)
@ -1237,21 +1302,20 @@ graph TD
- 관련도 점수 배지 (92%, 88% 등)
- 2-3줄 요약
- **Todo 섹션** (강조)
- **Todo 섹션** (단순 조회) - MVP 스코프 축소
- Todo 항목 리스트:
- 체크박스 (완료/미완료)
- Todo 내용
- Todo 내용 (제목)
- 담당자 이름
- 마감일
- 우선순위 배지
- ❌ 제거: 체크박스, 우선순위 배지, D-day 라벨
- **첨부파일 섹션**
- 파일 아이콘 + 파일명
- 다운로드 버튼
- **하단 액션 바** (Fixed)
- "수정" 버튼 (권한 있는 경우만)
- **하단 액션 바** (Fixed) - MVP 스코프 축소
- "공유" 버튼
- ❌ 제거: "수정" 버튼 (헤더로 이동)
**Tablet/Desktop (768px+)**
- **상단**: 탭 네비게이션
@ -1279,25 +1343,24 @@ graph TD
- 관련도 색상 코딩: 90%+ (초록), 70-89% (노랑), 70% 미만 (회색)
- "더보기" 클릭 → 전체 참고자료 목록 모달
3. **대시보드 탭 인터랙션**
3. **대시보드 탭 인터랙션** - MVP 스코프 축소
- **핵심내용 섹션**:
- 키워드 태그 클릭 → 해당 키워드 관련 안건으로 스크롤
- 통계 항목 클릭 → 상세 정보 툴팁 표시
- **결정사항 섹션**:
- 결정사항 카드 클릭 → 회의록 탭의 해당 안건으로 이동
- 배경 설명 접기/펼치기
- **Todo 진행상황**:
- 필터 탭 클릭 → 해당 상태의 Todo만 표시
- Todo 카드 클릭 → Todo관리 화면으로 이동
- 진행률 바: 실시간 업데이트
- **Todo 진행상황** (단순 조회만):
- ❌ 제거: 필터 탭, 진행률 바, Todo 관리 화면 연동
- Todo는 읽기 전용으로만 표시 (클릭 액션 없음)
- **참고자료 섹션**:
- 탭 전환 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지)
- 참고자료 카드 클릭 → 해당 문서로 이동
- 관련도 점수: 배지로 표시 (92%, 88% 등)
4. **Todo 인터랙션**
- Todo 체크박스: 완료 처리 (권한 있는 경우)
- Todo 클릭: Todo관리 화면으로 이동
4. **Todo 인터랙션** - MVP 스코프 축소
- ❌ 제거: Todo 체크박스, Todo 관리 화면 연동
- Todo는 단순 조회만 가능 (클릭 액션 없음)
5. **첨부파일 다운로드**
- 파일명 클릭: 다운로드 시작
@ -1342,33 +1405,43 @@ graph TD
#### 개요
- **목적**: 지난 회의록 조회 및 수정
- **관련 유저스토리**: UFR-MEET-055, UFR-AI-040, **UFR-TODO-040 (Todo 수정)**
- **관련 유저스토리**: UFR-MEET-055, UFR-AI-040, UFR-COLLAB-020
- **비즈니스 중요도**: 중간
- **접근 경로**: 10-회의록상세조회 → 하단 액션 바 "수정" 버튼 클릭
- **권한 제어**:
- **검증완료 전**: 모든 참석자가 수정 가능
- **검증완료 후**: 회의 생성자만 수정 가능 (참석자는 "수정" 버튼 비활성화)
#### 주요 기능
#### 주요 기능 (MVP 스코프 축소 v1.5.0)
1. 회의 기본 정보 표시 및 수정
- 회의 제목: 수정 가능
- 회의 일시/장소: 읽기 전용 (회의 예약 화면에서만 변경 가능)
- 참석자 관리: 회의 생성자만 추가/삭제 가능
2. **회의록 내용 수정 (안건별)** - 용어 변경: 섹션 → 안건
3. **AI 한줄 요약 표시 (안건별, UFR-AI-036)** - 신규
3. **AI 한줄 요약 표시 (안건별, UFR-AI-036)**
- 편집 불가능한 AI 한줄 요약 (30자 이내)
- 각 안건 최상단에 표시
4. **AI 상세 요약 수정 (안건별)** - 기존 AI 요약 기능
- **재생성 제한**: AI 한줄 요약만 재생성 불가 (회의 종료 시 1회만 생성)
4. **AI 상세 요약 수정 (안건별)**
- 직접 수정 가능
- "AI 재생성" 버튼으로 재생성 가능 (한줄 요약은 재생성 안 됨)
5. **참고자료 편집** (추가/제거)
6. **Todo 수정 (UFR-TODO-040)** - 회의 생성자만
7. **안건별 검증 (UFR-COLLAB-030)** - 신규
- 안건별 검증 완료 체크박스
- 회의 생성자: 잠금 해제 후 수정 가능
- 참석자: 읽기 전용
6. **Todo 단순 조회** (제목 + 담당자 + 마감일만 표시)
7. **안건별 검증 완료 체크박스 (UFR-COLLAB-020)**
- 회의 생성자: 검증 완료 체크박스 활성화, 잠금 해제 후 수정 가능
- 참석자: 검증완료 안건은 읽기 전용
8. 자동 저장 (30초 간격)
9. 수정 이력 관리
10. 상태 변경 (검증완료 → 작성중으로 자동 변경)
**변경사항 (v1.5.0)**:
- ❌ 제거: 실시간 협업 표시 ("편집 중" 표시 제거)
- ❌ 제거: Todo 편집 기능 (체크박스, 담당자/마감일/우선순위 변경, 추가/삭제)
- ❌ 제거: 검증률 표시 및 최종 확정 버튼
- ✅ 변경: 안건별 검증 완료 체크박스로 충돌 방지
- ✅ 변경: AI 한줄 요약 재생성 불가 (회의 종료 시 1회만 생성)
- ✅ 정책: Last Write Wins (마지막 저장 우선) 적용
#### UI 구성요소
**Mobile (320px~768px)**
@ -1389,23 +1462,22 @@ graph TD
- "참석자 추가" 버튼 (이메일 입력 + 초대)
- 회의록 상태 배지 (자동 관리)
- **편집 화면**
- **편집 화면** (MVP 스코프 축소)
- **안건별 편집 영역** (용어 변경: 섹션 → 안건)
- 각 안건:
- **안건 헤더**
- 안건 제목 (H4, Bold)
- 검증 상태 배지 (검증완료/미검증)
- 편집 중 표시 (동시 편집 시)
- 다른 사용자 아바타 + 이름
- 예: "김민준님 편집 중" (아이콘 + 텍스트)
- **AI 한줄 요약** (편집 불가, UFR-AI-036) - 신규
- ❌ 제거: "편집 중" 표시 (실시간 협업 기능 제거)
- **AI 한줄 요약** (편집 불가, UFR-AI-036)
- 🔒 아이콘 + 30자 이내 한줄 요약
- 읽기 전용 (회색 배경, 민트 그린 좌측 액센트 라인)
- 호버 시: "이 내용은 편집할 수 없습니다" 툴팁
- ❌ 제거: "AI 재생성" 버튼 (한줄 요약은 회의 종료 시 1회만 생성)
- **AI 상세 요약 편집 영역**
- 💡 "AI 상세 요약" 레이블 (명칭 변경)
- 💡 "AI 상세 요약" 레이블
- 요약 텍스트 편집 필드 (textarea)
- "AI 재생성" 버튼 (요약 다시 생성)
- "AI 재생성" 버튼 (상세 요약만 재생성 가능)
- 마지막 수정 시간 표시
- 편집 가능한 텍스트 영역
- 논의 주제
@ -1416,18 +1488,14 @@ graph TD
- 기존 참고자료 목록 (제거 버튼 포함)
- "참고자료 추가" 버튼
- 회의록 검색 및 선택 UI
- **Todo 섹션 편집 영역** (회의 생성자만)
- Todo 목록 표시
- **Todo 섹션 단순 조회** (편집 불가)
- Todo 목록 표시 (읽기 전용)
- 각 Todo 항목:
- 체크박스 (완료 상태)
- Todo 제목
- 담당자 (변경 가능)
- 마감일 (변경 가능)
- 우선순위 (변경 가능)
- "편집" 버튼 (인라인 편집 활성화)
- "삭제" 버튼
- "Todo 추가" 버튼
- **안건별 검증 영역** (UFR-COLLAB-030) - 신규
- 담당자
- 마감일
- ❌ 제거: 체크박스, 우선순위 배지, D-day 라벨, 편집/삭제 버튼
- **안건별 검증 영역** (UFR-COLLAB-020)
- **회의 생성자 화면**:
- 검증 완료 체크박스 (활성화)
- "잠금 해제" 버튼 (검증완료 안건만 표시)
@ -1456,38 +1524,36 @@ graph TD
- 자동 저장: 30초 간격, 인디케이터 표시
- 수동 저장: "저장" 버튼 클릭
3. **AI 한줄 요약 확인 (UFR-AI-036)** - 신규
3. **AI 한줄 요약 확인 (UFR-AI-036)** - MVP 스코프 축소
- **읽기 전용 표시**:
- 🔒 아이콘으로 편집 불가 명시
- 회색 배경 + 민트 그린 좌측 액센트 라인
- **호버 인터랙션**:
- 툴팁 표시: "이 내용은 편집할 수 없습니다"
- 툴팁 표시: "이 내용은 편집할 수 없습니다. 회의 종료 시 1회만 생성됩니다."
- **위치**: 각 안건 최상단 (안건 제목 바로 아래)
- ❌ 제거: "AI 재생성" 버튼 (한줄 요약은 회의 종료 시 1회만 생성)
4. **AI 상세 요약 편집**
4. **AI 상세 요약 편집** - MVP 스코프 축소
- 요약 텍스트 필드 클릭: 직접 수정 가능
- "AI 재생성" 버튼 클릭:
- 현재 안건 내용 기반으로 상세 요약 재생성
- 현재 안건 내용 기반으로 **상세 요약만** 재생성 (한줄 요약 제외)
- 로딩 인디케이터 표시
- 생성 완료 시 자동 업데이트
- 자동 저장 (30초 간격)
5. **안건별 검증 (UFR-COLLAB-030)** - 신규
5. **안건별 검증 완료 체크박스 (UFR-COLLAB-020)** - MVP 스코프 축소
- **회의 생성자 권한**:
- 검증 완료 체크박스 클릭:
- 체크: 안건 검증 완료 처리 (배지 "검증완료"로 변경)
- 언체크: 미검증 상태로 변경
- "잠금 해제" 버튼 클릭 (검증완료 안건만 표시):
- 확인 다이얼로그: "이 안건의 잠금을 해제하시겠습니까?"
- 확인 시: 안건 편집 가능 상태로 변경
- 확인 시: 안건 검증 완료 체크 해제 → 편집 가능 상태로 변경
- **참석자 화면**:
- 검증완료 안건: 🔒 "읽기 전용" 배지 표시
- 안내 텍스트: "(잠금됨 · 회의 생성자만 수정 가능)"
- 모든 입력 필드 비활성화 (disabled)
- **검증률 계산 및 표시**:
- 검증률 = 검증 완료된 안건 수 / 전체 안건 수
- 헤더에 검증률 표시 (예: "검증률: 70% (7/10)")
- 모든 안건 검증 완료 시 "최종 확정" 버튼 활성화
- ❌ 제거: 검증률 계산 및 표시, "최종 확정" 버튼
6. **참고자료 편집**
- "참고자료 추가" 버튼 클릭:
@ -1497,98 +1563,72 @@ graph TD
- 제거 버튼 (X): 참고자료 목록에서 제거
- 순서 변경: 드래그하여 순서 조정 (선택)
7. **Todo 섹션 편집 (UFR-TODO-040)** (회의 생성자만)
- **권한 제어**:
- 회의 생성자만 Todo 섹션 편집 가능
- 일반 참석자는 조회만 가능 (편집 버튼 숨김)
- **편집 버튼 클릭**:
- 인라인 편집 모드 활성화
- **수정 가능 항목** (회의 생성자 권한):
- ✏️ Todo 제목
- 👤 담당자 (드롭다운 선택, 참석자 목록)
- 📅 마감일 (날짜 선택기)
- 🎯 우선순위 (high/medium/low)
- "저장" 버튼: 수정 완료
- "취소" 버튼: 편집 모드 취소
- **수정 완료 시**:
- "Todo가 수정되었습니다" 토스트 메시지
- 회의록 자동 저장
- 담당자 변경 시: 이전/새 담당자에게 알림 발송
- 마감일 변경 시: 캘린더 자동 업데이트
- **Todo 추가**:
- "Todo 추가" 버튼 클릭
- Todo 정보 입력 모달 (제목, 담당자, 마감일, 우선순위)
- 저장 시 Todo 목록에 추가
- **Todo 삭제**:
- "삭제" 버튼 클릭
- 확인 다이얼로그 ("삭제하시겠습니까?")
- 삭제 시 Todo 목록에서 제거
- 담당자에게 삭제 알림 발송
7. **Todo 섹션 단순 조회** - MVP 스코프 축소
- ❌ 제거: Todo 편집/추가/삭제 기능 전체 제거
- Todo는 읽기 전용으로만 표시 (제목 + 담당자 + 마감일)
- 모든 사용자 (생성자 포함)에게 조회만 가능
8. **상태 변경**
8. **상태 변경** - MVP 스코프 축소
- 확정완료 회의록 수정 시: 자동으로 "작성중" 상태로 변경
- 모든 안건 검증 완료 시: "확정완료"로 변경 제안
- ❌ 제거: "확정완료"로 변경 제안 (검증률 기능 제거로 인해)
9. **저장 로직** - MVP 스코프 축소
- **"저장" 버튼 클릭 시**:
- 검증완료된 안건: 저장 스킵
- 미검증 안건: 저장 진행
- **저장 결과 알림**:
- "N개 안건이 저장되었습니다"
- "M개 안건은 검증완료 상태로 저장되지 않았습니다"
- 저장 불가 안건 목록 표시
- **자동 저장** (30초 간격):
- 미검증 안건만 자동 저장
- 검증완료 안건은 자동 저장 스킵
9. **안건 기반 충돌 해결 (UFR-COLLAB-020)**
10. **안건 기반 충돌 해결 (UFR-COLLAB-020)** - MVP 스코프 축소
- **안건 기반 충돌 방지 메커니즘**:
- **다른 안건 동시 편집**: 충돌 없음
- 참석자 A가 안건 1 편집 중
- 참석자 A가 안건 1 편집
- 참석자 B가 안건 2 편집 가능
- 양쪽 모두 정상 저장 및 동기화
- 양쪽 모두 정상 저장
- **동일 안건 내 다른 필드 편집**: 자동 병합
- 참석자 A가 안건 1의 "상세 요약" 편집
- 참석자 B가 안건 1의 "관련회의록" 편집
- 양쪽 변경 사항 자동 병합
- **동일 안건 검증 완료 체크로 충돌 방지**:
- 검증완료된 안건: 편집 불가 (회의 생성자만 잠금 해제 가능)
- 미검증 안건: Last Write Wins (마지막 저장 우선)
- **동일 필드 동시 수정**: Last Write Wins
- 마지막에 저장된 변경 사항이 적용
- 덮어쓰기 경고: "다른 사용자가 이미 수정했습니다. 최신 내용을 확인하세요"
- 선택 옵션: 최신 내용 확인 / 내 변경 사항 유지
- 별도 경고 없이 덮어쓰기
- **편집 중 표시**:
- 다른 사용자가 편집 중인 안건 표시
- 편집자 아바타 + 이름 실시간 표시
- 예: "김민준님이 이 안건을 편집 중입니다" + 아바타
- 편집 시작 시 해당 안건에 브로드캐스트
- 편집 종료 시 표시 제거
- ❌ 제거: 실시간 "편집 중" 표시
- ❌ 제거: 충돌 경고 모달 및 선택 옵션
- **충돌 경고 모달**:
- 제목: "동시 수정 감지"
- 메시지: "다른 사용자가 이미 이 내용을 수정했습니다"
- 옵션 버튼:
- "최신 내용 보기" (Primary): 다른 사용자 변경사항 로드
- "내 변경사항 유지" (Secondary): 현재 내용 유지 (덮어쓰기)
#### 데이터 요구사항
#### 데이터 요구사항 (MVP 스코프 축소)
- **입력**:
- 회의록 ID (조회)
- 수정 내용 (안건 ID, 내용) - 용어 변경: 섹션 → 안건
- **AI 한줄 요약** (읽기 전용, 입력 불가) - 신규
- **AI 한줄 요약** (읽기 전용, 입력 불가)
- **AI 상세 요약 수정** (안건 ID, 요약 내용)
- **참고자료 변경** (추가/제거할 회의록 ID)
- **안건별 검증 상태** (안건 ID, 검증 여부) - 신규
- **안건별 검증 상태** (안건 ID, 검증 여부)
- **출력**:
- 회의록 목록 (필터/정렬/검색 결과)
- 수정 결과 (성공/실패)
- **AI 한줄 요약** (회의 종료 시 생성, 편집 불가) - 신규
- **AI 상세 요약 재생성 결과**
- **AI 한줄 요약** (회의 종료 시 생성, 편집 불가)
- **AI 상세 요약 재생성 결과** (한줄 요약 제외)
- 수정 이력 (누가, 언제, 무엇을)
- **검증률** (검증 완료된 안건 수 / 전체 안건 수) - 신규
- **연동**: Meeting 서비스, AI 서비스 (UFR-AI-010, UFR-AI-036, UFR-AI-040), Collaboration 서비스 (UFR-COLLAB-030)
- ❌ 제거: 검증률 출력
- **연동**: Meeting 서비스, AI 서비스 (UFR-AI-010, UFR-AI-036, UFR-AI-040), PARTICIPANT 서비스 (UFR-COLLAB-020)
#### 에러 처리
#### 에러 처리 (MVP 스코프 축소)
- **권한 없음**: "본인이 작성한 회의록만 수정할 수 있습니다"
- **자동 저장 실패**: "네트워크 연결을 확인해주세요. 로컬에 임시 저장됩니다"
- **AI 요약 재생성 실패**: "요약 생성에 실패했습니다. 수동으로 작성해주세요"
- **참고자료 검색 실패**: "회의록을 검색할 수 없습니다"
- **충돌 발생**:
- 안건 기반 충돌 방지로 최소화
- 동일 필드 동시 수정 시: "다른 사용자가 이미 수정했습니다" 경고 모달
- 선택 옵션: 최신 내용 확인 / 내 변경사항 유지
- 병합 실패 시: "병합 중 오류가 발생했습니다" 에러 메시지
- **검증완료 안건 저장 시도**:
- 저장 결과 알림: "N개 안건이 저장되었습니다. M개 안건은 검증완료 상태로 저장되지 않았습니다"
- 저장 불가 안건 목록 표시
- **삭제 실패**: "회의록 삭제에 실패했습니다"
- ❌ 제거: 충돌 경고 모달 (Last Write Wins 적용으로 인해)
---
@ -2068,6 +2108,7 @@ graph TD
| 버전 | 날짜 | 작성자 | 변경 내용 |
|------|------|--------|----------|
| 1.5.1 | 2025-10-27 | 강지수 | MVP 스코프 축소 v2.4.0 반영 (3개 화면 수정)<br>- **05-회의진행**: "AI 제안" 탭 → "AI 기반 메모" 탭 기능 변경<br> - 메모 입력창 + 저장 버튼 추가<br> - AI가 감지한 주요 내용 리스트 표시 (시간 + 내용)<br> - 각 참석자별 개별 저장, 다른 참석자 메모 볼 수 없음<br> - 메모는 회의 종료 전까지만 표시/편집 가능<br> - 에러 처리: AI 주요 내용 감지 실패, 메모 저장 실패 추가<br>- **10-회의록상세조회**: Todo 단순 조회 기능으로 변경<br> - Todo는 제목 + 담당자 + 마감일만 표시<br> - D-day 라벨, 우선순위 배지, 진행률 바, 상태별 필터 제거<br> - Todo 관리 화면 연동 링크 제거 (화면 자체가 제거됨)<br> - "수정" 버튼을 헤더로 이동<br>- **11-회의록수정**: 실시간 협업 기능 제거, 안건 기반 충돌 방지 강화<br> - "편집 중" 표시 제거 (실시간 협업 기능 제거)<br> - Todo 편집/추가/삭제 기능 전체 제거 (단순 조회만 가능)<br> - AI 한줄 요약 재생성 불가 (회의 종료 시 1회만 생성)<br> - 검증률 표시 및 최종 확정 버튼 제거<br> - 저장 로직 추가: 검증완료 안건 저장 스킵, 저장 결과 알림<br> - 안건별 검증 완료 체크박스로 충돌 방지 (Last Write Wins 적용)<br> - 에러 처리: 충돌 경고 모달 제거 (LWW로 인해) |
| 1.4.20 | 2025-10-25 | 이미준, 강지수 | 유저스토리 v2.3.0 반영<br>- 회의 종료 화면 정책 명확화 (확인 전용, 바로 최종 확정 옵션 상세화)<br>- UFR-MEET-050: 최종 확정 2가지 시나리오 설명 추가<br>- UFR-COLLAB-020: 안건 기반 충돌 해결 메커니즘 상세 추가<br>- 실시간 협업 충돌 방지 정책 강화 |
| 1.0 | 2025-10-21 | 이미준 | 최초 작성 - 11개 화면 설계 완료 |
| 1.1 | 2025-10-21 | 이미준 | AI 요약 및 참고자료 기능 추가<br>- 05-회의진행: AI 회의 내용 요약 자동 생성 및 참고자료 자동 연결 추가<br>- 10-회의록상세조회: 섹션별 AI 요약 표시 및 참고자료 영역 추가<br>- 11-회의록수정: AI 요약 수정 및 참고자료 편집 기능 추가<br>- 관련 유저스토리: UFR-AI-040 (관련 회의록 자동 연결) |

51
design/userstory.md
View File

@ -135,25 +135,23 @@
2. 회의 제목 입력 (최대 100자)
3. 날짜 선택 (오늘 이후 날짜, 달력 UI)
4. 시작/종료 시간 선택 (15분 단위 커스텀 시간 선택기)
5. (선택) 종일 회의 토글 활성화 시 시간 입력 비활성화
6. 온라인/오프라인 회의 선택 (토글)
7. 장소 입력 (최대 200자)
5. 온라인/오프라인 회의 선택 (토글)
6. 장소 입력 (최대 200자)
- 오프라인: 예) 본사 2층 대회의실
- 온라인: 예) Zoom, Google Meet + 회의 링크 입력 또는 자동 생성
8. 참석자 추가 (현재 사용자는 기본 포함)
7. 참석자 추가 (현재 사용자는 기본 포함)
- "참석자 추가" 버튼 클릭
- 검색 모달에서 이름 또는 이메일로 검색
- 사용자 선택하여 추가
- 칩으로 표시, X 버튼으로 제거 가능 (본인 제외)
9. (선택) 안건 입력 (텍스트 영역)
10. "임시저장" 버튼 또는 "예약 완료" 버튼 클릭
8. (선택) 안건 입력 (텍스트 영역)
9. "임시저장" 버튼 또는 "예약 완료" 버튼 클릭
**입력:**
- 회의 제목: 텍스트 입력, 필수, 최대 100자, 문자 카운터 표시
- 날짜: date 타입, 필수, 오늘 이후 날짜만 선택 가능, 달력 아이콘(📅) 표시
- 시작 시간: 커스텀 시간 선택기 (readonly), 필수, 15분 단위 (00, 15, 30, 45)
- 종료 시간: 커스텀 시간 선택기 (readonly), 필수, 15분 단위
- 종일 회의: 토글 스위치 (선택)
- 온라인 회의: 토글 스위치 (선택)
- 장소: 텍스트 입력, 선택, 최대 200자, 문자 카운터 표시
- 회의 링크: URL 입력, 선택, 온라인 회의인 경우에만 표시, "자동 생성" 버튼 제공
@ -218,15 +216,18 @@
### UFR-MEET-020: [템플릿선택] 회의 생성자로서 | 나는, 회의록을 효율적으로 작성하기 위해 | 회의 유형에 맞는 템플릿을 선택하고 싶다.
**템플릿선택 진입 경로:**
- **경로 1**: 대시보드(02-대시보드.html) → "바로시작" FAB 버튼 → 템플릿 선택(04-템플릿선택.html)
- **경로 2**: 회의예약 (03-회의예약.html) → 템플릿 선택(04-템플릿선택.html)
-
**수행절차:**
1. 대시보드에서 "바로시작" FAB 버튼 클릭
2. 템플릿 선택 화면(04-템플릿선택.html) 표시
3. 4가지 템플릿 중 선택 또는 "건너뛰기" 선택
1. 위 경로 중 하나를 통해 템플릿 선택 화면(04-템플릿선택.html) 진입
2. 4가지 템플릿 중 선택 또는 "건너뛰기" 선택
- 일반 회의: 회의 개요, 논의 사항, 결정 사항, 액션 아이템
- 스크럼 회의: 어제 한 일, 오늘 할 일, 블로커/이슈
- 킥오프 회의: 프로젝트 개요, 목표 및 범위, 역할 및 책임, 일정 및 마일스톤
- 주간 회의: 지난주 성과, 이번주 계획, 주요 이슈, 다음 액션
4. 선택 완료 시 회의 시작 (05-회의진행.html로 이동)
3. 선택 완료 시 회의 시작 (05-회의진행.html로 이동)
**입력:**
- 템플릿 선택: 4가지 중 1개 선택 또는 건너뛰기
@ -242,6 +243,7 @@
**관련 유저스토리:**
- UFR-USER-020: 대시보드 조회
- UFR-MEET-010: 회의예약
- UFR-MEET-030: 회의시작
---
@ -260,11 +262,14 @@
5. 웨이브폼 애니메이션 표시 (녹음 상태 시각화)
6. 탭 네비게이션으로 기능 전환:
- 참석자: 참석자 목록 및 실시간 초대
- AI 제안: 실시간 AI 분석 결과 및 메모 추가
- 용어사전: 자동 추출된 용어 및 검색
- 관련회의록: 자동 연결된 이전 회의록
7. 회의 메모 작성 (하단 고정 메모 영역)
8. 일시정지 또는 회의 종료 버튼 클릭
- AI 제안: 실시간 AI 분석 결과 및 개인 메모 작성
- AI가 인식한 주요 내용 표시
- 참석자별 개인 메모 작성 영역 (수동 저장만 지원)
- 용어사전: 실시간 AI 자동 인식된 용어 및 검색
- 관련회의록: 실시간 AI 자동 연결된 이전 회의록
7. 하단 고정 버튼 (역할별 차별화)
- 회의 생성자: [일시정지/녹음재개] + [회의 종료]
- 회의 참석자: [회의 나가기]
**입력:**
- 녹음 시작/일시정지: 버튼 클릭
@ -275,16 +280,22 @@
- 헤더: 회의 제목, 녹음 상태 (녹음 중/일시정지), 경과 시간
- 웨이브폼 애니메이션: 녹음 상태 시각화
- 참석자 탭: 참석자 목록, 초대 버튼
- AI 제안 탭: AI 분석 카드, "메모에 추가" 버튼
- AI 제안 탭:
- AI가 인식한 주요 내용 리스트
- 개인 메모 작성 영역 (참석자별 독립)
- 저장 버튼 (수동 저장만)
- 용어사전 탭: 자동 추출된 용어, 검색 기능
- 관련회의록 탭: 자동 연결된 이전 회의록 목록
- 하단 고정 버튼: 일시정지, 회의 종료
- 하단 고정 버튼:
- 회의 생성자: [일시정지/녹음재개] + [회의 종료]
- 회의 참석자: [회의 나가기]
**예외처리:**
- 녹음 권한 없음: "마이크 권한이 필요합니다" 에러 메시지
- 네트워크 오류: "녹음 중 오류가 발생했습니다" 에러 메시지
- 일시정지 확인: "일시정지하시겠습니까?" 확인 모달
- 종료 확인: "회의를 종료하시겠습니까?" 확인 모달
- 회의 종료 확인 (생성자): "회의를 종료하시겠습니까? 모든 참석자의 회의가 종료됩니다" 확인 모달
- 회의 나가기 확인 (참석자): "회의에서 나가시겠습니까? 저장하지 않은 메모는 삭제됩니다" 확인 모달
**관련 유저스토리:**
- UFR-MEET-020: 템플릿선택
@ -1395,7 +1406,7 @@
| 버전 | 날짜 | 작성자 | 변경 내용 |
|------|------|--------|-----------|
| v2.4.0 | 2025-10-27 | 팀 전체 | • MVP 스코프 축소: Todo 관리 기능 제거<br>• UFR-USER-020 수정: 대시보드에서 "나의 Todo" 제거, "작성중 회의록" 추가<br>• UFR-PART-020 변경: AI주요내용체크 → AI기반메모작성 (메모 입력창 + AI 추천)<br>• UFR-AI-010 개선: 회의록 생성 시 참석자 메모 참조<br>• UFR-MEET-055 개선: 회의록 수정 시 실시간 협업 제거, 검증완료 체크로 보호<br>• TODO 서비스 전체 제거 (UFR-TODO-010/030/040)<br>• NOTIFICATION 서비스: Todo 관련 알림 제거<br>• 네비게이션 간소화: Todo 관리 메뉴 제거 (대시보드, 회의록만 유지) |
| v2.4.0 | 2025-10-27 | 팀 전체 | • MVP 스코프 축소: Todo 관리 기능 제거<br>• UFR-USER-020 수정: 대시보드에서 "나의 Todo" 제거, "작성중 회의록" 추가<br>• UFR-PART-020 변경: AI주요내용체크 → AI기반메모작성 (메모 입력창 + AI 추천)<br>• UFR-AI-010 개선: 회의록 생성 시 참석자 메모 참조<br>• UFR-MEET-055 개선: 회의록 수정 시 실시간 협업 제거, 검증완료 체크로 보호<br>• TODO 서비스 전체 제거 (UFR-TODO-010/030/040)<br>• NOTIFICATION 서비스: Todo 관련 알림 제거<br>• 네비게이션 간소화: Todo 관리 메뉴 제거 (대시보드, 회의록만 유지)<br>• UFR-MEET-030 개선: AI 제안 탭 내 개인 메모 작성 기능 명확화 (수동 저장만), 하단 고정 버튼 역할별 차별화 (생성자: 일시정지/재개+종료, 참석자: 나가기) |
| v2.3.1 | 2025-10-27 | 팀 전체 | • MVP 개선: 회의 참석자 권한 단순화<br>• 신규 유저스토리: UFR-PART-010/020/030 (참석자 공통), UFR-HOST-010/020 (생성자 전용)<br>• 신규 유저스토리: UFR-TERM-010/020/030 (용어 기능 MVP 단순화)<br>• UFR-MEET-040 수정: 회의 종료 권한 생성자 전용으로 명확화<br>• UFR-MEET-030 개선: 회의 진입 경로 2가지 명시 (바로시작, 참여하기)<br>• UFR-AI-040 개선: 관련 회의록 유사 내용 요약 추가 (최대 3개, 퍼센트 표시, 3-5문장 요약)<br>• 메모 기능 단순화: 체크박스 방식으로 변경<br>• 용어 설명 단순화: JSON 용어 사전 방식 도입 |
| v2.3.0 | 2025-10-24 | 이미준 | • 프로토타입 분석을 통한 유저스토리 전면 재정비<br>• 신규 유저스토리 추가: UFR-MEET-015 (참석자 실시간 초대), UFR-NOTI-010 (알림 발송)<br>• 알림 아키텍처 폴링 방식으로 통일 (실시간 발송 → 주기적 폴링)<br>• 10개 프로토타입 화면 반영 완료<br>• 마이크로서비스 구성 재정의 (User, Meeting, STT, AI, Notification)<br>• 기존 24개 유저스토리 ID 승계 및 정리 |
| v2.2.0 | 2025-10-23 | 이미준 | 이전 버전 |