« IA Made in Morocco » : L’intelligence artificielle au service du rayonnement national et de la coopération Sud-Sud

<!– Tableau comparatif interactif — IA Made in Morocco (priorisation de projets) Contraintes respectées : – Bloc prêt à coller (pas de /) – Tailwind via CDN (léger) + JS vanilla – Pas d’images – Texte exclusivement en français (et facilement éditable) – Hauteur contrôlée (conteneurs scrollables) –> /* Petite couche de style pour lisibilité + accessibilité */ .sr-only-focusable:active, .sr-only-focusable:focus { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; overflow: visible !important; clip: auto !important; white-space: normal !important; } .sticky-shadow::after{ content: » »; position:absolute; right:-1px; top:0; bottom:0; width:12px; pointer-events:none; background: linear-gradient(to right, rgba(15,23,42,0.10), rgba(15,23,42,0.0)); } /* Respecte les préférences de réduction de mouvement */ @media (prefers-reduced-motion: reduce){ .transition-safe { transition: none !important; } }

Tableau comparateur interactif — Prioriser des projets d’IA au Maroc

Ajustez les paramètres, triez, filtrez, puis exportez vos résultats. Les scores vont de 0 à 100.

Réinitialiser Exporter en CSV Copier le classement

Paramètres de calcul

Personnalisez le poids de chaque critère (la somme est normalisée automatiquement).

Somme des poids :

—

Poids — Valeur service public

Poids — Faisabilité (données/infrastructure)

Poids — Risques éthiques (pénalité)

Plus le risque est élevé, plus le score final diminue (si ce poids est > 0).

Poids — Souveraineté requise (pénalité)

Exigence forte de souveraineté = mise en œuvre plus complexe (pénalité si poids > 0).

Poids — Effort de formation (pénalité)

Effort de formation élevé = déploiement plus long (pénalité si poids > 0).

Mode « prudence » (augmente automatiquement l’impact des pénalités) • Afficher les détails des critères

Recherche & filtres

Rechercher un projet

Score minimum

Afficher Top N Tous Top 3 Top 5 Top 2

Tri principal

Cliquez aussi sur les en-têtes du tableau.

Aller au tableau

Score final Valeur service public Faisabilité Risques éthiques Souveraineté requise Effort de formation Projet Décroissant Croissant

Recommandation automatique

Basée sur les poids actuels et le classement recalculé.

À lancer en premier

—

—

En second

—

—

Note : les pénalités (éthique, souveraineté, formation) réduisent le score. Vous pouvez les désactiver en mettant leur poids à 0.

Tableau comparatif

Conseil : cliquez sur une ligne pour afficher un résumé. Le tableau est défilable si nécessaire.

Projets visibles :

—

Projet (tri)	Valeur pour le service public (0–100)	Faisabilité données/infrastructure (0–100)	Risques éthiques (0–100)	Niveau de souveraineté requis (0–100)	Effort de formation (0–100)	Score final (0–100)

Résumé du projet sélectionné

Cliquez une ligne du tableau pour mettre à jour ce panneau.

Aller au résumé

Projet

—

Forces

—

Points d’attention

—

Prochaines étapes suggérées

—

Explication du score

—

—

Aide à la lecture

• Valeur et Faisabilité augmentent le score.
• Risques éthiques, Souveraineté et Formation sont des pénalités.
• Vous pouvez adapter les poids selon un contexte : service public, urgence, budget, maturité des données.

Astuce : si vous préparez une coopération Sud-Sud, augmentez le poids « Valeur » et réduisez la pénalité « Souveraineté » pour favoriser des solutions réplicables.

Affichage compact

Activer

Réduit l’espace vertical pour une meilleure intégration dans l’article.

/* Données externes ? Cet outil fonctionne 100% en local (aucune API requise). Optionnel (exemples d’APIs publiques gratuites si vous souhaitez enrichir l’outil) : 1) Banque mondiale — indicateurs (gratuit, sans clé) URL exemple : https://api.worldbank.org/v2/country/MAR/indicator/IT.NET.USER.ZS?format=json Réponse JSON (extrait) : [ {« page »:1, »pages »:1, »per_page »: »50″, »total »:1, »sourceid »: »2″, »lastupdated »: »2025-01-01″}, [{« indicator »:{« id »: »IT.NET.USER.ZS », »value »: »Individuals using the Internet (% of population) »}, « country »:{« id »: »MA », »value »: »Morocco »}, « value »: »92.3″, »decimal »:1, »date »: »2023″}] ] 2) Our World in Data (certaines ressources publiques) — dépend des endpoints. (Gardez à l’esprit que l’intégration de données externes doit rester légère.) */ // ====== Chaînes FR (facilement éditables) ====== const I18N = { copierOk: « Classement copié dans le presse-papiers. », copierKo: « Copie impossible. Vous pouvez sélectionner et copier manuellement. », rien: « — », noMatch: « Aucun projet ne correspond à vos filtres. », colonnes: { projet: « Projet », valeur: « Valeur pour le service public », faisabilite: « Faisabilité données/infrastructure », risqueEthique: « Risques éthiques », souverainete: « Niveau de souveraineté requis », formation: « Effort de formation », scoreFinal: « Score final » } }; // ====== Données (0–100) ====== // Interprétation : plus haut = plus (valeur, faisabilité) / plus de contrainte (risque, souveraineté, formation) const PROJETS_BASE = [ { id: « egov_assistant », projet: « Assistant multilingue pour services e-gov », valeur: 88, faisabilite: 78, risqueEthique: 35, souverainete: 55, formation: 40, forces: « Améliore l’accès aux services publics (arabe, amazighe, français), réduit la charge des guichets. », attention: « Gestion des données personnelles, transparence des réponses, prévention des hallucinations. », etapes: « Pilote sur 2–3 démarches à fort volume, charte de conformité, boucle d’amélioration avec agents. » }, { id: « fraude_fiscale », projet: « Prédiction et détection de fraude fiscale », valeur: 80, faisabilite: 62, risqueEthique: 70, souverainete: 75, formation: 55, forces: « Augmente l’efficacité du contrôle, cible mieux les anomalies, potentiel de recettes publiques. », attention: « Risque de biais, contestabilité des décisions, nécessité d’audit et de traçabilité. », etapes: « Cadre légal + gouvernance, modèle d’aide à la décision (pas d’automatisation totale), audit régulier. » }, { id: « triage_sante », projet: « Triage en santé (priorisation des cas et orientation) », valeur: 92, faisabilite: 58, risqueEthique: 78, souverainete: 80, formation: 68, forces: « Impact direct sur la qualité de prise en charge, réduction des délais en urgences. », attention: « Risque clinique, responsabilité, besoin de validation médicale et d’explicabilité. », etapes: « Démarrer en décision assistée, protocole médical, essais contrôlés, supervision humaine obligatoire. » }, { id: « irrigation_intelligente », projet: « Irrigation intelligente (optimisation eau/énergie) », valeur: 84, faisabilite: 72, risqueEthique: 25, souverainete: 45, formation: 48, forces: « Économie d’eau, résilience climatique, bénéfice fort pour l’agriculture et les territoires. », attention: « Qualité des capteurs/données terrain, adoption par les agriculteurs, maintenance. », etapes: « Pilote par bassin, modèles simples au départ, formation terrain, partenariats coopératives. » }, { id: « ferro_maintenance », projet: « Maintenance prédictive ferroviaire », valeur: 76, faisabilite: 70, risqueEthique: 30, souverainete: 60, formation: 52, forces: « Améliore la sécurité et la ponctualité, réduit les pannes, ROI opérationnel mesurable. », attention: « Interopérabilité des systèmes, qualité des historiques de maintenance, cybersécurité. », etapes: « Instrumentation progressive, tableau de bord maintenance, standardisation des données, montée en charge. » }, { id: « files_admin », projet: « Optimisation des files d’attente administratives », valeur: 86, faisabilite: 82, risqueEthique: 28, souverainete: 50, formation: 35, forces: « Réduit le temps d’attente, améliore l’expérience usager, gains rapides et visibles. », attention: « Changement organisationnel, équité d’accès (personnes non connectées), confidentialité minimale. », etapes: « Rendez-vous et prévision d’affluence, signage et SMS, mesure continue, déploiement progressif. » } ]; // ====== État ====== const state = { projets: structuredClone(PROJETS_BASE), triChamp: « scoreFinal », triSens: « desc », q: «  », minScore: 0, topN: 0, afficherDetails: true, compact: false, modeStrict: false, poids: { valeur: 28, faisabilite: 22, risqueEthique: 18, souverainete: 16, formation: 16 } }; // ====== Utilitaires ====== const clamp = (n, min, max) => Math.min(max, Math.max(min, n)); const round1 = (n) => Math.round(n * 10) / 10; function normaliserPoids(poids) { const keys = Object.keys(poids); const sum = keys.reduce((acc, k) => acc + (Number(poids[k]) || 0), 0); if (sum (o[k]=0, o), {}) }; const norm = {}; keys.forEach(k => norm[k] = (Number(poids[k]) || 0) / sum); return { …poids, _sum: sum, _norm: norm }; } function calculerScore(projet, poidsNorm, modeStrict) { // Bonus: valeur + faisabilité // Pénalités: risques + souveraineté + formation // Mode strict augmente l’impact des pénalités (prudence) const strictFactor = modeStrict ? 1.2 : 1.0; const bonus = (projet.valeur * (poidsNorm.valeur || 0)) + (projet.faisabilite * (poidsNorm.faisabilite || 0)); const penalites = (projet.risqueEthique * (poidsNorm.risqueEthique || 0) * strictFactor) + (projet.souverainete * (poidsNorm.souverainete || 0) * strictFactor) + (projet.formation * (poidsNorm.formation || 0) * strictFactor); // Recentrage : bonus – pénalités, puis clamp 0..100 const brut = bonus – penalites; // Pour éviter des scores trop faibles si les poids bonus sont petits, on remappe sur 0..100 // Ici on suppose que les entrées sont 0..100 et que bonus/penalites sont déjà pondérés. // On transforme « brut » (approx. -100..+100) vers 0..100 const score = clamp((brut + 100) / 2, 0, 100); return { score, bonus, penalites, brut }; } function explicationScore(projet, poidsNorm, modeStrict, calc) { const pf = modeStrict ?  » (mode prudence activé) » : «  »; const w = poidsNorm; const fmtPct = (x) => `${Math.round(x * 100)}%`; return [ `Formule${pf} : Score = mise à l’échelle de (Bonus − Pénalités).`, `Bonus = Valeur×${fmtPct(w.valeur||0)} + Faisabilité×${fmtPct(w.faisabilite||0)}.`, `Pénalités = Risques×${fmtPct(w.risqueEthique||0)} + Souveraineté×${fmtPct(w.souverainete||0)} + Formation×${fmtPct(w.formation||0)}.`, `Bonus = ${round1(calc.bonus)}, Pénalités = ${round1(calc.penalites)}, Brut = ${round1(calc.brut)} → Score = ${round1(calc.score)}.` ].join( » « ); } // ====== DOM refs ====== const el = { tbody: document.getElementById(« tbody »), nbVisibles: document.getElementById(« nbVisibles »), poidsSomme: document.getElementById(« poidsSomme »), q: document.getElementById(« q »), minScore: document.getElementById(« minScore »), topN: document.getElementById(« topN »), triChamp: document.getElementById(« triChamp »), triSens: document.getElementById(« triSens »), modeStrict: document.getElementById(« modeStrict »), afficherDetails: document.getElementById(« afficherDetails »), compact: document.getElementById(« compact »), btnReinit: document.getElementById(« btnReinit »), btnExporterCSV: document.getElementById(« btnExporterCSV »), btnCopier: document.getElementById(« btnCopier »), btnA11yFocus: document.getElementById(« btnA11yFocus »), details: document.getElementById(« details »), dProjet: document.getElementById(« dProjet »), dForces: document.getElementById(« dForces »), dAttention: document.getElementById(« dAttention »), dEtapes: document.getElementById(« dEtapes »), dScore: document.getElementById(« dScore »), dExplication: document.getElementById(« dExplication »), rec1: document.getElementById(« rec1 »), rec2: document.getElementById(« rec2 »), rec1Justif: document.getElementById(« rec1Justif »), rec2Justif: document.getElementById(« rec2Justif »), w: { valeur: document.getElementById(« wValeur »), valeurN: document.getElementById(« wValeurN »), faisabilite: document.getElementById(« wFaisabilite »), faisabiliteN: document.getElementById(« wFaisabiliteN »), risqueEthique: document.getElementById(« wEthique »), risqueEthiqueN: document.getElementById(« wEthiqueN »), souverainete: document.getElementById(« wSouverainete »), souveraineteN: document.getElementById(« wSouveraineteN »), formation: document.getElementById(« wFormation »), formationN: document.getElementById(« wFormationN ») } }; // ====== Rendu ====== function badgeScore(score) { const s = Number(score); if (s >= 75) return « bg-emerald-50 text-emerald-800 border-emerald-200 »; if (s >= 55) return « bg-amber-50 text-amber-800 border-amber-200 »; return « bg-rose-50 text-rose-800 border-rose-200 »; } function barClasse(val) { const v = clamp(Number(val) || 0, 0, 100); return ` `; } function rendre() { const poidsNorme = normaliserPoids(state.poids); el.poidsSomme.textContent = `${poidsNorme._sum}`; // Calcul + enrichissement const rows = state.projets.map(p => { const calc = calculerScore(p, poidsNorme._norm, state.modeStrict); return { …p, scoreFinal: round1(calc.score), _calc: calc }; }); // Filtrage const q = (state.q || «  »).trim().toLowerCase(); let filtered = rows.filter(r => { const matchQ = !q || r.projet.toLowerCase().includes(q); const matchMin = (Number(r.scoreFinal) || 0) >= (Number(state.minScore) || 0); return matchQ && matchMin; }); // Tri const champ = state.triChamp; const sens = state.triSens === « asc » ? 1 : -1; filtered.sort((a, b) => { const va = a[champ], vb = b[champ]; if (champ === « projet ») return a.projet.localeCompare(b.projet) * sens; return ((Number(va) || 0) – (Number(vb) || 0)) * sens; }); // Top N const topN = Number(state.topN) || 0; if (topN > 0) filtered = filtered.slice(0, topN); // Affichage el.nbVisibles.textContent = `${filtered.length} / ${rows.length}`; const compactClass = state.compact ? « text-xs » : « text-sm »; const tdPad = state.compact ? « px-4 py-2 » : « px-4 py-3 »; if (filtered.length === 0) { el.tbody.innerHTML = ` ${I18N.noMatch} `; mettreRecommandation([]); return; } el.tbody.innerHTML = filtered.map((r, idx) => { const scoreCls = badgeScore(r.scoreFinal); const details = state.afficherDetails ? «  » : « hidden »; return ` `; }).join(«  »); // Sélection auto du 1er visible pour alimenter le panneau afficherDetailsProjet(filtered[0], poidsNorme._norm); // Recommandation top 2 basée sur ce classement filtré (mais on préfère le classement global trié par score) // Ici : top 2 sur le classement « rows » trié par scoreFinal, indépendamment des filtres, pour rester cohérent. const globalByScore = […rows].sort((a,b) => (b.scoreFinal – a.scoreFinal)); mettreRecommandation(globalByScore, poidsNorme._norm); } function afficherDetailsProjet(r, poidsNorm) { if (!r) return; const calc = r._calc || calculerScore(r, poidsNorm, state.modeStrict); el.dProjet.textContent = r.projet || I18N.rien; el.dForces.textContent = r.forces || I18N.rien; el.dAttention.textContent = r.attention || I18N.rien; el.dEtapes.textContent = r.etapes || I18N.rien; el.dScore.textContent = `${round1(r.scoreFinal ?? calc.score)} / 100`; el.dExplication.textContent = explicationScore(r, poidsNorm, state.modeStrict, calc); } function mettreRecommandation(rowsSorted, poidsNorm) { if (!rowsSorted || rowsSorted.length === 0) { el.rec1.textContent = I18N.rien; el.rec2.textContent = I18N.rien; el.rec1Justif.textContent = I18N.rien; el.rec2Justif.textContent = I18N.rien; return; } const top1 = rowsSorted[0]; const top2 = rowsSorted[1]; const justif = (p) => { // Justif courte, en français, basée sur les deux bonus (valeur + faisabilité) et les pénalités const points = []; points.push(`Impact attendu : valeur ${p.valeur}/100.`); points.push(`Mise en œuvre : faisabilité ${p.faisabilite}/100.`); // On mentionne les contraintes principales const contraintes = [ { k: « risqueEthique », label: « risques éthiques », v: p.risqueEthique }, { k: « souverainete », label: « souveraineté », v: p.souverainete }, { k: « formation », label: « formation », v: p.formation } ].sort((a,b)=> b.v – a.v).slice(0,2); points.push(`Points d’attention : ${contraintes.map(c => `${c.label} ${c.v}/100`).join(« , « )}.`); points.push(`Score final : ${p.scoreFinal}/100.`); return points.join( » « ); }; el.rec1.textContent = top1 ? top1.projet : I18N.rien; el.rec2.textContent = top2 ? top2.projet : I18N.rien; el.rec1Justif.textContent = top1 ? justif(top1) : I18N.rien; el.rec2Justif.textContent = top2 ? justif(top2) : I18N.rien; } // ====== Événements ====== function syncRangeNumber(rangeEl, numberEl, key) { const v = clamp(Number(rangeEl.value || 0), 0, 100); numberEl.value = String(v); state.poids[key] = v; rendre(); } function syncNumberRange(numberEl, rangeEl, key) { const v = clamp(Number(numberEl.value || 0), 0, 100); rangeEl.value = String(v); state.poids[key] = v; rendre(); } // Poids el.w.valeur.addEventListener(« input », () => syncRangeNumber(el.w.valeur, el.w.valeurN, « valeur »)); el.w.valeurN.addEventListener(« input », () => syncNumberRange(el.w.valeurN, el.w.valeur, « valeur »)); el.w.faisabilite.addEventListener(« input », () => syncRangeNumber(el.w.faisabilite, el.w.faisabiliteN, « faisabilite »)); el.w.faisabiliteN.addEventListener(« input », () => syncNumberRange(el.w.faisabiliteN, el.w.faisabilite, « faisabilite »)); el.w.risqueEthique.addEventListener(« input », () => syncRangeNumber(el.w.risqueEthique, el.w.risqueEthiqueN, « risqueEthique »)); el.w.risqueEthiqueN.addEventListener(« input », () => syncNumberRange(el.w.risqueEthiqueN, el.w.risqueEthique, « risqueEthique »)); el.w.souverainete.addEventListener(« input », () => syncRangeNumber(el.w.souverainete, el.w.souveraineteN, « souverainete »)); el.w.souveraineteN.addEventListener(« input », () => syncNumberRange(el.w.souveraineteN, el.w.souverainete, « souverainete »)); el.w.formation.addEventListener(« input », () => syncRangeNumber(el.w.formation, el.w.formationN, « formation »)); el.w.formationN.addEventListener(« input », () => syncNumberRange(el.w.formationN, el.w.formation, « formation »)); // Recherche & filtres el.q.addEventListener(« input », () => { state.q = el.q.value; rendre(); }); el.minScore.addEventListener(« input », () => { state.minScore = clamp(Number(el.minScore.value || 0), 0, 100); rendre(); }); el.topN.addEventListener(« change », () => { state.topN = Number(el.topN.value || 0); rendre(); }); el.triChamp.addEventListener(« change », () => { state.triChamp = el.triChamp.value; rendre(); }); el.triSens.addEventListener(« change », () => { state.triSens = el.triSens.value; rendre(); }); el.modeStrict.addEventListener(« change », () => { state.modeStrict = !!el.modeStrict.checked; rendre(); }); el.afficherDetails.addEventListener(« change », () => { state.afficherDetails = !!el.afficherDetails.checked; rendre(); }); el.compact.addEventListener(« change », () => { state.compact = !!el.compact.checked; rendre(); }); // Tri via en-têtes document.querySelectorAll(« th[data-sort] »).forEach(th => { th.addEventListener(« click », () => { const champ = th.getAttribute(« data-sort »); if (!champ) return; if (state.triChamp === champ) { state.triSens = (state.triSens === « asc ») ? « desc » : « asc »; } else { state.triChamp = champ; state.triSens = (champ === « projet ») ? « asc » : « desc »; } el.triChamp.value = state.triChamp; el.triSens.value = state.triSens; rendre(); }); }); // Sélection d’une ligne (clic + clavier) el.tbody.addEventListener(« click », (e) => { const tr = e.target.closest(« tr[data-id] »); if (!tr) return; const id = tr.getAttribute(« data-id »); const poidsNorme = normaliserPoids(state.poids)._norm; const r = state.projets.find(p => p.id === id); if (!r) return; // On doit recalculer score avec poids courants pour cohérence du panneau const calc = calculerScore(r, poidsNorme, state.modeStrict); const row = { …r, scoreFinal: round1(calc.score), _calc: calc }; afficherDetailsProjet(row, poidsNorme); }); el.tbody.addEventListener(« keydown », (e) => { if (e.key !== « Enter » && e.key !==  » « ) return; const tr = e.target.closest(« tr[data-id] »); if (!tr) return; e.preventDefault(); tr.click(); }); // Focus accessibilité vers le panneau détails el.btnA11yFocus.addEventListener(« click », () => { el.details.focus(); }); // Reset el.btnReinit.addEventListener(« click », () => { state.projets = structuredClone(PROJETS_BASE); state.triChamp = « scoreFinal »; state.triSens = « desc »; state.q = «  »; state.minScore = 0; state.topN = 0; state.afficherDetails = true; state.compact = false; state.modeStrict = false; state.poids = { valeur: 28, faisabilite: 22, risqueEthique: 18, souverainete: 16, formation: 16 }; // Sync UI el.q.value = «  »; el.minScore.value = « 0 »; el.topN.value = « 0 »; el.triChamp.value = « scoreFinal »; el.triSens.value = « desc »; el.afficherDetails.checked = true; el.compact.checked = false; el.modeStrict.checked = false; el.w.valeur.value = el.w.valeurN.value = « 28 »; el.w.faisabilite.value = el.w.faisabiliteN.value = « 22 »; el.w.risqueEthique.value = el.w.risqueEthiqueN.value = « 18 »; el.w.souverainete.value = el.w.souveraineteN.value = « 16 »; el.w.formation.value = el.w.formationN.value = « 16 »; rendre(); }); // Export CSV el.btnExporterCSV.addEventListener(« click », () => { const poidsNorme = normaliserPoids(state.poids); const rows = state.projets.map(p => { const calc = calculerScore(p, poidsNorme._norm, state.modeStrict); return { …p, scoreFinal: round1(calc.score) }; }).sort((a,b)=> b.scoreFinal – a.scoreFinal); const header = [ I18N.colonnes.projet, I18N.colonnes.valeur, I18N.colonnes.faisabilite, I18N.colonnes.risqueEthique, I18N.colonnes.souverainete, I18N.colonnes.formation, I18N.colonnes.scoreFinal ]; const escapeCSV = (s) => { const str = String(s ?? «  »); if (/[« ,;n]/.test(str)) return ` »${str.replaceAll(‘ »‘,' » »‘)} »`; return str; }; const lines = [ header.map(escapeCSV).join(« ; »), …rows.map(r => ([ r.projet, r.valeur, r.faisabilite, r.risqueEthique, r.souverainete, r.formation, r.scoreFinal ]).map(escapeCSV).join(« ; »)) ]; const blob = new Blob([lines.join(« n »)], { type: « text/csv;charset=utf-8 » }); const url = URL.createObjectURL(blob); const a = document.createElement(« a »); a.href = url; a.download = « priorisation_projets_ia_maroc.csv »; document.body.appendChild(a); a.click(); a.remove(); URL.revokeObjectURL(url); }); // Copier classement (Top 6) el.btnCopier.addEventListener(« click », async () => { const poidsNorme = normaliserPoids(state.poids); const rows = state.projets.map(p => { const calc = calculerScore(p, poidsNorme._norm, state.modeStrict); return { …p, scoreFinal: round1(calc.score) }; }).sort((a,b)=> b.scoreFinal – a.scoreFinal); const texte = rows.map((r, i) => `${i+1}. ${r.projet} — Score final ${r.scoreFinal}/100`).join(« n »); try { await navigator.clipboard.writeText(texte); el.btnCopier.textContent = « Copié »; setTimeout(() => el.btnCopier.textContent = « Copier le classement », 1200); // On évite les alert intrusifs } catch (err) { el.btnCopier.textContent = « Copie indisponible »; setTimeout(() => el.btnCopier.textContent = « Copier le classement », 1400); } }); // Init rendre();