spc-simulator/dmaic.html

339 lines
12 KiB
HTML
Raw Permalink Normal View History

2026-07-18 11:28:25 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DMAIC Framework | Brian Beaulieu</title>
<link rel="stylesheet" href="style.css">
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header class="dmaic-hero">
<div class="overlay"></div>
<div class="hero-content">
<nav class="breadcrumb">
<a href="index.html">← Home</a>
</nav>
<h1>DMAIC:<br><span class="highlight">Define • Measure • Analyze • Improve • Control</span></h1>
<p class="lead">The Five-Phase Protocol for reducing variance in galactic-scale operations. Grounded in Six Sigma (Q236908).</p>
</div>
</header>
<main class="dmaic-container">
<div class="phase-grid">
<!-- DEFINE -->
<article class="phase-card">
<div class="phase-header">
<span class="phase-number">01</span>
<h2>DEFINE</h2>
</div>
<div class="phase-body">
<p class="objective"><strong>Objective:</strong> Lock down problem scope and success criteria before deploying resources.</p>
<ul class="metrics">
<li><strong>Problem Statement:</strong> One sentence, quantified impact</li>
<li><strong>Voice of Customer (VoC):</strong> Stakeholder requirements mapped to CTQs</li>
<li><strong>Project Charter:</strong> Timeline, team roles, budget envelope</li>
<li><strong>SIPOC Map:</strong> Suppliers → Inputs → Process → Outputs → Customers</li>
</ul>
<blockquote class="citation">
"Without a defined boundary, improvement becomes diffusion." — Global Journal on Quality and Safety in Healthcare (2022)
</blockquote>
</div>
</article>
<!-- MEASURE -->
<article class="phase-card">
<div class="phase-header">
<span class="phase-number">02</span>
<h2>MEASURE</h2>
</div>
<div class="phase-body">
<p class="objective"><strong>Objective:</strong> Establish baseline performance with validated measurement systems.</p>
<ul class="metrics">
<li><strong>Data Collection Plan:</strong> Sampling frequency, stratification, error tolerance</li>
<li><strong>Gage R&R:</strong> Repeatability & Reproducibility validation</li>
<li><strong>Process Capability (Cpk/Ppk):</strong> Current vs. required capability</li>
<li><strong>Baseline Sigma:</strong> Defects per million opportunities (DPMO)</li>
</ul>
<blockquote class="citation">
"Measurement without calibration is decoration."
</blockquote>
</div>
</article>
<!-- ANALYZE -->
<article class="phase-card">
<div class="phase-header">
<span class="phase-number">03</span>
<h2>ANALYZE</h2>
</div>
<div class="phase-body">
<p class="objective"><strong>Objective:</strong> Identify root causes through statistical hypothesis testing.</p>
<ul class="metrics">
<li><strong>Fishbone Diagram:</strong> Structured causal mapping (People, Process, Equipment, Materials, Environment)</li>
<li><strong>Hypothesis Testing:</strong> t-tests, ANOVA, chi-square for significance</li>
<li><strong>Regression Analysis:</strong> Quantify relationship strength between inputs and outputs</li>
<li><strong>Pareto Chart:</strong> 80/20 rule applied to defect categories</li>
</ul>
<blockquote class="citation">
"Correlation is not causation—but neither survives without data."
</blockquote>
</div>
</article>
<!-- IMPROVE -->
<article class="phase-card">
<div class="phase-header">
<span class="phase-number">04</span>
<h2>IMPROVE</h2>
</div>
<div class="phase-body">
<p class="objective"><strong>Objective:</strong> Design and validate solutions that eliminate root causes.</p>
<ul class="metrics">
<li><strong>Design of Experiments (DOE):</strong> Factorial designs for optimal settings</li>
<li><strong>Simulation Modeling:</strong> Monte Carlo runs for risk assessment</li>
<li><strong>Pilot Implementation:</strong> Controlled rollout with A/B comparison</li>
<li><strong>Risk Assessment:</strong> FMEA updated with new failure modes</li>
</ul>
<blockquote class="citation">
"Optimization without validation is speculation."
</blockquote>
</div>
</article>
<!-- CONTROL -->
<article class="phase-card">
<div class="phase-header">
<span class="phase-number">05</span>
<h2>CONTROL</h2>
</div>
<div class="phase-body">
<p class="objective"><strong>Objective:</strong> Institutionalize gains through monitoring and response protocols.</p>
<ul class="metrics">
<li><strong>Control Charts:</strong> X-bar/R, Individuals/Moving Range with UCL/LCL</li>
<li><strong>Standard Work:</strong> Documented procedures locked to process parameters</li>
<li><strong>Response Plans:</strong> Trigger thresholds for corrective action</li>
<li><strong>Handoff Protocol:</strong> Ownership transfer to operations team</li>
</ul>
<blockquote class="citation">
"A process uncontrolled drifts back to mean."
</blockquote>
</div>
</article>
</div>
<section class="application">
<div class="container">
<h2>Galactic Application</h2>
<p>This framework isn't theoretical. It's the backbone of supply chain resilience when shipping lanes stretch across parsecs. Each phase reduces entropy in the system.</p>
<div class="stats-row">
<div class="stat">
<span class="number">3.4</span>
<span class="label">Defects per Million Opportunities</span>
</div>
<div class="stat">
<span class="number">±0.05σ</span>
<span class="label">Target Process Stability</span>
</div>
<div class="stat">
<span class="number">100%</span>
<span class="label">Control Coverage</span>
</div>
</div>
</div>
</section>
</main>
<footer>
<p>&copy; 2026 Brian Beaulieu | DMAIC Framework v1.0</p>
</footer>
</body>
</html>
<style>
/* DMAIC-SPECIFIC STYLES */
.dmaic-hero {
position: relative;
height: 60vh;
display: flex;
align-items: center;
overflow: hidden;
background: radial-gradient(circle at 30% 50%, #1a1a2e 0%, #0a0a0c 70%);
}
.dmaic-hero .overlay {
background: linear-gradient(180deg, rgba(10,10,12,0.9) 0%, rgba(10,10,12,0.7) 100%);
}
.dmaic-hero .hero-content {
max-width: 700px;
padding: 0 2rem;
}
.breadcrumb {
margin-bottom: 2rem;
}
.breadcrumb a {
color: var(--text-muted);
text-decoration: none;
font-size: 0.9rem;
transition: color 0.2s;
}
.breadcrumb a:hover {
color: var(--accent-blue);
}
.dmaic-hero h1 {
font-size: clamp(2rem, 4vw, 3.5rem);
line-height: 1.1;
margin-bottom: 1rem;
}
.dmaic-container {
padding: 4rem 2rem;
background: var(--bg-deep);
}
.phase-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 2rem;
max-width: 1400px;
margin: 0 auto;
}
.phase-card {
background: var(--bg-card);
border: 1px solid var(--border-subtle);
border-radius: 12px;
overflow: hidden;
transition: all 0.3s ease;
}
.phase-card:hover {
border-color: var(--accent-blue);
transform: translateY(-4px);
box-shadow: 0 12px 40px rgba(59,130,246,0.15);
}
.phase-header {
background: linear-gradient(90deg, rgba(59,130,246,0.15) 0%, transparent 100%);
padding: 1.5rem 2rem;
display: flex;
align-items: center;
gap: 1rem;
border-bottom: 1px solid var(--border-subtle);
}
.phase-number {
font-size: 1.5rem;
font-weight: 700;
color: var(--accent-blue);
opacity: 0.8;
}
.phase-header h2 {
font-size: 1.25rem;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.phase-body {
padding: 2rem;
}
.objective {
color: var(--text-primary);
font-size: 1rem;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 1px dashed var(--border-subtle);
}
.metrics {
list-style: none;
margin-bottom: 1.5rem;
}
.metrics li {
padding: 0.5rem 0;
color: var(--text-muted);
font-size: 0.9rem;
display: flex;
align-items: flex-start;
gap: 0.5rem;
}
.metrics li::before {
content: "▸";
color: var(--accent-blue);
font-size: 0.75rem;
margin-top: 0.25rem;
}
.citation {
background: rgba(59,130,246,0.05);
border-left: 3px solid var(--accent-blue);
padding: 1rem;
font-style: italic;
color: var(--text-muted);
font-size: 0.85rem;
line-height: 1.5;
}
.application {
max-width: 900px;
margin: 4rem auto 0;
text-align: center;
}
.application h2 {
font-size: 2rem;
margin-bottom: 1.5rem;
color: var(--accent-blue);
}
.application > p {
color: var(--text-muted);
font-size: 1.1rem;
margin-bottom: 3rem;
line-height: 1.7;
}
.stats-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.stat {
padding: 2rem;
background: var(--bg-card);
border: 1px solid var(--border-subtle);
border-radius: 12px;
}
.stat .number {
display: block;
font-size: 2.5rem;
font-weight: 700;
color: var(--accent-blue);
margin-bottom: 0.5rem;
}
.stat .label {
display: block;
font-size: 0.85rem;
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 0.1em;
}
footer {
margin-top: 4rem;
}
</style>