- 워크플로우 개요 페이지에 플로우차트 형태 추가 (3x2 그리드) - 각 워크플로우 단계별 독립 HTML 페이지 생성 (1-4단계) - 클릭 가능한 워크플로우 박스와 상세 페이지 연결 - DevonThink 스타일 적용 및 반응형 디자인 - 구매/물류팀 용어 통일 및 프레젠테이션 업데이트
83 lines
3.7 KiB
HTML
83 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>3단계: 제작 단계 - TK Project</title>
|
|
<link rel="stylesheet" href="styles/main.css">
|
|
<link rel="stylesheet" href="styles/devonthink.css">
|
|
</head>
|
|
<body>
|
|
<div class="workflow-detail-page">
|
|
<div class="page-header">
|
|
<a href="index.html#workflow-overview" class="btn-back">← 워크플로우로 돌아가기</a>
|
|
<h1>🛠️ 3단계: 제작 단계</h1>
|
|
<p class="page-description">외주 및 자체제작 생산 관리</p>
|
|
</div>
|
|
|
|
<div class="workflow-detail-container">
|
|
<div class="detail-section">
|
|
<h3>🏢 외주의 경우</h3>
|
|
<div class="responsibility-card">
|
|
<h4>담당부서: 구매/물류팀</h4>
|
|
<ul>
|
|
<li>납기, 업체 공정표의 정보 입력 페이지</li>
|
|
<li>품질팀은 해당 입력을 토대로 검사일정 수립</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="ncr-process">
|
|
<h4>📋 NCR 발생시 처리 순서</h4>
|
|
<div class="process-flow">
|
|
<div class="process-step">품질 작성</div>
|
|
<div class="arrow">→</div>
|
|
<div class="process-step">구매/물류팀 전달</div>
|
|
<div class="arrow">→</div>
|
|
<div class="process-step">업체송부</div>
|
|
<div class="arrow">→</div>
|
|
<div class="process-step">구매/물류팀이 업체 답변 수령</div>
|
|
<div class="arrow">→</div>
|
|
<div class="process-step">품질 전달</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="detail-section">
|
|
<h3>🏭 자체제작의 경우</h3>
|
|
<div class="department-responsibilities">
|
|
<div class="responsibility-card">
|
|
<h4>생산팀</h4>
|
|
<ul>
|
|
<li>공정표 이용한 공정관리</li>
|
|
<li>생산회의에 활용</li>
|
|
<li>해당 회의에서 관련 프로젝트 발주현황 확인 가능</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="responsibility-card">
|
|
<h4>구매/물류팀</h4>
|
|
<ul>
|
|
<li>생산팀 자재 인수인계 (자재 상태 변경)</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="detail-section">
|
|
<h3>⚠️ 문제 발생시 대응</h3>
|
|
<div class="problem-handling">
|
|
<h4>작업중 미수령 자재 있을시</h4>
|
|
<p>생산팀에서 검색하기 쉽게 유도 (위치정보 등)</p>
|
|
|
|
<h4>문제 발생시 (자재문제 이외에도 설계미스, 품질미스, 생산미스 전부 포함)</h4>
|
|
<p>종류와 발생 사유등을 쉽게 입력하여 차후 프로젝트에 활용할 수 있도록 설계</p>
|
|
|
|
<h4>데일리체크 개선</h4>
|
|
<p>생산회의 제작전, 제작중 모든 고정에 대한 현황을 알 수 있도록 개선</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|