AJR/TechradarDev
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Ajout de la page Stratégie dans le radar business

Browse Source 
- Création d'une page HTML statique pour la stratégie (public/strategie.html)
- Ajout d'un script JavaScript pour injecter un lien dans le footer (strategie-link.js)
- Mise à jour de la config pour charger le script JS personnalisé
- Page stratégie mise en forme avec sections, priorités et KPIs
- Lien accessible depuis le footer du radar
This commit is contained in:
syoul
2025-12-02 18:28:36 +01:00
parent 417d6f4810
commit 35c32a6e2d
4 changed files with 563 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
public/strategie-link.js Normal file
View File

@@ -0,0 +1,55 @@
// Script pour ajouter un lien vers la stratégie dans le footer et le header
(function() {
// Attendre que le DOM soit chargé
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initStrategyLinks);
} else {
initStrategyLinks();
}
function initStrategyLinks() {
addStrategyLinkToFooter();
addStrategyLinkToHeader();
}
function addStrategyLinkToFooter() {
// Chercher le footer
const footer = document.querySelector('footer') || document.querySelector('.footer') || document.querySelector('[class*="footer"]');
if (footer) {
// Créer le lien vers la stratégie
const strategyLink = document.createElement('a');
strategyLink.href = '/business/strategie.html';
strategyLink.textContent = '📋 Voir la Stratégie';
strategyLink.style.marginLeft = '10px';
strategyLink.style.color = '#2ecc71';
strategyLink.style.textDecoration = 'none';
strategyLink.style.fontWeight = 'bold';
strategyLink.style.display = 'inline-block';
// Ajouter le lien au footer
footer.appendChild(strategyLink);
} else {
// Si le footer n'est pas trouvé, réessayer
setTimeout(addStrategyLinkToFooter, 1000);
}
}
function addStrategyLinkToHeader() {
// Chercher le header ou la navigation
const header = document.querySelector('header') || document.querySelector('nav') || document.querySelector('[class*="header"]') || document.querySelector('[class*="nav"]');
if (header) {
const strategyLink = document.createElement('a');
strategyLink.href = '/business/strategie.html';
strategyLink.textContent = 'Stratégie';
strategyLink.style.marginLeft = '15px';
strategyLink.style.color = '#2ecc71';
strategyLink.style.textDecoration = 'none';
strategyLink.style.fontWeight = 'bold';
header.appendChild(strategyLink);
}
}
})();

187
public/strategie.html Normal file
View File

@@ -0,0 +1,187 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stratégie d'Évolution Technique - Laplank</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
line-height: 1.6;
color: #333;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background: #f5f5f5;
}
.container {
background: white;
padding: 40px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
h1 {
color: #1a4d3a;
border-bottom: 3px solid #2ecc71;
padding-bottom: 10px;
}
h2 {
color: #2ecc71;
margin-top: 30px;
}
h3 {
color: #3498db;
margin-top: 20px;
}
.priority {
padding: 15px;
margin: 15px 0;
border-left: 4px solid;
background: #f9f9f9;
}
.priority-1 { border-color: #e74c3c; }
.priority-2 { border-color: #f39c12; }
.priority-3 { border-color: #f1c40f; }
.priority-4 { border-color: #95a5a6; }
.back-link {
display: inline-block;
margin-bottom: 20px;
color: #2ecc71;
text-decoration: none;
font-weight: bold;
}
.back-link:hover {
text-decoration: underline;
}
ul, ol {
margin: 10px 0;
}
li {
margin: 5px 0;
}
code {
background: #f4f4f4;
padding: 2px 6px;
border-radius: 3px;
font-family: 'Courier New', monospace;
}
.kpi-box {
background: #e8f5e9;
padding: 15px;
border-radius: 5px;
margin: 10px 0;
}
</style>
</head>
<body>
<div class="container">
<a href="/business" class="back-link">← Retour au Radar</a>
<h1>Stratégie d'Évolution Technique - Laplank</h1>
<p><strong>Date de mise à jour</strong> : 02/12/2025</p>
<h2>Vision Technique à 3 Ans</h2>
<h3>Objectifs Stratégiques</h3>
<ol>
<li><strong>Renforcer la différenciation</strong> : Maintenir et développer les technologies qui créent un avantage concurrentiel</li>
<li><strong>Réduire les risques</strong> : Éliminer les dépendances critiques et les gaps de compétences</li>
<li><strong>Optimiser les coûts</strong> : Réduire les coûts de maintenance des technologies de commodité</li>
<li><strong>Innover</strong> : Explorer et adopter les technologies émergentes prometteuses</li>
<li><strong>Infrastructure décentralisée</strong> : Développer l'expertise et l'adoption de ThreeFold pour une infrastructure autonome et résiliente</li>
</ol>
<h2>Roadmap d'Évolution</h2>
<h3>🎯 Axe Transversal : Data Visualization & UX</h3>
<p><strong>Objectif</strong> : Devenir la référence en termes de transparence et d'accessibilité des données blockchain/crypto et infrastructure.</p>
<p><strong>Technologies Clés</strong> :</p>
<ul>
<li><strong>D3.js / ECharts</strong> : Pour des visualisations avancées et interactives</li>
<li><strong>Cytoscape.js</strong> : Pour visualiser la "Toile de Confiance" (Web of Trust)</li>
<li><strong>Grafana</strong> : Pour le monitoring de l'infrastructure (Duniter & ThreeFold)</li>
<li><strong>Leaflet</strong> : Pour la cartographie des nœuds</li>
</ul>
<p><strong>Actions</strong> :</p>
<ol>
<li>Développer un explorateur de <strong>Web of Trust visuel</strong> (Graph)</li>
<li>Créer des dashboards de <strong>santé du réseau</strong> (Duniter & ThreeFold)</li>
<li>Former l'équipe front-end sur <strong>D3.js</strong> ou <strong>ECharts</strong></li>
</ol>
<h3>📅 Année 1 : Consolidation et Réduction des Risques</h3>
<h4>Q1-Q2 : Gestion des Gaps de Compétences Critiques</h4>
<p><strong>Objectif</strong> : Réduire les risques liés aux compétences manquantes</p>
<p><strong>Technologies prioritaires</strong> :</p>
<ul>
<li>Rust / Substrate (blockchain core)</li>
<li>Docker / Infrastructure</li>
<li>PostgreSQL</li>
<li>ThreeFold Grid (infrastructure décentralisée - bonne couverture mais à renforcer)</li>
</ul>
<h4>Q3-Q4 : Optimisation des Commodités</h4>
<p><strong>Objectif</strong> : Réduire les coûts de maintenance des technologies non différenciantes</p>
<h3>🚀 Année 2 : Innovation et Différenciation</h3>
<h4>Q1-Q2 : Évaluation des Technologies Émergentes</h4>
<p><strong>Technologies à évaluer</strong> :</p>
<ul>
<li>IPFS (stockage distribué)</li>
<li>Nostr (protocole décentralisé)</li>
<li>Serverless (architecture)</li>
<li>ThreeFold Grid (infrastructure décentralisée - opportunité majeure)</li>
<li>Zero OS (système d'exploitation bare metal)</li>
<li>ThreeFold Compute / Storage (capacités de calcul et stockage décentralisées)</li>
<li>Mycelium Network (réseau overlay chiffré)</li>
<li>AIBox (solution IA décentralisée)</li>
</ul>
<h3>🎓 Année 3 : Maturité et Évolution Continue</h3>
<p>Maintenir un radar technologique à jour, continuer l'innovation, optimiser en continu, gérer les risques proactivement.</p>
<h2>Priorités d'Investissement</h2>
<div class="priority priority-1">
<h3>🔴 Priorité 1 : Technologies Core (Critiques)</h3>
<p><strong>Investissement</strong> : Maximum | <strong>Focus</strong> : Stabilité, performance, sécurité</p>
<p><strong>Technologies</strong> : Rust / Substrate, Infrastructure critique, ThreeFold Grid</p>
</div>
<div class="priority priority-2">
<h3>🟠 Priorité 2 : Technologies Stratégiques</h3>
<p><strong>Investissement</strong> : Élevé | <strong>Focus</strong> : Croissance, différenciation</p>
<p><strong>Technologies</strong> : Technologies différenciantes, Technologies émergentes, ThreeFold (écosystème complet)</p>
</div>
<div class="priority priority-3">
<h3>🟡 Priorité 3 : Technologies de Support</h3>
<p><strong>Investissement</strong> : Modéré | <strong>Focus</strong> : Efficacité, coût</p>
</div>
<div class="priority priority-4">
<h3>⚫ Priorité 4 : Technologies Legacy</h3>
<p><strong>Investissement</strong> : Minimal (migration) | <strong>Focus</strong> : Remplacement, réduction des risques</p>
</div>
<h2>KPIs de Suivi</h2>
<div class="kpi-box">
<h3>Métriques Techniques</h3>
<ul>
<li><strong>Couverture d'équipe</strong> : Nombre moyen de personnes par technologie</li>
<li><strong>Gaps de compétences</strong> : Nombre de technologies avec gap élevé</li>
<li><strong>Risques techniques</strong> : Nombre de technologies à risque élevé</li>
<li><strong>Coûts</strong> : Coût total de maintenance</li>
</ul>
</div>
<div class="kpi-box">
<h3>Métriques Business</h3>
<ul>
<li><strong>Différenciation</strong> : Nombre de technologies différenciantes</li>
<li><strong>Innovation</strong> : Nombre de technologies émergentes adoptées</li>
<li><strong>Efficacité</strong> : Réduction des coûts de maintenance</li>
<li><strong>Stabilité</strong> : Réduction des incidents techniques</li>
</ul>
</div>
<h2>Conclusion</h2>
<p>Cette stratégie d'évolution technique vise à aligner les choix technologiques avec les objectifs business, réduire les risques, optimiser les coûts et favoriser l'innovation.</p>
<p>La mise en œuvre de cette stratégie nécessite un engagement continu de l'équipe et un suivi régulier des métriques définies.</p>
</div>
</body>
</html>