TK-Project/시연회_핵심기능_5선.md

🎯 TK Project 시연회용 핵심 기능 5선

📋 개요

시연회를 위해 선별된 TK Project의 핵심 기능들입니다. DB 연동 없이 하드코딩으로 구현하여 전체 워크플로우를 효과적으로 시연할 예정입니다.

---

🚀 핵심 기능 6선

0. 🏢 프로젝트 관리 (워크플로우 시작점)

🎯 시연 포인트

• 전체 워크플로우의 중심이 되는 프로젝트 선택 시스템
• 간단하고 직관적인 UI로 빠른 프로젝트 접근

📱 구현 내용

🎨 간단한 프로젝트 선택기

• 중앙 배치 디자인:
  • 큰 "TK Project" 타이틀
  • "프로젝트를 선택하여 관리를 시작하세요" 안내 문구
• HTML Select 박스:
  • 4개 프로젝트 옵션 (하드코딩)
  • 깔끔하고 직관적인 드롭다운 방식
• 동적 액션 버튼:
  • 프로젝트 선택 시에만 표시
  • 🏭 생산회의록, 📦 입고 검수, 🔧 생산팀 작업

💡 하드코딩 데이터

const projectOptions = [
  { value: "TK-2024-015", text: "ABC 공장 배관공사 (TK-2024-015)" },
  { value: "TK-2024-016", text: "DEF 플랜트 배관 설치 (TK-2024-016)" },
  { value: "TK-2024-017", text: "GHI 정유 공장 개보수 (TK-2024-017)" },
  { value: "TK-2024-012", text: "JKL 화학 공장 신설 (TK-2024-012)" }
];

🔄 워크플로우 연결

프로젝트 선택 → 세션 스토리지 저장 → 각 기능 페이지로 이동

💡 실제 구현 시 고려사항

• 납기 필터링: 납기가 지나지 않고 완료 처리가 안된 프로젝트만 표시
• 동적 로딩: DB에서 활성 프로젝트 목록을 가져와서 select 옵션 생성
• 권한 관리: 사용자 권한에 따른 프로젝트 접근 제어

// 실제 구현시 필터링 로직 예시
function getActiveProjects() {
  // 납기가 지나지 않았고 완료 처리가 안된 프로젝트만 반환
  return projects.filter(project => {
    const today = new Date();
    const deadline = new Date(project.deadline);
    return deadline >= today && project.status !== 'completed';
  });
}

---

1. 📋 프로젝트 정보 등록 (2단계 시스템)

🎯 시연 포인트

• 1단계: 프로젝트 생성 및 기본 정보 입력
• 2단계: 킥오프 미팅 후 세부 사양 및 요구사항 입력

---

📝 1단계: 프로젝트 생성

📱 구현 내용

• 프로젝트 기본 정보:
  • 프로젝트명, 고객사, 계약금액
  • 수주일, 납기일, 프로젝트 규모
  • 납품방식: 현장납품/공장인도/부분납품
• 자동 Job No. 생성: TK-YYYY-XXX 형식
• 제작 방식 선택: 외주 vs 자체제작
• 담당자 배정:
  • 영업담당, PM, 설계팀장, 품질팀장, 구매팀장, 생산팀장

💡 하드코딩 데이터

const projectBasicInfo = {
  jobNo: "TK-2024-015",
  name: "ABC 공장 배관공사",
  client: "ABC 케미칼",
  contractAmount: "150,000,000",
  orderDate: "2024-01-15",
  deliveryDate: "2024-03-30",
  deliveryMethod: "현장납품", // 현장납품/공장인도/부분납품
  productionType: "자체제작",
  scale: "중형", // 소형/중형/대형
  status: "승인완료" // 기본정보입력 = 프로젝트승인
};

---

🎯 2단계: 세부 사양 입력

📱 구현 내용

• 킥오프 미팅 결과:
  • 미팅 일자, 참석자, 주요 결정사항
  • 고객 요구사항 변경점
• 기술 사양서 (User Spec):
  • 설계 기준 (ASME, KS, JIS 등)
  • 사용 압력, 온도, 유체 종류
  • 특수 요구사항 (내식성, 내압성 등)
• 프로젝트 세부 일정:
  • 설계 완료일, 자재 발주 완료일
  • 제작 시작일, FAT 일정, 납품 일정
• 품질 요구사항:
  • 필수 검사 항목, 성적서 요구사항
  • 고객 입회 검사 여부
• 특이사항 및 리스크:
  • 기술적 난이도, 일정상 제약
  • 고객사 특수 요구사항

💡 하드코딩 데이터

const projectDetailInfo = {
  jobNo: "TK-2024-015",
  kickoffMeeting: {
    date: "2024-01-20",
    attendees: ["김영업", "이PM", "박설계", "최고객"],
    decisions: ["압력등급 150LB로 확정", "재질 SS316L로 변경"]
  },
  technicalSpec: {
    designStandard: "ASME B31.3",
    workingPressure: "10 bar",
    workingTemperature: "80°C",
    fluid: "화학용매",
    specialRequirements: ["내식성 강화", "고온 대응"]
  },
  schedule: {
    designComplete: "2024-02-15",
    procurementComplete: "2024-02-28",
    productionStart: "2024-03-01",
    fatDate: "2024-03-25",
    deliveryDate: "2024-03-30"
  },
  qualityRequirements: {
    mandatoryTests: ["압력시험", "재질성분분석", "용접검사"],
    certificates: ["재질증명서", "압력시험성적서", "용접검사성적서"],
    customerWitness: true
  },
  risks: [
    { type: "기술", description: "특수 합금 용접 기술 필요", level: "중" },
    { type: "일정", description: "납기 단축 요구", level: "높음" },
    { type: "품질", description: "고객사 높은 품질 기준", level: "중" }
  ],
  status: "진행중", // 세부사양은 지속적으로 업데이트
  lastUpdated: "2024-01-25"
};

---

🔄 프로젝트 진행 워크플로우

Step 1: 프로젝트 생성 및 승인 (영업팀)

수주 확정 → 기본 정보 입력 → Job No. 생성 → 담당자 배정 → 프로젝트 승인 ✅

⚠️ 중요: 기본 정보 입력 완료 = 프로젝트 승인 완료 (프로젝트 시작)

Step 2: 킥오프 미팅 (선택적, 프로젝트 진행 중)

고객 미팅 → 요구사항 정리 → 내부 검토 → 세부 일정 수립

📝 특징: 프로젝트 진행 중 언제든 추가/수정 가능

Step 3: 세부 사양 입력 (지속적, PM 주도)

기술사양 입력 → 품질요구사항 정리 → 리스크 분석 → 정보 업데이트

📝 특징: 납품까지 지속적으로 추가/수정 가능

Step 4: 지속적 정보 관리 (전 기간)

설계 변경 → 고객 요구사항 변경 → 일정 조정 → 품질 기준 변경

📝 특징: 프로젝트 전 기간에 걸쳐 필요시 언제든 업데이트

---

2. 🏭 생산회의록 시스템

🎯 시연 포인트

• 선택한 프로젝트의 공정표 기반 일정 관리
• 캘린더 기반 마감일자 관리 및 Follow-up 추적

📱 구현 내용

📋 프로젝트 공정표 (상단)

• 공정별 진행 현황:
  • 설계 → 구매 → 제작 → 검사 → 납품 단계별 표시
  • 각 공정별 진행률 (%) 및 상태 (완료/진행중/대기)
  • 담당자 및 예정 완료일
• Gantt Chart 스타일:
  • 시각적 타임라인 표시
  • 지연 공정 빨간색 표시
  • 임계 경로 (Critical Path) 강조

📅 캘린더 기반 마감일자 관리 (중앙)

• 주요 마감일 등록:
  • 도장 외주: 출고일 (2024-09-20) → 입고 예정일 (2024-09-25)
  • 추가 발주품: 엘보 10EA → 입고 예정일 (2024-09-18)
  • 검사 일정: 압력시험 (2024-09-22), 고객 입회검사 (2024-09-28)
• 일정 입력 방식:
  • 캘린더 클릭 → 일정 유형 선택 → 상세 내용 입력
  • 길어지는 내용은 클릭하여 메모 형식으로 상세 입력 가능
• 알림 시스템:
  • D-3, D-1 자동 알림
  • 지연 일정 빨간색 표시

📦 입고 예정 품목 (우측)

• 해당 프로젝트 발주 현황:
  • 발주 품목명, 수량, 공급업체
  • 발주일, 예정 입고일, 현재 상태
• 상태별 색상 구분:
  • 🟢 정상: 예정일 내 입고 예상
  • 🟡 주의: 입고일 임박 (D-2 이내)
  • 🔴 지연: 예정일 초과
• 리스트 형식:

  ✅ 파이프 4인치 x 50EA (입고완료 - 09/10)
  🟡 밸브 2인치 x 10EA (입고예정 - 09/16)
  🔴 엘보 4인치 x 20EA (지연 - 09/12 → 09/18)
  

⚠️ Follow-up 리스트 (하단)

• 미해결 중요 사항:
  • 우선순위별 정렬 (긴급/높음/보통)
  • 등록일, 담당자, 예상 해결일
• Follow-up 항목 예시:
  • 🔴 긴급: 밸브 A 납기 지연 → 대체 업체 검토 중 (구매팀)
  • 🟡 높음: 용접 검사 일정 조정 필요 (품질팀)
  • 🟢 보통: 도면 수정 요청 검토 (설계팀)

💡 하드코딩 데이터

const productionMeeting = {
  project: "TK-2024-015",
  date: "2024-09-14",
  
  // 공정표
  processChart: {
    design: { progress: 100, status: "완료", dueDate: "2024-02-15", responsible: "박설계" },
    procurement: { progress: 85, status: "진행중", dueDate: "2024-02-28", responsible: "김구매" },
    production: { progress: 60, status: "진행중", dueDate: "2024-03-20", responsible: "이생산" },
    inspection: { progress: 0, status: "대기", dueDate: "2024-03-25", responsible: "최품질" },
    delivery: { progress: 0, status: "대기", dueDate: "2024-03-30", responsible: "박PM" }
  },
  
  // 캘린더 일정
  schedule: [
    {
      date: "2024-09-20",
      type: "외주출고",
      title: "도장 작업 출고",
      memo: "A구역 파이프 20본, B구역 밸브 5개\n업체: 대한도장\n연락처: 010-1234-5678",
      responsible: "김구매"
    },
    {
      date: "2024-09-22",
      type: "검사일정", 
      title: "압력시험",
      memo: "시험압력: 15bar, 30분간 유지\n검사자: 최품질, 이생산",
      responsible: "최품질"
    }
  ],
  
  // 입고 예정 품목
  expectedDeliveries: [
    { item: "파이프 4인치", qty: 50, supplier: "대한파이프", orderDate: "2024-09-01", expectedDate: "2024-09-10", status: "입고완료" },
    { item: "밸브 2인치", qty: 10, supplier: "코리아밸브", orderDate: "2024-09-05", expectedDate: "2024-09-16", status: "정상" },
    { item: "엘보 4인치", qty: 20, supplier: "피팅코리아", orderDate: "2024-09-08", expectedDate: "2024-09-12", actualDate: "2024-09-18", status: "지연" }
  ],
  
  // Follow-up 리스트
  followUps: [
    {
      id: 1,
      priority: "긴급",
      title: "밸브 A 납기 지연 대응",
      description: "주 공급업체 생산 지연으로 대체 업체 검토 필요",
      responsible: "김구매",
      registeredDate: "2024-09-10",
      expectedResolution: "2024-09-17",
      status: "진행중"
    },
    {
      id: 2, 
      priority: "높음",
      title: "용접 검사 일정 조정",
      description: "고객사 일정 변경으로 검사일 재조정 필요",
      responsible: "최품질",
      registeredDate: "2024-09-12",
      expectedResolution: "2024-09-20",
      status: "검토중"
    }
  ]
};

📝 데일리 체크 (별도 페이지)

참고: 데일리 체크는 별도 기능으로 분리 예정

• 문제 발생 즉시 기록:
  1. 즉시 해결: 문제 → 책임 → 해결자 → 사진자료 → 완료처리
  2. 지연 해결: 문제 기록 → Follow-up 등록 → 해결책 강구 → 해결 완료
• 생산회의록과 연동: 미해결 문제는 Follow-up 리스트에 자동 반영

---

3. 📦 입고 검수 & 보관 관리

🎯 시연 포인트

• 발주 정보 연동을 통한 입고 예정 품목 자동 표시
• 구매 담당자 중심의 검수 → 보관 → 인수인계 프로세스

📱 구현 내용

📋 발주 연동 입고 대시보드 (상단)

• 발주 정보 자동 연동:
  • 프로젝트별 발주 품목 자동 가져오기
  • 발주번호, 품목명, 수량, 공급업체, 발주일
  • 예정 입고일, 담당 구매자
• 입고 상태 추적:
  • 🟢 입고완료: 검수 및 보관 완료
  • 🟡 입고대기: 오늘 입고 예정
  • 🔵 검수중: 입고됨, 검수 진행중
  • 🟠 보관대기: 검수완료, 위치 지정 필요
  • 🔴 지연: 예정일 초과

🔍 입고 검수 프로세스 (중앙)

• 1단계: 입고 확인
  • 발주 품목 리스트에서 입고된 품목 선택
  • 납품서, 검사성적서 등 서류 확인
  • 운송 상태 및 포장 상태 체크
• 2단계: 검수 진행
  • 수량 검수: 발주 수량 vs 입고 수량 대조
  • 외관 검사: 손상, 변형, 오염 여부 확인
  • 규격 검사: 도면 사양 vs 실제 규격 대조
  • 사진 촬영: 검수 과정 및 결과 기록
• 3단계: 검수 결과 처리
  • ✅ 합격: 보관 단계로 진행
  • ❌ 불합격: NCR 발행, 공급업체 연락
  • 📝 조건부 합격: 경미한 결함, 사용 가능 판정

📍 보관 위치 관리 (하단)

• 창고 구역 선택 (지도는 추후 구현):
  • A구역 (파이프류), B구역 (밸브류), C구역 (피팅류), D구역 (기타)
  • 각 구역별 가용 공간 및 적재 현황 표시
• 세부 위치 지정:
  • 구역 → 선반번호 → 세부 위치 (상/중/하단)
  • QR코드 또는 바코드 생성하여 라벨 출력
• 보관 완료 처리:
  • 위치 정보 시스템 등록
  • 자동 생산팀 알림 (인수 가능 상태)
  • 재고 관리 시스템 업데이트

🔄 인수인계 관리

• 생산팀 인수 요청:
  • 프로젝트별 필요 자재 검색
  • 보관 위치 정보 제공
  • 인수 수량 입력 및 확인
• 상태 변경 추적:
  • 🟢 보관중: 창고 보관 상태
  • 🔵 인수완료: 생산팀 인수 완료
  • 🟡 부분인수: 일부만 인수된 상태
  • 🔴 불출: 최종 사용 완료

💡 하드코딩 데이터

const incomingManagement = {
  // 발주 연동 데이터
  purchaseOrders: [
    {
      poNumber: "PO-2024-0156",
      project: "TK-2024-015",
      item: "스테인리스 파이프 4인치 SCH40",
      qty: 50,
      unit: "EA",
      supplier: "대한파이프",
      orderDate: "2024-09-01",
      expectedDate: "2024-09-15",
      buyer: "김구매",
      status: "입고대기"
    },
    {
      poNumber: "PO-2024-0157", 
      project: "TK-2024-015",
      item: "게이트밸브 2인치 150LB",
      qty: 10,
      unit: "EA", 
      supplier: "코리아밸브",
      orderDate: "2024-09-05",
      expectedDate: "2024-09-16",
      buyer: "김구매",
      status: "검수중"
    }
  ],
  
  // 검수 체크리스트
  inspectionChecklist: {
    "파이프": ["수량확인", "길이측정", "두께측정", "표면상태", "마킹확인"],
    "밸브": ["수량확인", "압력등급", "재질확인", "작동테스트", "성적서확인"],
    "피팅": ["수량확인", "나사규격", "재질확인", "표면처리", "치수확인"]
  },
  
  // 창고 구역 정보
  warehouseZones: [
    { 
      id: "A", 
      name: "파이프류", 
      capacity: 100, 
      current: 75, 
      shelves: ["A-1", "A-2", "A-3", "A-4", "A-5"] 
    },
    { 
      id: "B", 
      name: "밸브류", 
      capacity: 80, 
      current: 45, 
      shelves: ["B-1", "B-2", "B-3", "B-4"] 
    }
  ],
  
  // 인수인계 현황
  handoverStatus: [
    {
      item: "파이프 4인치",
      totalQty: 50,
      storedQty: 50,
      handedQty: 30,
      remainingQty: 20,
      location: "A-3-상단",
      project: "TK-2024-015",
      status: "부분인수"
    }
  ]
};

🎯 구매 담당자 업무 플로우

발주 완료 → 입고 예정 모니터링 → 입고 확인 → 검수 진행 → 
보관 위치 지정 → 생산팀 알림 → 인수인계 → 상태 업데이트

---

4. 🔧 생산팀 작업 관리 (그룹장용 TK-FB 통합)

🎯 시연 포인트

• 그룹장 중심의 일일 작업 현황 관리
• 자재 확인 및 요청 기능 통합

📱 구현 내용

📝 일일 작업 현황 입력 (TK-FB 스타일)

• 그룹별 작업 현황:
  • 그룹명, 작업 인원, 담당 그룹장
  • 오늘 작업 프로젝트 (Job No. 선택)
  • 주요 작업 내용 (드롭다운 + 자유 입력)
• 작업 진행 상황:
  • 작업 시작/종료 시간
  • 진행률 (%) 및 완료 예정일
  • 작업 난이도 (쉬움/보통/어려움)
• 이슈 및 문제점:
  • 자재 부족, 도면 문제, 품질 이슈, 안전사고 등
  • 문제 발생 시간, 해결 방법, 담당자
  • 사진 첨부 및 상세 설명
  • 긴급도 설정 (낮음/보통/높음/긴급)

📦 자재 확인 기능

• 프로젝트별 자재 현황 조회:
  • Job No. 입력 → BOM 리스트 자동 로드
  • 필요 자재 목록 전체 표시
  • 각 자재별 현재 상태 확인
• 자재 상태 실시간 확인:
  • 🟢 사용가능: 창고 보관 중, 인수 가능
  • 🔵 인수완료: 생산팀에서 보유 중
  • 🟡 입고완료: 창고 보관, 아직 미인수
  • 🟠 발주중: 구매 진행 중, 입고 대기
  • 🔴 구매요청: 설계팀에서 구매 요청 단계
  • ⚫ 미요청: 아직 구매 요청 안됨
• 자재 위치 및 상세 정보:
  • 있는 경우: 창고 구역 및 선반 위치 (A-3-상단), 보관 수량
  • 없는 경우: 현재 진행 단계 (구매요청/발주중/입고예정일)
  • 마지막 업데이트 시간

🔍 자재 부족시 대응

• 단순 확인 기능:
  • 자재 유무 및 상태만 확인
  • 위치 정보 및 수량 확인
  • 구매 진행 상황 확인
• 데일리 체크 연동:
  • 부족한 자재 발견시 → 데일리 체크에 이슈 등록
  • "엘보 4인치 부족으로 작업 지연" 등 기록
  • 설계팀/구매팀에 정보 전달용 (직접 요청 X)
• 자재 인수 처리:
  • 창고 보관 자재 인수시 수량 입력
  • QR코드 스캔으로 빠른 처리
  • 인수 확인 → 자동 상태 업데이트

💡 하드코딩 데이터

const productionTeamWork = {
  date: "2024-09-14",
  groupLeader: "김그룹장",
  group: "용접팀",
  
  // 일일 작업 현황
  dailyWork: {
    project: "TK-2024-015",
    projectName: "ABC 공장 배관공사",
    workers: 5,
    workContent: "메인 라인 파이프 용접",
    startTime: "08:00",
    endTime: "17:30",
    progress: 75,
    difficulty: "보통",
    expectedCompletion: "2024-09-20"
  },
  
  // 이슈 사항
  issues: [
    {
      time: "14:30",
      type: "자재부족",
      description: "엘보 4인치 10EA 부족으로 작업 중단",
      urgency: "높음",
      solution: "구매팀에 긴급 요청, 대체재 검토",
      responsible: "김그룹장",
      photos: ["issue_001.jpg"]
    },
    {
      time: "10:15", 
      type: "품질이슈",
      description: "용접부 기공 발견, 재작업 필요",
      urgency: "보통",
      solution: "해당 부위 그라인딩 후 재용접",
      responsible: "이용접사",
      photos: ["quality_001.jpg"]
    }
  ],
  
  // 자재 현황 (확인만 가능)
  materialStatus: [
    {
      item: "파이프 4인치 SCH40",
      required: 50,
      status: "사용가능",
      location: "A-3-상단",
      availableQty: 45,
      lastUpdate: "2024-09-14 09:00"
    },
    {
      item: "엘보 4인치 150LB", 
      required: 20,
      status: "발주중",
      currentStage: "구매 진행 중",
      expectedDate: "2024-09-18",
      availableQty: 0
    },
    {
      item: "플랜지 4인치 150LB",
      required: 15,
      status: "미요청",
      currentStage: "설계팀 구매 요청 대기",
      availableQty: 0,
      note: "설계 변경으로 사양 확정 대기"
    },
    {
      item: "밸브 2인치 150LB",
      required: 5,
      status: "입고완료",
      location: "B-2-중단",
      availableQty: 5,
      note: "인수 대기 중"
    }
  ]
};

🎯 그룹장 업무 플로우

출근 → 일일계획 확인 → 자재 현황 체크 → 작업 시작 → 
진행상황 입력 → 이슈 발생시 즉시 기록 → 데일리 체크 등록 → 
작업 완료 → 일일 보고서 작성

⚠️ 중요: 생산팀은 자재 요청을 하지 않고, 단순히 확인 후 데일리 체크에 기록만 함

---

5. 🔍 품질 관리 & 검사 시스템

🎯 시연 포인트

• 전 공정 품질 검사 및 적합성 판정
• 타 부서와의 실시간 연동 시스템

📱 구현 내용

📊 검사 대시보드

• 프로젝트별 검사 일정:
  • 금주/금일 검사 예정 항목
  • 검사 유형별 분류 (입고, 공정, 최종)
• 검사 대기 품목 목록:
  • 우선순위별 정렬
  • 검사 소요 예상 시간
• 적합/부적합 현황 통계:
  • 일별/주별/월별 통계
  • 부적합률 트렌드 분석

✅ 검사 처리 시스템

• 검사 항목 체크리스트:
  • 품목별 맞춤형 체크리스트
  • 필수/선택 항목 구분
• 증빙 자료 관리:
  • 사진/문서 첨부
  • 측정값 입력 (치수, 압력 등)
• 판정 및 처리:
  • 적합/부적합 판정
  • 부적합시 NCR 자동 생성
  • 재검사 일정 자동 등록

🔗 타 부서 연동 시스템

• 🏭 생산회의록 연동:
  • 실시간 품질 상태 표시
  • 부적합 항목 우선 표시
• 📋 출하전 보고서 연동:
  • 최종 품질 승인 여부
  • 미완료 검사 항목 차단
  • 대표 승인 전 필수 확인

💡 품질 시스템 아이디어 (향후 확장)

검사 유형별 템플릿

• 📏 치수 검사: 도면 대비 실측값 입력
• 🔬 재질 검사: 성분 분석 결과 첨부
• 💪 압력 테스트: 시험 압력/시간 기록
• 👁️ 외관 검사: 사진 첨부 + 결함 표시

자동화 기능

• 📊 통계 분석: 부적합률, 주요 결함 유형
• 🔔 알림 시스템: 검사 일정, 부적합 발생시 즉시 알림
• 📈 트렌드 분석: 공급업체별, 품목별 품질 추이

💡 하드코딩 데이터

const qualityData = {
  inspections: [
    {
      project: "TK-2024-015",
      item: "게이트밸브 2인치",
      type: "입고검사",
      scheduled: "2024-09-14 14:00",
      status: "대기중",
      checklist: ["외관검사", "치수확인", "압력테스트"]
    }
  ],
  statistics: {
    daily: { total: 15, passed: 14, failed: 1 },
    weekly: { total: 89, passed: 85, failed: 4 },
    passRate: 95.5
  }
};

---

🎪 통합 시연 시나리오

🎬 시나리오: "ABC 공장 배관공사 프로젝트"

Scene 0: 프로젝트 선택 (기능 0)

1. TK Project 메인 화면 진입
   • 중앙에 큰 "TK Project" 타이틀 표시
   • "프로젝트를 선택하여 관리를 시작하세요" 안내
2. 프로젝트 선택
   • HTML Select 박스 클릭
   • "ABC 공장 배관공사 (TK-2024-015)" 선택
3. 액션 버튼 표시
   • 🏭 생산회의록, 📦 입고 검수, 🔧 생산팀 작업 버튼 나타남
   • 선택된 프로젝트 정보 세션 스토리지에 저장
4. 워크플로우 시작
   • 원하는 기능 버튼 클릭하여 해당 페이지로 이동
   • 선택된 프로젝트 컨텍스트 유지

Scene 1: 프로젝트 등록 (기능 1)

1단계: 프로젝트 생성 및 승인

1. 영업팀에서 새 프로젝트 "ABC 공장 배관공사" 등록
2. Job No. TK-2024-015 자동 생성
3. 납기일 2024-03-30, 납품방식 "현장납품" 설정
4. 자체제작 선택, 각 팀 담당자 배정
5. ✅ 기본정보 입력 완료 = 프로젝트 승인 완료 (프로젝트 시작)

2단계: 세부 사양 입력 (프로젝트 진행 중 지속적 업데이트)

1. 킥오프 미팅 결과 입력 (2024-01-20)
   • 참석자: 김영업, 이PM, 박설계, 최고객
   • 주요 결정: 압력등급 150LB, 재질 SS316L 변경
2. 기술 사양서 입력
   • 설계기준: ASME B31.3
   • 사용압력: 10 bar, 온도: 80°C
   • 유체: 화학용매, 특수요구: 내식성 강화
3. 품질 요구사항 설정
   • 필수검사: 압력시험, 재질분석, 용접검사
   • 고객 입회검사 필요
4. 리스크 분석 완료 → 정보 업데이트 (납품까지 지속적 관리)

Scene 2: 생산회의 (기능 2)

1. 프로젝트 관리 화면에서 🏭 생산회의록 버튼 클릭 → 생산회의록 화면 진입
2. 공정표 확인 (상단)
   • 설계: 100% 완료 ✅
   • 구매: 85% 진행중 🟡
   • 제작: 60% 진행중 🟡
   • 검사: 대기 ⏸️
3. 캘린더 일정 확인 (중앙)
   • 9/20: 도장 외주 출고 예정
   • 9/22: 압력시험 일정
   • 클릭하여 상세 메모 확인 (업체 연락처, 시험 조건 등)
4. 입고 예정 품목 (우측)
   • ✅ 파이프 4인치: 입고완료
   • 🟡 밸브 2인치: 9/16 입고예정 (D-2)
   • 🔴 엘보 4인치: 지연 (9/12 → 9/18)
5. Follow-up 리스트 (하단)
   • 🔴 긴급: 밸브 A 납기 지연 대응 (김구매 담당)
   • 🟡 높음: 용접 검사 일정 조정 (최품질 담당)

Scene 3: 입고 검수 & 보관 (기능 3)

1. 발주 연동 대시보드 확인
   • PO-2024-0156: 파이프 4인치 (입고대기 → 검수중)
   • PO-2024-0157: 게이트밸브 2인치 (검수중)
2. 입고 확인 및 검수 진행
   • 스테인리스 파이프 4인치 입고 확인
   • 납품서 및 성적서 확인
   • 검수 체크리스트 진행: 수량(50EA) ✅, 길이측정 ✅, 두께측정 ✅
   • 사진 촬영 및 검수 결과: 합격 ✅
3. 보관 위치 지정
   • A구역(파이프류) 선택 → A-3 선반 → 상단 위치
   • QR코드 라벨 출력 및 부착
   • 시스템에 위치 정보 등록
4. 생산팀 알림 및 인수인계 준비
   • 자동 생산팀 알림: "파이프 4인치 50EA 보관 완료"
   • 인수 가능 상태로 변경

Scene 4: 품질 검사 (기능 5)

1. 입고된 "게이트밸브 2인치" 검사 진행
2. 체크리스트 완료: 외관검사 ✅, 치수확인 ✅, 압력테스트 ✅
3. "적합" 판정 → 자동으로 생산회의록에 반영

Scene 5: 생산팀 작업 관리 (기능 4)

1. 김그룹장 로그인 → 용접팀 일일 작업 관리 화면
2. 일일 작업 현황 입력
   • 프로젝트: TK-2024-015 (ABC 공장 배관공사)
   • 작업 내용: 메인 라인 파이프 용접
   • 작업 인원: 5명, 진행률: 75%
   • 예상 완료일: 2024-09-20
3. 자재 현황 확인 (확인만 가능)
   • Job No. 입력 → BOM 리스트 자동 로드
   • 🟢 파이프 4인치: 사용가능 (A-3-상단, 45EA)
   • 🟠 엘보 4인치: 발주중 (구매 진행 중, 입고예정 9/18)
   • ⚫ 플랜지 4인치: 미요청 (설계팀 구매 요청 대기)
   • 🟡 밸브 2인치: 입고완료 (B-2-중단, 인수 대기)
4. 자재 부족 확인 및 기록
   • 엘보 4인치 부족 확인 → 작업 지연 예상
   • 데일리 체크에 이슈 등록: "엘보 4인치 부족으로 작업 지연"
   • 사진 첨부 및 상황 설명 (직접 요청하지 않음)
5. 가용 자재 인수 처리
   • 밸브 2인치 창고에서 인수 (B-2-중단)
   • QR코드 스캔으로 빠른 처리
   • 인수 완료 → 상태 자동 업데이트

---

🚀 기대 효과

👥 각 부서별 혜택

• 영업/PM: 프로젝트 전체 현황 실시간 파악
• 구매팀: 발주 현황 및 입고 일정 통합 관리
• 생산팀: 자재 추적 및 작업 일정 최적화
• 품질팀: 체계적인 검사 관리 및 이력 추적
• 경영진: 프로젝트별 진행 현황 및 문제점 즉시 파악

💡 핵심 가치

1. 통합 관리: 수주부터 납품까지 원스톱 시스템
2. 실시간 현황: 언제든 프로젝트 상태 확인 가능
3. 자동화: 반복 업무 최소화 및 휴먼 에러 방지
4. 데이터 축적: 문제 발생 이력을 통한 지속적 개선
5. 의사소통: 부서간 정보 공유 및 협업 강화

---

📋 개발 우선순위

Phase 1: 기본 기능 (시연용)

• 프로젝트 관리 (워크플로우 시작점)
• 프로젝트 등록 시스템
• 생산회의록 대시보드
• 입고 관리 시스템
• 생산팀 작업 관리
• 품질 검사 시스템

Phase 2: 고도화

• 실제 DB 연동
• 사용자 권한 관리
• 모바일 앱 개발
• API 연동 (ERP, 회계 시스템)

Phase 3: 확장

• AI 기반 일정 예측
• IoT 센서 연동
• 고급 분석 및 리포팅
• 외부 업체 포털

---

본 문서는 TK Project 시연회를 위한 핵심 기능 정의서입니다. 실제 개발시에는 각 부서의 상세 요구사항을 추가로 수집하여 반영할 예정입니다.