262 lines
14 KiB
HTML
262 lines
14 KiB
HTML
<!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8">
|
||
<title>Playbook 3 Phases — POC · MVP · Enterprise</title>
|
||
<style>
|
||
*{box-sizing:border-box;margin:0;padding:0}
|
||
body{font-family:-apple-system,Segoe UI,sans-serif;background:#0a0e1a;color:#e2e8f0;padding:20px;line-height:1.6}
|
||
.hd{background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);padding:24px;border-radius:12px;margin-bottom:24px}
|
||
.hd h1{font-size:26px;color:white;margin-bottom:6px}
|
||
.hd .sub{color:rgba(255,255,255,.85);font-size:13px}
|
||
.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
|
||
.ph{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:18px}
|
||
.ph.poc{border-left:4px solid #10b981}
|
||
.ph.mvp{border-left:4px solid #f59e0b}
|
||
.ph.ent{border-left:4px solid #c96442}
|
||
.ph h2{font-size:18px;margin-bottom:8px}
|
||
.ph .duration{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}
|
||
.ph h3{font-size:13px;color:#c96442;margin:12px 0 6px;text-transform:uppercase;letter-spacing:1px}
|
||
.ph ul{list-style:none;padding:0}
|
||
.ph li{padding:4px 0;font-size:12px;color:#cbd5e1;padding-left:16px;position:relative}
|
||
.ph li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}
|
||
.ph .price{background:#0a0e1a;padding:10px;border-radius:6px;font-size:12px;margin-top:12px;text-align:center;border:1px solid #1e293b}
|
||
.ph .price .v{font-size:22px;font-weight:700;color:#c96442;font-family:JetBrains Mono,monospace}
|
||
.timeline{background:#111827;border-radius:10px;padding:20px;margin-bottom:20px;border:1px solid #1e293b}
|
||
.timeline h2{font-size:16px;margin-bottom:14px;color:#c96442}
|
||
.tl-row{display:grid;grid-template-columns:80px 120px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #1e293b;font-size:12px}
|
||
.tl-row:last-child{border-bottom:none}
|
||
.tl-week{font-weight:700;color:#3b82f6;font-family:JetBrains Mono,monospace}
|
||
.tl-phase{color:#10b981;font-weight:600;font-size:11px}
|
||
.tl-phase.mvp{color:#f59e0b}
|
||
.tl-phase.ent{color:#c96442}
|
||
.tl-act{color:#cbd5e1}
|
||
.kits{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-bottom:20px}
|
||
.kit{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:16px}
|
||
.kit h3{font-size:14px;margin-bottom:10px;color:#c96442}
|
||
.kit code{background:#0a0e1a;padding:2px 6px;border-radius:3px;font-size:11px;color:#60a5fa}
|
||
.note{background:#1e293b;padding:14px;border-radius:8px;font-size:12px;color:#94a3b8;border-left:3px solid #3b82f6}
|
||
.success-metrics{background:#0a0e1a;padding:12px;border-radius:8px;margin-top:12px;border-left:3px solid #10b981;font-size:11px}
|
||
.success-metrics b{color:#10b981;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}
|
||
|
||
/* === OPUS RESPONSIVE FIX v2 19avr — append-only, doctrine #14 === */
|
||
@media(max-width: 480px) {
|
||
html, body { overflow-x: hidden !important; max-width: 100vw; }
|
||
body, main, section, article { word-break: break-word; overflow-wrap: anywhere; }
|
||
img, video, iframe, canvas, svg, table, pre, code { max-width: 100% !important; }
|
||
pre, code { white-space: pre-wrap; word-break: break-all; }
|
||
table { display: block; overflow-x: auto; }
|
||
.container, [class*="container"], [class*="wrapper"] { max-width: 100vw !important; padding-left: 12px !important; padding-right: 12px !important; }
|
||
[class*="grid"], [class*="-grid"] { grid-template-columns: 1fr !important; gap: 10px !important; }
|
||
[class*="kpi"], [class*="stats"], [class*="-cards"] { grid-template-columns: 1fr !important; }
|
||
header, nav, footer { flex-wrap: wrap !important; }
|
||
header > *, nav > *, footer > * { max-width: 100%; }
|
||
h1 { font-size: 22px !important; word-break: break-word; }
|
||
h2 { font-size: 18px !important; }
|
||
.pitch, [class*="pitch"], [class*="hero"] { word-break: break-word; overflow-wrap: anywhere; }
|
||
}
|
||
/* === OPUS RESPONSIVE FIX v2 END === */
|
||
</style></head><body>
|
||
<div class="hd"><h1>📘 Playbook 3 Phases — POC · MVP · Enterprise</h1><div class="sub">Méthodologie déploiement WEVIA Enterprise Model · Doctrine 80 · Kit livrables industrialisé</div></div>
|
||
|
||
<div class="phases">
|
||
<div class="ph poc">
|
||
<div class="duration">Phase 1 — POC (2 semaines)</div>
|
||
<h2>🚀 Proof of Concept</h2>
|
||
<h3>Objectif</h3>
|
||
<p style="font-size:12px;color:#cbd5e1">Démontrer la valeur WEVIA EM sur 1 Value Stream (VSM) d'un seul département, avec 5 agents et KPIs live. Zéro engagement long terme.</p>
|
||
<h3>Livrables</h3>
|
||
<ul>
|
||
<li>Cartographie 1 VSM SIPOC dept ciblé</li>
|
||
<li>5 agents IA configurés</li>
|
||
<li>Dashboard KPI live (3-5 métriques)</li>
|
||
<li>Intégration 1 source données</li>
|
||
<li>Formation équipe 2h</li>
|
||
<li>Rapport exécutif PDF</li>
|
||
</ul>
|
||
<h3>Inclus</h3>
|
||
<ul>
|
||
<li>WEVIA Master chat (accès 15 jours)</li>
|
||
<li>Connecteurs standards (CRM, email, Drive)</li>
|
||
<li>1 workflow n8n automation</li>
|
||
<li>Support Slack/email</li>
|
||
</ul>
|
||
<div class="price"><div class="v">GRATUIT</div><div style="font-size:10px;color:#94a3b8">POC sans engagement</div></div>
|
||
<div class="success-metrics"><b>Critères succès</b>Au moins 20% gain temps sur le process ciblé · KPIs live opérationnels · Utilisateurs actifs > 3</div>
|
||
</div>
|
||
|
||
<div class="ph mvp">
|
||
<div class="duration">Phase 2 — MVP (1 mois)</div>
|
||
<h2>🏗️ Minimum Viable Product</h2>
|
||
<h3>Objectif</h3>
|
||
<p style="font-size:12px;color:#cbd5e1">Déployer 3-5 Value Streams, Brain Center connecté, KPIs live par département, workflows n8n et BPMN. Production-ready sur un périmètre métier.</p>
|
||
<h3>Livrables</h3>
|
||
<ul>
|
||
<li>3-5 VSMs cartographiés</li>
|
||
<li>30-50 agents IA configurés</li>
|
||
<li>Brain Center UI packagée</li>
|
||
<li>KPI dashboard multi-depts</li>
|
||
<li>5 workflows n8n production</li>
|
||
<li>SSO Authentik installé</li>
|
||
<li>DMAIC tracker actif</li>
|
||
<li>Formation 2 sessions (admin + users)</li>
|
||
<li>Doc déploiement personnalisée</li>
|
||
</ul>
|
||
<h3>Inclus</h3>
|
||
<ul>
|
||
<li>WEVIA Master chat dédié</li>
|
||
<li>10 connecteurs</li>
|
||
<li>RAG Qdrant KB privée</li>
|
||
<li>Support hypercare 2 sem post-go-live</li>
|
||
</ul>
|
||
<div class="price"><div class="v">25K€</div><div style="font-size:10px;color:#94a3b8">Fixed-fee · 4 sprints</div></div>
|
||
<div class="success-metrics"><b>Critères succès</b>50% process dept automatisés · 3 KPIs business +20% · Adoption > 70% users dept · NPS > 8</div>
|
||
</div>
|
||
|
||
<div class="ph ent">
|
||
<div class="duration">Phase 3 — Enterprise (2-3 mois)</div>
|
||
<h2>🏛️ Full Enterprise Stack</h2>
|
||
<h3>Objectif</h3>
|
||
<p style="font-size:12px;color:#cbd5e1">Déploiement complet 15 départements, 930 agents, SOA 6 couches, BPMN orchestration, VSM continu Lean 6σ, gouvernance. Transformation digitale totale.</p>
|
||
<h3>Livrables</h3>
|
||
<ul>
|
||
<li>15 VSMs complets cartographiés</li>
|
||
<li>930 agents IA actifs (registry)</li>
|
||
<li>Architecture SOA 6 couches</li>
|
||
<li>BPMN Studio + 103 routines</li>
|
||
<li>VSM continu + DMAIC continu</li>
|
||
<li>Brain Center multi-tenant</li>
|
||
<li>KPIs live temps réel (50+)</li>
|
||
<li>2484 skills opérationnels</li>
|
||
<li>Gouvernance 6σ dashboard</li>
|
||
<li>Training continu équipes</li>
|
||
<li>Roadmap 18 mois</li>
|
||
</ul>
|
||
<h3>Inclus</h3>
|
||
<ul>
|
||
<li>WEVIA Master privé</li>
|
||
<li>20+ connecteurs premium</li>
|
||
<li>Fine-tuning modèle domaine</li>
|
||
<li>Support 24/7 + SLA</li>
|
||
<li>Roadmap R&D continue</li>
|
||
</ul>
|
||
<div class="price"><div class="v">150K€+</div><div style="font-size:10px;color:#94a3b8">Annuel · custom scope</div></div>
|
||
<div class="success-metrics"><b>Critères succès</b>6σ DPMO < 3.4 · 80% automatisation processus · ROI > 300% an 2 · Adoption full org</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline"><h2>📅 Timeline type POC → MVP → Enterprise</h2>
|
||
<div class="tl-row"><div class="tl-week">S1-2</div><div class="tl-phase">POC</div><div class="tl-act">Kickoff · VSM cartographie · 5 agents déployés · dashboard live · rapport</div></div>
|
||
<div class="tl-row"><div class="tl-week">S3</div><div class="tl-phase">POC→MVP</div><div class="tl-act">Review POC · décision MVP · signature contrat</div></div>
|
||
<div class="tl-row"><div class="tl-week">S4-5</div><div class="tl-phase mvp">MVP Sprint 1</div><div class="tl-act">3-5 VSMs · Brain Center · SSO · RAG KB</div></div>
|
||
<div class="tl-row"><div class="tl-week">S6-7</div><div class="tl-phase mvp">MVP Sprint 2</div><div class="tl-act">30-50 agents · 5 workflows n8n · DMAIC tracker</div></div>
|
||
<div class="tl-row"><div class="tl-week">S8</div><div class="tl-phase mvp">MVP Go-Live</div><div class="tl-act">Formation · recette · production · hypercare</div></div>
|
||
<div class="tl-row"><div class="tl-week">S9-12</div><div class="tl-phase ent">Enterprise M1</div><div class="tl-act">Extension 15 depts · VSM complets · 930 agents deployment</div></div>
|
||
<div class="tl-row"><div class="tl-week">S13-16</div><div class="tl-phase ent">Enterprise M2</div><div class="tl-act">SOA 6 layers · BPMN 103 routines · VSM continu Lean 6σ</div></div>
|
||
<div class="tl-row"><div class="tl-week">S17-20</div><div class="tl-phase ent">Enterprise M3</div><div class="tl-act">Gouvernance 6σ · fine-tune modèle · multi-tenant · go-live full</div></div>
|
||
</div>
|
||
|
||
<div class="kits">
|
||
<div class="kit">
|
||
<h3>🧰 Kit POC (gratuit)</h3>
|
||
<ul>
|
||
<li>Checklist pré-requis : accès data, KPI targets, équipe pilote</li>
|
||
<li>Template VSM SIPOC (vsm-15depts-NEW.html)</li>
|
||
<li>Dashboard KPI bootstrap (kpi-live-dashboard.html)</li>
|
||
<li>Script déploiement <code>wevia-em-poc-deploy.sh</code></li>
|
||
<li>Accès WEVIA Master limité (<code>wevia-master.html</code>)</li>
|
||
<li>Template rapport exécutif <code>.docx</code></li>
|
||
</ul>
|
||
</div>
|
||
<div class="kit">
|
||
<h3>📦 Kit MVP (25K€)</h3>
|
||
<ul>
|
||
<li>Full POC + extensions</li>
|
||
<li>Brain Center packagé (<code>brain-center-tenant.html</code>)</li>
|
||
<li>BPMN Studio (<code>bpmn-studio-NEW.html</code>)</li>
|
||
<li>SSO Authentik config kit</li>
|
||
<li>10 connecteurs n8n pré-config</li>
|
||
<li>Qdrant KB template 7 catégories</li>
|
||
<li>Playbooks déploiement par dept</li>
|
||
<li>Formation 2 sessions incluses</li>
|
||
</ul>
|
||
</div>
|
||
<div class="kit">
|
||
<h3>🏢 Kit Enterprise (150K€+)</h3>
|
||
<ul>
|
||
<li>Full MVP + extensions</li>
|
||
<li>Architecture SOA 6 couches (<code>architecture-live.html</code>)</li>
|
||
<li>103 routines catalog (<code>routines-catalog.html</code>)</li>
|
||
<li>Multi-tenant deployable</li>
|
||
<li>Fine-tune LoRA domaine client</li>
|
||
<li>24/7 support + SLA 99.9%</li>
|
||
<li>Roadmap R&D 18 mois</li>
|
||
<li>Dedicated CSM</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="note">📌 <strong>Playbook V34 architect Doctrine 80</strong> — Kit POC/MVP/Enterprise industrialisé pour déploiement WEVIA EM clients. WEVAL Consulting offre gratuit POC, puis facturation fixed-fee MVP, puis contrat annuel Enterprise. Zero lock-in · 0€ providers · Souverain.</div>
|
||
|
||
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
|
||
<script>
|
||
(function(){
|
||
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
|
||
var d = document;
|
||
var m = d.createElement('div');
|
||
m.id = 'opus-udrill';
|
||
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
|
||
var inner = d.createElement('div');
|
||
inner.id = 'opus-udrill-in';
|
||
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
|
||
inner.addEventListener('click', function(e){ e.stopPropagation(); });
|
||
m.appendChild(inner);
|
||
m.addEventListener('click', function(){ m.style.display='none'; });
|
||
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
|
||
(d.body || d.documentElement).appendChild(m);
|
||
|
||
function openCard(card) {
|
||
// Clone card content + show close btn + increase font-size
|
||
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
|
||
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
|
||
inner.innerHTML = html;
|
||
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
|
||
m.style.display = 'flex';
|
||
}
|
||
|
||
function wire(root) {
|
||
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
|
||
var cards = root.querySelectorAll(sels);
|
||
for (var i = 0; i < cards.length; i++) {
|
||
var c = cards[i];
|
||
if (c.__opusWired) continue;
|
||
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
|
||
var r = c.getBoundingClientRect();
|
||
if (r.width < 60 || r.height < 40) continue;
|
||
c.__opusWired = true;
|
||
c.style.cursor = 'pointer';
|
||
c.setAttribute('role','button');
|
||
c.setAttribute('tabindex','0');
|
||
c.addEventListener('click', function(ev){
|
||
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
|
||
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
|
||
if (ev.target.closest('a,button,input,select')) return;
|
||
ev.preventDefault(); ev.stopPropagation();
|
||
openCard(this);
|
||
});
|
||
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
|
||
}
|
||
}
|
||
|
||
// Initial + mutation observer
|
||
var initRun = function(){ wire(d.body || d.documentElement); };
|
||
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
|
||
else initRun();
|
||
var mo = new MutationObserver(function(muts){
|
||
var newCard = false;
|
||
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
|
||
if (newCard) initRun();
|
||
});
|
||
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
|
||
})();
|
||
</script>
|
||
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
|
||
|
||
</body></html> |