Fiabilité équipement : KPI pour savoir sur quelles machines compter vraiment

:root{ --primary:#1652f0; --accent:#f97316; --bg:#f7faff; --text:#102a56; --muted:#5a6b8a; --field:#f0f5ff; --fieldBorder:#d4e0ff; --panelBorder:#e0e6f6; --radius:24px; } *{box-sizing:border-box} body{margin:0; font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif; color:var(--text); background:var(--bg)} .wrap{max-width:880px; margin:36px auto; padding:0 16px} /* Carte */ .card{background:#fff; border:1px solid var(--panelBorder); border-radius:var(--radius); box-shadow:0 8px 24px rgba(0,0,0,0.06); padding:28px; position:relative} /* Consigne */ .subhead{font-size:14px; color:var(--muted); margin:0 0 18px; text-align:center} /* Grille champs */ .row{display:grid; grid-template-columns:1fr 1fr; gap:12px} @media (max-width:640px){ .row{grid-template-columns:1fr} } /* Champs */ label{font-size:12px; color:var(--muted); display:block; margin:8px 0 6px} input, select{ width:100%; background:var(--field); color:var(--text); border:1px solid var(--fieldBorder); border-radius:18px; padding:14px 16px; outline:none; font-size:16px; transition:border-color .15s, box-shadow .15s, background .15s; -webkit-appearance: menulist; appearance: auto; } input:focus, select:focus{border-color:var(--primary); box-shadow:0 0 0 4px rgba(22,82,240,.15); background:#fff} /* Interstice plus généreux entre valeur et sélecteur d’unités */ .hint{margin-top:10px} /* Zone action + résultat -> PLEINE LARGEUR */ .actgrid{ display:grid; grid-template-columns:1fr; gap:14px; align-items:stretch; margin-top:16px; } /* Bouton Calculer full width */ .btn-calc{ width:100%; display:flex; align-items:center; justify-content:center; background:var(--primary); color:#fff; border:none; border-radius:20px; font-weight:800; font-size:18px; padding:18px; cursor:pointer; transition:background .2s ease, transform .02s; } .btn-calc:hover{ background:var(--accent) } .btn-calc:active{ transform:translateY(1px) } /* Résultat full width, dessous */ .result{ width:100%; display:flex; align-items:center; justify-content:center; border:2px dashed #cfe0ff; border-radius:20px; padding:18px; background:transparent; min-height:64px; } .big{font-size:28px; font-weight:900; letter-spacing:.2px; color:var(--accent)} /* Explication (orange) */ .explain{margin-top:12px; font-size:13px; line-height:1.45; color:var(--accent); font-weight:700} .error{color:#dc2626; font-weight:700; margin-top:8px} /* CTA En savoir plus */ a.btn{margin-top:14px; display:block; width:100%; text-align:center; text-decoration:none; background:#fff; color:var(--primary); padding:16px 18px; border-radius:20px; font-weight:700; font-size:16px; border:1px solid var(--primary); transition:background .2s ease} a.btn:hover{ background:#f1f6ff } /* Brand + logos (light/dark) */ .brand{display:block; text-align:center; margin-top:18px; color:var(--text); font-size:15px; font-weight:600} .brand-logo{ display:block; margin:8px auto 0; max-width:120px; height:auto; opacity:.9; } .brand-logo.dark-mode{ display:none; } /* Toggle dark – bas gauche */ .toggle-wrap{display:flex; justify-content:flex-start; margin-top:10px} .calc-switch{ position:relative; display:inline-block; width:50px; height:28px } .calc-switch input{ position:absolute; opacity:0; width:0; height:0; } .calc-knob{ position:absolute; inset:0; background:#cfd6e6; border-radius:28px; transition:.3s } .calc-knob:before{ content:""; position:absolute; height:22px; width:22px; left:3px; bottom:3px; background:#fff; border-radius:50%; transition:.3s } .calc-switch input:checked + .calc-knob{ background:var(--primary) } .calc-switch input:checked + .calc-knob:before{ transform:translateX(22px) } /* Dark mode */ .card.dark{ background:#0d1117; border:1px solid #2c313a; color:#e6edf3 } .card.dark .subhead{ color:#9aa7b3 } .card.dark input, .card.dark select{ background:#0f1621; border:1px solid #30363d; color:#e6edf3 } .card.dark input:focus, .card.dark select:focus{ box-shadow:0 0 0 4px rgba(31,111,235,.25); background:#111a26 } .card.dark .result{ border-color:#3a475a; background:transparent } .card.dark .explain{ color:#f59b4a } .card.dark .btn-calc{ background:#1f6feb } .card.dark a.btn{ background:transparent; color:#9abaff; border-color:#1f6feb } .card.dark a.btn:hover{ background:#131b27 } .card.dark .brand{ color:#8b949e } .card.dark .brand-logo.light-mode{ display:none } .card.dark .brand-logo.dark-mode{ display:block } .card.dark .calc-knob{ background:#30363d } .card.dark .calc-switch input:checked + .calc-knob{ background:#1f6feb } /* Limite inline */ .limit{ display:none; align-items:center; justify-content:center; text-align:center; background:#fff7ed; border:1px solid #fed7aa; color:#9a3412; border-radius:16px; padding:16px; margin-top:12px } .card.dark .limit{ background:#2a1909; border-color:#a4551d; color:#fbbf24 } @media (max-width:760px){ .wrap{margin:22px auto} .card{padding:20px} } document.addEventListener('DOMContentLoaded', function(){ const $ = id => document.getElementById(id); const nf2 = new Intl.NumberFormat('fr-FR', { maximumFractionDigits: 2 }); const nz = n => { n = Number(n); return isFinite(n) ? n : 0 }; const safeDiv = (a,b) => { a=nz(a); b=nz(b); return b===0? NaN : a/b }; function fmt(val, unit){ if(!isFinite(val)) return '—'; switch(unit){ case '%': return (val*100).toFixed(2).replace('.',',') + ' %'; case 'h': return nf2.format(val) + ' h'; case 'min':return nf2.format(val) + ' min'; case 'd': return nf2.format(val) + ' j'; case 'cur':return nf2.format(val) + ' €'; case 'x': return nf2.format(val) + ' x'; default: return nf2.format(val); } } function hoursFrom(v, unit){ if(unit==='h') return nz(v); if(unit==='min') return nz(v)/60; if(unit==='d') return nz(v)*24; return nz(v); } /* === KPIs (liste filtrée) === */ const KPIS = [ { key:'availability', label:'Taux de disponibilité', cta:'le taux de disponibilité', url:'https://altair-enterprise.fr/fonctionnalites/gmao/taux-de-disponibilite/', desc:'Part du temps où un équipement reste opérationnel pour produire.', ctx:'Utile pour visualiser l’impact réel des pannes et réparations sur la capacité.', unit:'%', unit_display:'', inputs:[ {id:'mtbf', label:'MTBF', unitSel:true, unitDefault:'h'}, {id:'mttr', label:'MTTR', unitSel:true, unitDefault:'h'} ], formula:(v)=>{ const mtbf=hoursFrom(v.mtbf.value,v.mtbf.unit); const mttr=hoursFrom(v.mttr.value,v.mttr.unit); return safeDiv(mtbf, mtbf+mttr); }, human:'MTBF / (MTBF + MTTR)' }, { key:'mtbf', label:'MTBF', cta:'le MTBF', url:'https://altair-enterprise.fr/fonctionnalites/gmao/mtbf-kpi-guide-complet/', desc:'Temps moyen entre deux pannes successives.', ctx:'Permet d’estimer la fiabilité intrinsèque d’un équipement sur une période.', unit:'h', unit_display:'', inputs:[ {id:'operating', label:'Temps de fonctionnement', unitSel:true, unitDefault:'h'}, {id:'failures', label:'Nombre de pannes'} ], formula:(v)=> safeDiv(hoursFrom(v.operating.value,v.operating.unit), v.failures.value), human:'Temps de fonctionnement / Nombre de pannes' }, { key:'mttr', label:'MTTR', cta:'le MTTR', url:'https://altair-enterprise.fr/fonctionnalites/gmao/mttr-kpi-guide-complet/', desc:'Temps moyen nécessaire pour réparer une panne.', ctx:'Indique la rapidité de remise en service et l’efficacité des équipes.', unit:'h', unit_display:'', inputs:[ {id:'repair', label:'Temps cumulé de réparation', unitSel:true, unitDefault:'h'}, {id:'failures', label:'Nombre de pannes'} ], formula:(v)=> safeDiv(hoursFrom(v.repair.value,v.repair.unit), v.failures.value), human:'Temps de réparation cumulé / Nombre de pannes' }, { key:'avg_intervention', label:"MTTA", cta:'le temps moyen d’intervention (MTTA)', url:'https://altair-enterprise.fr/fonctionnalites/gmao/mtta-kpi-guide-complet/', desc:'Temps moyen entre la détection et la prise en compte.', ctx:'Montre la réactivité des équipes et la fluidité d’alerte.', unit:'h', unit_display:'', inputs:[ {id:'detect', label:'Détection (total)', unitSel:true, unitDefault:'h'}, {id:'notify', label:'Notification (total)', unitSel:true, unitDefault:'h'}, {id:'takein', label:'Prise en compte (total)', unitSel:true, unitDefault:'h'}, {id:'count', label:"Nombre d'interventions"} ], formula:(v)=> safeDiv(hoursFrom(v.detect.value,v.detect.unit)+hoursFrom(v.notify.value,v.notify.unit)+hoursFrom(v.takein.value,v.takein.unit), v.count.value), human:"(Détection + Notification + Prise en compte) / Nb d’interventions" }, { key:'failure_rate', label:'Taux de pannes', cta:'le taux de pannes', url:'https://altair-enterprise.fr/fonctionnalites/gmao/taux-de-pannes/', desc:'Fréquence des pannes rapportée au temps de marche.', ctx:'Aide à dimensionner les stocks de pièces et les ressources d’intervention.', unit:'custom', unit_display:' pannes/h', inputs:[ {id:'failures', label:'Nombre de pannes'}, {id:'operating', label:'Temps de fonctionnement', unitSel:true, unitDefault:'h'} ], formula:(v)=> safeDiv(v.failures.value, hoursFrom(v.operating.value,v.operating.unit)), human:'Pannes / Heures de fonctionnement' }, { key:'reliability', label:'Fiabilité équipement', cta:'la fiabilité équipement', url:'https://altair-enterprise.fr/fonctionnalites/gmao/fiabilite-equipement/', desc:'Probabilité qu’un équipement fonctionne sans défaillance pendant t.', ctx:'Utile pour prévoir les risques de rupture et ajuster la maintenance préventive.', unit:'%', unit_display:'', inputs:[ {id:'t', label:'Durée t', unitSel:true, unitDefault:'h'}, {id:'mtbf', label:'MTBF', unitSel:true, unitDefault:'h'} ], formula:(v)=>{ const t=hoursFrom(v.t.value,v.t.unit); const mtbf=hoursFrom(v.mtbf.value,v.mtbf.unit); if(mtbf<=0) return NaN; return Math.exp(-t/mtbf); }, human:'R(t) = exp(- t / MTBF)' }, { key:'cost_per_unit', label:'Coût de maintenance par unité', cta:'le coût de maintenance par unité', url:'https://altair-enterprise.fr/fonctionnalites/gmao/cout-de-maintenance/', desc:'Coûts de maintenance rapportés au volume produit.', ctx:'Permet de comparer les sites, lignes ou périodes sur une base homogène.', unit:'cur', unit_display:' / unité', inputs:[ {id:'direct', label:'Coûts directs (€)'}, {id:'indirect', label:'Coûts indirects (€)'}, {id:'hidden', label:'Coûts cachés (€)'}, {id:'units', label:'Unités produites'} ], formula:(v)=> safeDiv(v.direct.value + v.indirect.value + v.hidden.value, v.units.value), human:'(Directs + Indirects + Cachés) / Unités produites' }, { key:'roi', label:'ROI maintenance', cta:'le ROI maintenance', url:'https://altair-enterprise.fr/fonctionnalites/gmao/roi-maintenance/', desc:'Retour sur investissement des actions de maintenance.', ctx:'Aide à prioriser les projets et défendre les budgets.', unit:'%', unit_display:'', inputs:[ {id:'benefits', label:'Gains générés (€)'}, {id:'costs', label:'Coût de la maintenance (€)'} ], formula:(v)=> safeDiv(v.benefits.value - v.costs.value, v.costs.value), human:'(Gains - Coûts) / Coûts' }, { key:'downtime_cost', label:'Coût d’indisponibilité', cta:'le coût d’indisponibilité', url:'https://altair-enterprise.fr/fonctionnalites/gmao/cout-dindisponibilite/', desc:'Impact financier global d’un arrêt non planifié.', ctx:'Intègre pertes de production, charges fixes et frais additionnels.', unit:'cur', unit_display:'', inputs:[ {id:'capacity', label:'Capacité horaire (unités/h)'}, {id:'ppu', label:'Prix de vente unitaire (€)'}, {id:'downtime', label:'Temps d’arrêt', unitSel:true, unitDefault:'h'}, {id:'fixed', label:'Charges fixes horaires (€/h)'}, {id:'overtime', label:'Heures supplémentaires (€)'}, {id:'subc', label:'Sous-traitance urgence (€)'}, {id:'express', label:'Transport express (€)'}, {id:'penalties', label:'Pénalités (€)'} ], formula:(v)=>{ const t=hoursFrom(v.downtime.value,v.downtime.unit); const lossProd=v.capacity.value*v.ppu.value*t; const fixedAbs=v.fixed.value*t; const additionals=v.overtime.value+v.subc.value+v.express.value; return lossProd + fixedAbs + additionals + v.penalties.value; }, human:'(Capacité×Prix×t) + (Fixes×t) + Additionnels + Pénalités' }, { key:'oee', label:'TRS (OEE)', cta:'le TRS (OEE)', url:'https://altair-enterprise.fr/fonctionnalites/gmao/trs-taux-de-rendement-synthetique/', desc:'Taux de rendement synthétique : disponibilité × performance × qualité.', ctx:'Indicateur clé pour piloter une ligne de production au quotidien.', unit:'%', unit_display:'', inputs:[ {id:'avail', label:'Disponibilité (%)'}, {id:'perf', label:'Performance (%)'}, {id:'qual', label:'Qualité (%)'} ], formula:(v)=> (nz(v.avail.value)/100)*(nz(v.perf.value)/100)*(nz(v.qual.value)/100), human:'Disponibilité × Performance × Qualité' }, { key:'pm_rate', label:'Taux de réalisation préventif', cta:'le taux de réalisation préventif', url:'https://altair-enterprise.fr/fonctionnalites/gmao/suivi-planning-preventif/', desc:'Part des interventions préventives réalisées dans les délais.', ctx:'Mesure la rigueur d’exécution du plan et son effet sur les pannes.', unit:'%', unit_display:'', inputs:[ {id:'done', label:'Préventifs réalisés'}, {id:'planned', label:'Préventifs planifiés'} ], formula:(v)=> safeDiv(v.done.value, v.planned.value), human:'Réalisés / Planifiés' }, { key:'efficiency', label:'Efficacité maintenance', cta:"l’efficacité maintenance", url:'https://altair-enterprise.fr/fonctionnalites/gmao/efficacite-maintenance/', desc:'Part du temps productif dans le temps disponible.', ctx:'Aide à identifier gaspillages et opportunités d’amélioration.', unit:'%', unit_display:'', inputs:[ {id:'prod', label:'Temps productif', unitSel:true, unitDefault:'h'}, {id:'total', label:'Temps total disponible', unitSel:true, unitDefault:'h'} ], formula:(v)=> safeDiv(hoursFrom(v.prod.value,v.prod.unit), hoursFrom(v.total.value,v.total.unit)), human:'Temps productif / Temps total disponible' }, { key:'stock_rotation', label:'Rotation des stocks', cta:'la rotation des stocks', url:'https://altair-enterprise.fr/fonctionnalites/gmao/rotation-des-stock/', desc:'Fréquence de renouvellement des pièces détachées.', ctx:'Utile pour optimiser le BFR et éviter ruptures/obsolescence.', unit:'x', unit_display:' / an', inputs:[ {id:'cogs', label:'Consommation pièces (COGS) / an'}, {id:'avgInv', label:'Valeur moyenne de stock'} ], formula:(v)=> safeDiv(v.cogs.value, v.avgInv.value), human:'COGS / Stock moyen' } ]; const kpiSelect = $('kpi'); KPIS.forEach(k=>{ const o=document.createElement('option'); o.value=k.key; o.textContent=k.label; kpiSelect.appendChild(o); }); function renderInputs(k){ const holder = $('inputs'); holder.innerHTML=''; const grid = document.createElement('div'); grid.className='row'; k.inputs.forEach(f=>{ const wrap = document.createElement('div'); const id = `f_${f.id}`; const unitId = `u_${f.id}`; wrap.innerHTML = ` ${f.label} `; grid.appendChild(wrap); }); holder.appendChild(grid); } function collectValues(k){ const vals={}; k.inputs.forEach(f=>{ const el = document.getElementById(`f_${f.id}`); const u = document.getElementById(`u_${f.id}`); vals[f.id] = { value: Number(el?.value || '') }; if(f.unitSel) vals[f.id].unit = u?.value || 'h'; }); return vals; } function validate(k){ const missing = []; k.inputs.forEach(f=>{ const el = document.getElementById(`f_${f.id}`); if(!el || el.value.trim()===''){ missing.push(f.label); } }); if(missing.length){ $('error').style.display='block'; $('error').textContent = `Veuillez renseigner : ${missing.join(', ')}.`; return false; } $('error').style.display='none'; return true; } function updateExplain(k){ $('explain').textContent = `${k.desc} ${k.ctx} Formule : ${k.human}.`; const cta = $('learn'); cta.textContent = `En savoir plus sur ${k.cta}`; cta.href = k.url; } function compute(){ const k = KPIS.find(x=>x.key===kpiSelect.value); if(!k) return; if(!validate(k)) return; const vals = collectValues(k); const res = k.formula(vals); let outText='—'; if(isFinite(res)){ if(k.key==='failure_rate'){ const rounded = Math.ceil(res*1000)/1000; outText = rounded.toFixed(3).replace('.', ',') + (k.unit_display||''); } else if(k.unit==='custom'){ outText = nf2.format(res) + (k.unit_display||''); } else { outText = fmt(res, k.unit) + (k.unit_display||''); } } $('resValue').textContent = outText; } function init(){ const first = KPIS[0]; kpiSelect.value = first.key; renderInputs(first); updateExplain(first); } kpiSelect.addEventListener('change', ()=>{ const k=KPIS.find(x=>x.key===kpiSelect.value); renderInputs(k); $('resValue').textContent='—'; updateExplain(k); }); /* compteur 10 */ const LIMIT = 10; let count = parseInt(localStorage.getItem('altair_calc_count') || '0', 10); function bumpCount(){ count += 1; localStorage.setItem('altair_calc_count', String(count)); if(count>=LIMIT) showLimit(); } function limitReached(){ return count >= LIMIT; } function showLimit(){ $('limit').style.display='flex'; } $('calc').addEventListener('click', ()=>{ if(limitReached()) { showLimit(); return; } compute(); bumpCount(); }); /* Dark mode */ const toggle = $('toggle-dark'); const cardEl = $('card'); const pref = localStorage.getItem('altair_calc_theme'); if(pref==='dark'){ cardEl.classList.add('dark'); toggle.checked = true; } toggle.addEventListener('change', (e)=>{ cardEl.classList.toggle('dark', e.target.checked); localStorage.setItem('altair_calc_theme', e.target.checked ? 'dark' : 'light'); }); init(); });