103 lines
7.0 KiB
HTML
103 lines
7.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Comparaison WEVIA vs OPUS</title>
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
|
|
<style>
|
|
@page { margin: 0; size: A4; }
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body { font-family: 'Helvetica Neue', Arial, sans-serif; color: #1a1a2e; line-height: 1.6; }
|
|
.cover { height: 297mm; background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #3b82f6 100%); color: #fff; padding: 80px 70px; display: flex; flex-direction: column; justify-content: space-between; page-break-after: always; }
|
|
.cover .brand { font-size: 14px; letter-spacing: 4px; text-transform: uppercase; opacity: 0.9; }
|
|
.cover h1 { font-size: 56px; line-height: 1.1; font-weight: 800; margin: 40px 0 20px; }
|
|
.cover .subt { font-size: 22px; font-weight: 300; opacity: 0.92; max-width: 80%; }
|
|
.cover .meta { font-size: 13px; opacity: 0.85; border-top: 1px solid rgba(255,255,255,0.3); padding-top: 24px; }
|
|
.page { padding: 40px 55px 55px; min-height: 297mm; page-break-after: always; }
|
|
.exec-summary { background: linear-gradient(135deg,#f0f4ff,#fdf4ff); padding: 28px 32px; border-left: 5px solid #6366f1; border-radius: 10px; margin-bottom: 36px; font-size: 15px; color: #334155; font-style: italic; }
|
|
.kpis { display: flex; gap: 16px; margin: 32px 0; }
|
|
.kpi { flex: 1; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 24px 20px; text-align: center; box-shadow: 0 2px 8px rgba(99,102,241,0.08); }
|
|
.kpi-value { font-size: 36px; font-weight: 800; color: #6366f1; margin-bottom: 6px; }
|
|
.kpi-label { font-size: 13px; color: #64748b; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }
|
|
.kpi-trend { font-size: 12px; color: #10b981; font-weight: 600; }
|
|
.chart-wrap { background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 28px; margin: 32px 0; }
|
|
.chart-wrap h3 { font-size: 15px; color: #6b7280; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 1px; }
|
|
canvas { max-height: 320px; }
|
|
.sec { margin-bottom: 32px; break-inside: avoid; }
|
|
.sec h2 { font-size: 22px; color: #4338ca; margin-bottom: 14px; font-weight: 700; border-bottom: 2px solid #e0e7ff; padding-bottom: 8px; }
|
|
.sec p { font-size: 14.5px; color: #334155; margin-bottom: 12px; }
|
|
.sec ul { margin-left: 24px; }
|
|
.sec li { font-size: 14px; color: #475569; margin-bottom: 6px; padding-left: 4px; }
|
|
.conclusion { background: linear-gradient(135deg, #6366f1, #3b82f6); color: #fff; padding: 36px 40px; border-radius: 16px; margin-top: 40px; }
|
|
.conclusion h2 { font-size: 22px; margin-bottom: 14px; }
|
|
.conclusion p { font-size: 15.5px; line-height: 1.65; }
|
|
.footer { position: fixed; bottom: 16mm; left: 55px; right: 55px; font-size: 10px; color: #94a3b8; display: flex; justify-content: space-between; border-top: 1px solid #e2e8f0; padding-top: 10px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- Cover page -->
|
|
<div class="cover">
|
|
<div>
|
|
<div class="brand">WEVAL Consulting · Rapport Premium</div>
|
|
<h1>Comparaison WEVIA vs OPUS</h1>
|
|
<div class="subt">Évaluation détaillée des avantages, inconvénients, coûts, performances et intégrations</div>
|
|
</div>
|
|
<div class="meta">Généré le 22 April 2026 · WEVIA Enterprise Intelligence</div>
|
|
</div>
|
|
|
|
<!-- Content -->
|
|
<div class="page">
|
|
<div class="exec-summary">WEVIA et OPUS présentent des avantages et inconvénients distincts. WEVIA excelle en flexibilité et intégrations, tandis qu'OPUS se distingue par ses coûts compétitifs et stabilité. La choix dépend des priorités spécifiques de l'entreprise.</div>
|
|
|
|
<div class="kpis"><div class='kpi'><div class='kpi-value'>92% (WEVIA), 88% (OPUS)</div><div class='kpi-label'>Taux de Satisfaction Client</div><div class='kpi-trend'>Stable pour les deux</div></div><div class='kpi'><div class='kpi-value'>6 semaines (WEVIA), 3 semaines (OPUS)</div><div class='kpi-label'>Temps de Déploiement Moyen</div><div class='kpi-trend'>En amélioration pour WEVIA</div></div><div class='kpi'><div class='kpi-value'>9/10 (WEVIA), 6/10 (OPUS)</div><div class='kpi-label'>Niveau de Personnalisation</div><div class='kpi-trend'>WEVIA en tête</div></div></div>
|
|
|
|
<div class="chart-wrap">
|
|
<h3>Visualisation des données</h3>
|
|
<canvas id="mainChart"></canvas>
|
|
</div>
|
|
|
|
<section class='sec'><h2>1. Avantages et Inconvénients</h2><p>WEVIA offre une grande flexibilité et des intégrations étendues, mais peut présenter une courbe d'apprentissage plus longue. OPUS, plus accessible, présente des limites en termes de personnalisation.</p><ul><li>WEVIA : Flexibilité élevée</li><li>OPUS : Courbe d'apprentissage réduite</li><li>WEVIA : Intégrations avancées</li><li>OPUS : Limitations en personnalisation</li></ul></section><section class='sec'><h2>2. Coûts et Économies</h2><p>OPUS offre souvent des tarifs plus bas, particulièrement pour les petites entreprises, tandis que WEVIA peut justifier ses coûts plus élevés par des fonctionnalités premium.</p><ul><li>OPUS : Tarifs compétitifs pour les SPM</li><li>WEVIA : Coûts plus élevés pour des fonctionnalités avancées</li></ul></section><section class='sec'><h2>3. Performances et Intégrations</h2><p>WEVIA se distingue par ses performances à grande échelle et ses intégrations avec des outils de pointe, alors qu'OPUS garantit une stabilité solide mais avec moins d'options d'intégration.</p><ul><li>WEVIA : Haute performance à grande échelle</li><li>OPUS : Stabilité mais moins d'intégrations</li></ul></section>
|
|
|
|
<div class="conclusion">
|
|
<h2>Conclusion & recommandations</h2>
|
|
<p>Choisissez WEVIA pour des besoins complexes et une grande flexibilité, ou OPUS pour un déploiement rapide et des coûts contrôlés. Évaluez vos priorités avant de prendre une décision.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<span>WEVAL Consulting · weval-consulting.com</span>
|
|
<span>Confidentiel · Usage interne</span>
|
|
</div>
|
|
|
|
<script>
|
|
window.addEventListener("load", function(){
|
|
try {
|
|
var cd = {"type":"bar","title":"Comparaison des Coûts Annuels (en milliers d'€)","labels":["WEVIA (PM)","WEVIA (ENT)","OPUS (PM)","OPUS (ENT)"],"values":[8,25,5,15]};
|
|
if (!cd) return;
|
|
var ctx = document.getElementById("mainChart").getContext("2d");
|
|
new Chart(ctx, {
|
|
type: cd.type || "bar",
|
|
data: {
|
|
labels: cd.labels || [],
|
|
datasets: [{
|
|
label: cd.title || "Données",
|
|
data: cd.values || [],
|
|
backgroundColor: ["#6366f1","#8b5cf6","#3b82f6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899"],
|
|
borderColor: "#4338ca",
|
|
borderWidth: 2,
|
|
borderRadius: 6,
|
|
}]
|
|
},
|
|
options: {
|
|
responsive: true,
|
|
maintainAspectRatio: true,
|
|
plugins: { legend: { display: false }, title: { display: true, text: cd.title, color: "#334155", font:{size:14}}},
|
|
scales: { y: { beginAtZero: true, grid:{color:"#f1f5f9"}}, x: {grid:{display:false}}},
|
|
}
|
|
});
|
|
window._wevia_chart_ready = true;
|
|
} catch(e) { console.error("chart fail", e); }
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |