8d9c2bd5c3
- presentation.html에 워크플로우 단계별 링크 추가 - 워크플로우 상세 페이지들의 뒤로가기 버튼을 presentation.html로 연결 - workflow-stage-1.html에 표준 스펙 관리 시스템 및 외주 vs 자체제작 결정 시스템 추가 - workflow-stage-4.html에 프로젝트 일정 캘린더 추가 (8월 자재 입고 일정 포함) - 워크플로우 페이지 스크롤 문제 해결 (CSS 수정) - 캘린더 테이블 기반으로 재구성하여 정확한 달력 형태 구현
316 lines
18 KiB
HTML
316 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>1단계: 준비 단계 - TK Project</title>
|
|
<link rel="stylesheet" href="styles/main.css">
|
|
<link rel="stylesheet" href="styles/devonthink.css">
|
|
</head>
|
|
<body class="workflow-page">
|
|
<div class="workflow-detail-page">
|
|
<div class="page-header">
|
|
<a href="../presentation.html" class="btn-back">← 프레젠테이션으로 돌아가기</a>
|
|
<h1>🚀 1단계: 준비 단계</h1>
|
|
<p class="page-description">프로젝트 등록 및 각 부서별 업무 분기 단계</p>
|
|
</div>
|
|
|
|
<div class="workflow-detail-container">
|
|
<div class="detail-section">
|
|
<h3>📋 프로젝트 등록 (간소화)</h3>
|
|
<div class="simple-note">
|
|
<p>✅ <strong>Job No. 부여 및 기본 정보 등록</strong> - 별도 시스템에서 처리</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="detail-section">
|
|
<h3>📐 표준 스펙 관리 시스템</h3>
|
|
<p class="section-description"><strong>핵심 개념:</strong> 회사 표준 스펙을 기반으로 프로젝트별 맞춤 스펙을 효율적으로 관리</p>
|
|
|
|
<div class="concept-explanation">
|
|
<div class="concept-step">
|
|
<h4>🏢 1단계: 회사 표준 스펙 활용</h4>
|
|
<div class="concept-content">
|
|
<p><strong>목적:</strong> 매번 새로 작성하지 않고 검증된 표준 스펙을 재사용</p>
|
|
<ul class="concept-list">
|
|
<li><strong>배관 표준 스펙:</strong> 파이프, 밸브, 피팅 표준 사양</li>
|
|
<li><strong>용접 표준 스펙:</strong> 용접 절차, 검사 기준</li>
|
|
<li><strong>도장 표준 스펙:</strong> 표면처리, 도장 사양</li>
|
|
</ul>
|
|
<div class="benefit-note">
|
|
💡 <strong>효과:</strong> 스펙 작성 시간 80% 단축, 품질 일관성 확보
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="concept-step">
|
|
<h4>🎯 2단계: 고객 요구사항 반영</h4>
|
|
<div class="concept-content">
|
|
<p><strong>목적:</strong> 표준 스펙에서 고객사별 특수 요구사항만 추가/변경</p>
|
|
<div class="example-box">
|
|
<h5>📋 변경 예시 (ABC 공장 프로젝트)</h5>
|
|
<ul class="example-list">
|
|
<li><strong>파이프 재질:</strong> STS304 → STS316L (고온 환경 대응)</li>
|
|
<li><strong>밸브 압력 등급:</strong> 150LB → 300LB (운전 압력 상승)</li>
|
|
<li><strong>도장 색상:</strong> 표준 회색 → 고객사 지정 파란색</li>
|
|
</ul>
|
|
</div>
|
|
<div class="benefit-note">
|
|
💡 <strong>효과:</strong> 변경사항만 관리하여 실수 방지, 이력 추적 가능
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="concept-step">
|
|
<h4>📁 3단계: 문서 통합 관리</h4>
|
|
<div class="concept-content">
|
|
<p><strong>목적:</strong> 고객사 원본 문서와 우리 스펙을 통합하여 최종 스펙서 생성</p>
|
|
<div class="process-flow">
|
|
<div class="flow-item">📤 고객사 PDF 업로드</div>
|
|
<div class="flow-arrow">→</div>
|
|
<div class="flow-item">📋 표준 스펙 적용</div>
|
|
<div class="flow-arrow">→</div>
|
|
<div class="flow-item">✏️ 변경사항 추가</div>
|
|
<div class="flow-arrow">→</div>
|
|
<div class="flow-item">📄 최종 스펙서 생성</div>
|
|
</div>
|
|
<div class="benefit-note">
|
|
💡 <strong>효과:</strong> 모든 관련 문서가 하나로 통합, 다운로드/공유 간편
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="key-benefits">
|
|
<h4>🎯 핵심 가치</h4>
|
|
<div class="benefits-grid">
|
|
<div class="benefit-item">
|
|
<div class="benefit-icon">⚡</div>
|
|
<div class="benefit-content">
|
|
<h5>효율성 극대화</h5>
|
|
<p>표준 스펙 재사용으로 작성 시간 대폭 단축</p>
|
|
</div>
|
|
</div>
|
|
<div class="benefit-item">
|
|
<div class="benefit-icon">🎯</div>
|
|
<div class="benefit-content">
|
|
<h5>품질 일관성</h5>
|
|
<p>검증된 표준을 기반으로 한 안정적 품질</p>
|
|
</div>
|
|
</div>
|
|
<div class="benefit-item">
|
|
<div class="benefit-icon">📋</div>
|
|
<div class="benefit-content">
|
|
<h5>변경 이력 관리</h5>
|
|
<p>모든 변경사항과 사유를 체계적으로 기록</p>
|
|
</div>
|
|
</div>
|
|
<div class="benefit-item">
|
|
<div class="benefit-icon">🔗</div>
|
|
<div class="benefit-content">
|
|
<h5>문서 통합</h5>
|
|
<p>분산된 문서들을 하나의 최종 스펙서로 통합</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="detail-section">
|
|
<h3>🏭 외주 vs 자체제작 결정 시스템</h3>
|
|
<p class="section-description"><strong>핵심 개념:</strong> 프로젝트 특성과 회사 역량을 분석하여 최적의 제작 방식 결정</p>
|
|
|
|
<div class="decision-process">
|
|
<div class="decision-step">
|
|
<h4>📊 1단계: 프로젝트 분석</h4>
|
|
<div class="analysis-content">
|
|
<div class="analysis-factors">
|
|
<div class="factor-group">
|
|
<h5>🎯 기술적 요소</h5>
|
|
<ul class="factor-list">
|
|
<li><strong>기술 난이도:</strong> 고난이도 → 외주, 표준 사양 → 자체제작</li>
|
|
<li><strong>특수 공법:</strong> 특수 용접, 도금 등 → 외주 전문업체</li>
|
|
<li><strong>품질 요구사항:</strong> 초고압, 특수재질 → 외주</li>
|
|
</ul>
|
|
</div>
|
|
<div class="factor-group">
|
|
<h5>⏰ 일정적 요소</h5>
|
|
<ul class="factor-list">
|
|
<li><strong>납기 여유:</strong> 촉박한 납기 → 외주 (병렬 진행)</li>
|
|
<li><strong>생산팀 일정:</strong> 포화 상태 → 외주</li>
|
|
<li><strong>긴급도:</strong> 긴급 프로젝트 → 외주</li>
|
|
</ul>
|
|
</div>
|
|
<div class="factor-group">
|
|
<h5>💰 경제적 요소</h5>
|
|
<ul class="factor-list">
|
|
<li><strong>물량 규모:</strong> 대량 → 자체제작, 소량 → 외주</li>
|
|
<li><strong>수익성:</strong> 고수익 → 자체제작</li>
|
|
<li><strong>자재비 비중:</strong> 높은 자재비 → 자체제작</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="decision-step">
|
|
<h4>⚖️ 2단계: 의사결정 매트릭스</h4>
|
|
<div class="decision-matrix">
|
|
<div class="matrix-example">
|
|
<h5>📋 ABC 공장 배관공사 예시</h5>
|
|
<div class="matrix-table">
|
|
<div class="matrix-row header">
|
|
<div class="matrix-cell">평가 항목</div>
|
|
<div class="matrix-cell">가중치</div>
|
|
<div class="matrix-cell">외주</div>
|
|
<div class="matrix-cell">자체제작</div>
|
|
<div class="matrix-cell">결과</div>
|
|
</div>
|
|
<div class="matrix-row">
|
|
<div class="matrix-cell">기술 난이도</div>
|
|
<div class="matrix-cell">30%</div>
|
|
<div class="matrix-cell score-high">8점</div>
|
|
<div class="matrix-cell score-medium">6점</div>
|
|
<div class="matrix-cell">외주 우세</div>
|
|
</div>
|
|
<div class="matrix-row">
|
|
<div class="matrix-cell">납기 여유</div>
|
|
<div class="matrix-cell">25%</div>
|
|
<div class="matrix-cell score-medium">6점</div>
|
|
<div class="matrix-cell score-high">8점</div>
|
|
<div class="matrix-cell">자체 우세</div>
|
|
</div>
|
|
<div class="matrix-row">
|
|
<div class="matrix-cell">비용 효율성</div>
|
|
<div class="matrix-cell">25%</div>
|
|
<div class="matrix-cell score-medium">5점</div>
|
|
<div class="matrix-cell score-high">9점</div>
|
|
<div class="matrix-cell">자체 우세</div>
|
|
</div>
|
|
<div class="matrix-row">
|
|
<div class="matrix-cell">품질 관리</div>
|
|
<div class="matrix-cell">20%</div>
|
|
<div class="matrix-cell score-high">7점</div>
|
|
<div class="matrix-cell score-high">8점</div>
|
|
<div class="matrix-cell">자체 우세</div>
|
|
</div>
|
|
<div class="matrix-row total">
|
|
<div class="matrix-cell"><strong>총점</strong></div>
|
|
<div class="matrix-cell">100%</div>
|
|
<div class="matrix-cell"><strong>6.5점</strong></div>
|
|
<div class="matrix-cell"><strong>7.8점</strong></div>
|
|
<div class="matrix-cell result-selected"><strong>자체제작 선택</strong></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="decision-step">
|
|
<h4>📝 3단계: 결정 사항 문서화</h4>
|
|
<div class="decision-documentation">
|
|
<div class="decision-result">
|
|
<div class="result-box selected">
|
|
<div class="result-header">
|
|
<span class="result-icon">🏭</span>
|
|
<h5>최종 결정: 자체제작</h5>
|
|
</div>
|
|
<div class="result-details">
|
|
<p><strong>결정 근거:</strong></p>
|
|
<ul>
|
|
<li>표준 배관 사양으로 기술적 난이도 적정</li>
|
|
<li>충분한 납기 여유 (8주)</li>
|
|
<li>대량 물량으로 자체제작 시 원가 절감 효과 큼</li>
|
|
<li>생산팀 일정 여유 있음</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="alternative-option">
|
|
<h5>🏢 외주 시 고려사항</h5>
|
|
<ul class="alternative-list">
|
|
<li><strong>추천 업체:</strong> 대한배관, 코리아파이프 (기존 협력업체)</li>
|
|
<li><strong>예상 비용:</strong> 자체제작 대비 15% 증가</li>
|
|
<li><strong>납기:</strong> 6주 (2주 단축 가능)</li>
|
|
<li><strong>품질 리스크:</strong> 중간 (업체 품질 관리 필요)</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="decision-impact">
|
|
<h4>🎯 결정에 따른 후속 조치</h4>
|
|
<div class="impact-comparison">
|
|
<div class="impact-item">
|
|
<div class="impact-header">
|
|
<span class="impact-icon">🏭</span>
|
|
<h5>자체제작 선택 시</h5>
|
|
</div>
|
|
<div class="impact-actions">
|
|
<ul class="action-list">
|
|
<li><strong>설계팀:</strong> 상세 도면 작성 및 BOM 생성</li>
|
|
<li><strong>구매팀:</strong> 자재 구매 신청 및 발주</li>
|
|
<li><strong>생산팀:</strong> 제작 일정 수립 및 인력 배치</li>
|
|
<li><strong>품질팀:</strong> 공정별 검사 계획 수립</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="impact-item">
|
|
<div class="impact-header">
|
|
<span class="impact-icon">🏢</span>
|
|
<h5>외주 선택 시</h5>
|
|
</div>
|
|
<div class="impact-actions">
|
|
<ul class="action-list">
|
|
<li><strong>설계팀:</strong> 외주용 도면 패키지 준비</li>
|
|
<li><strong>구매팀:</strong> 외주업체 견적 및 발주</li>
|
|
<li><strong>생산팀:</strong> 일정 여유 확보, 다른 프로젝트 집중</li>
|
|
<li><strong>품질팀:</strong> 외주업체 품질 관리 계획</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="detail-section">
|
|
<h3>🏗️ 업무 분기 및 일정 수립</h3>
|
|
<p>등록된 정보와 확정된 일정을 토대로 각 부서별 업무 분기:</p>
|
|
|
|
<div class="department-grid">
|
|
<div class="department-card">
|
|
<h4>🏗️ 설계팀</h4>
|
|
<ul>
|
|
<li>도면 일정 수립</li>
|
|
</ul>
|
|
</div>
|
|
<div class="department-card">
|
|
<h4>🔍 품질팀</h4>
|
|
<ul>
|
|
<li>검사 포인트 확인 및 일정 수립</li>
|
|
<li>ITP 작성</li>
|
|
</ul>
|
|
</div>
|
|
<div class="department-card">
|
|
<h4>🛒 구매/물류팀</h4>
|
|
<ul>
|
|
<li>외주 제작 일정 시작과 끝 입력</li>
|
|
<li>항목별 소요 일수 산정 (필요시 견적 진행)</li>
|
|
</ul>
|
|
</div>
|
|
<div class="department-card">
|
|
<h4>🏭 생산팀</h4>
|
|
<ul>
|
|
<li>납기일 확인 후 제작일정 수립</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|