- 워크플로우 개요 페이지에 플로우차트 형태 추가 (3x2 그리드) - 각 워크플로우 단계별 독립 HTML 페이지 생성 (1-4단계) - 클릭 가능한 워크플로우 박스와 상세 페이지 연결 - DevonThink 스타일 적용 및 반응형 디자인 - 구매/물류팀 용어 통일 및 프레젠테이션 업데이트
73 lines
3.0 KiB
HTML
73 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>4단계: 생산회의 - 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>🏢 4단계: 생산회의</h1>
|
|
<p class="page-description">프로젝트 진행 현황 통합 관리</p>
|
|
</div>
|
|
|
|
<div class="workflow-detail-container">
|
|
<div class="detail-section">
|
|
<h3>📊 생산회의 주요 기능</h3>
|
|
<div class="meeting-features">
|
|
<div class="feature-card">
|
|
<h4>공정표 표시 개선</h4>
|
|
<p>제작전, 제작중 모든 공정에 대한 현황을 한눈에 확인</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h4>프로젝트 발주현황 확인</h4>
|
|
<p>관련 프로젝트의 발주 상태를 실시간으로 파악</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h4>데일리체크 통합</h4>
|
|
<p>일일 작업 현황 및 이슈사항 종합 관리</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="detail-section">
|
|
<h3>🎯 회의 목적</h3>
|
|
<ul class="purpose-list">
|
|
<li>전체 프로젝트 진행 상황 점검</li>
|
|
<li>부서간 협업 이슈 해결</li>
|
|
<li>일정 지연 요소 사전 파악</li>
|
|
<li>자재 수급 현황 확인</li>
|
|
<li>품질 이슈 공유 및 대응</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="detail-section">
|
|
<h3>📋 회의 구성 요소</h3>
|
|
<div class="meeting-components">
|
|
<div class="component-item">
|
|
<h4>📈 공정 진행률</h4>
|
|
<p>각 프로젝트별 공정 완료 현황</p>
|
|
</div>
|
|
<div class="component-item">
|
|
<h4>📦 자재 현황</h4>
|
|
<p>입고 예정, 검수 완료, 불출 대기 자재 현황</p>
|
|
</div>
|
|
<div class="component-item">
|
|
<h4>⚠️ 이슈 사항</h4>
|
|
<p>데일리체크에서 올라온 문제점 및 해결 방안</p>
|
|
</div>
|
|
<div class="component-item">
|
|
<h4>📅 일정 조정</h4>
|
|
<p>지연 요소에 따른 일정 재조정</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|