Files
TK-Project/demo/workflow-stage-1.html
hyungi 65103af5c0 프레젠테이션 슬라이드 개선: 세로 플로우차트로 변경 및 프로세스 최적화
- 외주/자체제작 프로세스를 가로에서 세로 방향으로 변경
- 이모지 제거하여 전문적인 프레젠테이션 스타일 적용
- 화살표 방향을 → 에서 ↓ 로 변경
- 불필요한 견적 요청 문구 제거
- 자체제작 프로세스 최적화: 8단계 → 7단계로 단순화
- 최종 검사를 검수 및 보관 단계에 통합
- 상세한 프로세스 내용 복원 및 가독성 향상
2025-09-16 06:15:19 +09:00

427 lines
22 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?v=2">
<style>
/* 인라인 CSS로 강제 적용 */
.simple-note {
background: linear-gradient(135deg, #e8f5e8 0%, #f0f9ff 100%) !important;
border-left: 4px solid #34A853 !important;
padding: 20px !important;
border-radius: 12px !important;
margin: 20px 0 !important;
box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.15) !important;
}
.concept-step {
background: white !important;
border-radius: 16px !important;
padding: 30px !important;
box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.15) !important;
border: 1px solid #E8EAED !important;
transition: all 0.3s ease !important;
position: relative !important;
overflow: hidden !important;
margin: 25px 0 !important;
}
.concept-step::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 4px !important;
background: linear-gradient(90deg, #4A90E2, #7BB3F0) !important;
}
.concept-step:hover {
transform: translateY(-4px) !important;
box-shadow: 0 4px 6px -1px rgba(60, 64, 67, 0.15) !important;
}
.concept-step h4 {
color: #4A90E2 !important;
font-size: 1.3em !important;
margin-bottom: 20px !important;
}
.concept-list {
list-style: none !important;
padding: 0 !important;
margin: 20px 0 !important;
}
.concept-list li {
background: #F8F9FA !important;
padding: 12px 20px !important;
margin: 8px 0 !important;
border-radius: 8px !important;
border-left: 3px solid #7BB3F0 !important;
transition: all 0.2s ease !important;
}
.concept-list li:hover {
background: #F1F3F4 !important;
transform: translateX(5px) !important;
}
.example-box {
background: linear-gradient(135deg, #fff7ed 0%, #fef3c7 100%) !important;
border: 2px solid #FBBC04 !important;
border-radius: 12px !important;
padding: 20px !important;
margin: 20px 0 !important;
}
.benefit-note {
background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
border: 2px solid #7BB3F0 !important;
border-radius: 10px !important;
padding: 15px 20px !important;
margin-top: 20px !important;
color: #357ABD !important;
font-weight: 500 !important;
}
.key-benefits {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
border-radius: 16px !important;
padding: 30px !important;
margin: 40px 0 !important;
border: 1px solid #E8EAED !important;
}
.benefits-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
gap: 20px !important;
}
.benefit-item {
background: white !important;
border-radius: 12px !important;
padding: 25px !important;
text-align: center !important;
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1) !important;
border: 1px solid #E8EAED !important;
transition: all 0.3s ease !important;
}
.benefit-item:hover {
transform: translateY(-4px) !important;
box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.15) !important;
}
</style>
</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>