Jean-Baptiste Courouble, Directeur des Systèmes d’Information de l’Urssaf Caisse Nationale, lauréat du Prix DSIN Résilience
En bref
🏆 Jean-Baptiste Courouble est distingué pour une vision de la Gestion des systèmes d’information orientée continuité, sécurité et service public.
🛡️ Le Prix DSIN dans la catégorie DSIN Résilience met en lumière une DSI capable d’absorber crises, pics d’activité et tensions cyber sans perdre le cap.
☁️ La trajectoire cloud (privé, hybride, souverain) s’accompagne d’une industrialisation moderne : conteneurs, orchestration et automatisation.
👥 Le Leadership IT s’incarne dans la réinternalisation ciblée, l’attractivité des métiers numériques et le travail en réseau avec les organismes partenaires.
🚀 La Transformation numérique s’évalue sur du concret : simplicité des démarches, fiabilité des services, et capacité à délivrer vite… sans rogner sur la Cybersécurité.
Dans un paysage numérique où la panne n’est plus un incident mais un risque systémique, la résilience est devenue une promesse faite aux citoyens et aux entreprises. C’est précisément cette promesse que vient récompenser le Prix DSIN attribué à Jean-Baptiste Courouble, Directeur des Systèmes d’Information de l’Urssaf Caisse Nationale, lauréat dans la catégorie DSIN Résilience. À travers cette distinction, c’est une façon d’aborder la Gestion des systèmes d’information qui est saluée : méthodique, pragmatique, mais portée par une énergie communicative, celle d’un service public qui refuse de choisir entre modernité, robustesse et protection des données. Derrière les acronymes, une réalité : la collecte des cotisations, l’accompagnement des employeurs, les parcours en ligne des indépendants… tout cela suppose des services accessibles, stables et sûrs, même quand l’actualité s’emballe.
Cette reconnaissance tombe à un moment où les DSI publiques sont scrutées comme rarement : accélération des usages, attentes de simplicité “comme dans le privé”, pression cyber, et nécessité de recruter des talents rares. Le parcours mis en lumière ici raconte une transformation à la fois technique et humaine : moderniser les architectures, revisiter les modes de delivery, consolider l’exploitation, tout en donnant aux équipes un cadre de confiance pour oser l’Innovation technologique. Une question traverse l’ensemble : comment rendre le numérique plus “incassable” sans le rendre plus lent ? La suite déroule les réponses, avec des exemples concrets et un fil conducteur : la résilience, non pas comme slogan, mais comme discipline.
Jean-Baptiste Courouble et le Prix DSIN Résilience : ce que la distinction révèle du numérique public
La catégorie DSIN Résilience ne célèbre pas seulement un plan de secours bien documenté. Elle distingue une capacité à tenir la promesse de service, à encaisser les chocs et à se relever vite, sans perdre la confiance des usagers. Dans le cas de l’Urssaf Caisse Nationale, le défi est particulier : la Caisse nationale pilote un réseau, avec une mission de collecte essentielle au financement de la protection sociale. Autrement dit, la résilience n’est pas une option “technique”, c’est un enjeu de continuité sociale.
Le signal envoyé par le Prix DSIN est clair : la performance se mesure aussi à l’art de préparer l’imprévisible. Une hausse soudaine de demandes d’attestations, un pic de connexions lors d’échéances, un incident sur une brique critique, une campagne de phishing ciblant les agents… chaque scénario exige des arbitrages rapides, mais guidés par des règles établies en amont. Dans les DSI qui réussissent, l’improvisation est rare ; en revanche, l’adaptation est permanente. Et c’est là que se joue la différence entre “résister” et “rebondir”.
Résilience : un triptyque opérationnel (continuité, reprise, confiance)
La résilience se pense d’abord comme une chaîne. Il y a la continuité (éviter l’arrêt), la reprise (redémarrer vite), et la confiance (expliquer, prouver, améliorer). Un exemple parlant : lors d’un incident majeur, une organisation peut rétablir le service en une heure, mais perdre durablement si la communication est confuse ou si les causes ne sont pas traitées. Dans un contexte de démarches en ligne, le ressenti utilisateur compte autant que la métrique technique.
Dans les équipes IT, cette approche se traduit par des exercices réguliers, des tests de restauration, des revues post-incident sans recherche de coupable, et une culture du “retour d’expérience” réellement actionnable. C’est souvent moins spectaculaire qu’un grand projet, mais infiniment plus structurant sur la durée. L’insight final est simple : la résilience n’est pas un projet, c’est une habitude.
Gestion des systèmes d’information à l’Urssaf Caisse Nationale : industrialiser sans rigidifier
La Gestion des systèmes d’information dans une grande organisation se heurte souvent à un paradoxe : plus les services sont essentiels, plus l’écosystème applicatif est vaste, et plus le risque de rigidité augmente. Pourtant, la trajectoire associée à Jean-Baptiste Courouble met en avant l’inverse : une industrialisation qui permet d’aller plus vite, précisément parce qu’elle standardise ce qui doit l’être et libère du temps pour ce qui crée de la valeur.
Dans la pratique, cela implique d’harmoniser les méthodes de construction et d’exploitation, de réduire les “exceptions”, et de rendre le delivery prévisible. Une équipe produit qui sait comment déployer, comment observer, comment revenir en arrière, et comment valider la sécurité, peut se concentrer sur l’expérience utilisateur. À l’échelle d’un réseau, cette prévisibilité est un multiplicateur : un correctif de sécurité ou une évolution réglementaire peut être répliqué plus sereinement.
Exemple fil rouge : le parcours d’une PME face à une échéance
Pour mesurer l’impact, imaginons une PME fictive, “Atelier Lanson”, 18 salariés. À l’approche d’une échéance, la responsable paie se connecte, télécharge une attestation, vérifie une déclaration, et signale une anomalie. Si la plateforme répond instantanément, si l’authentification est fluide et si l’assistance numérique est claire, la DSI a réussi. Si, à l’inverse, une lenteur survient ou qu’une erreur apparaît, l’impact dépasse l’écran : stress, retard, et appels au support.
La résilience, ici, ne se limite pas au “zéro panne”. Elle inclut la capacité à absorber les pics, à éviter les régressions lors des mises en production, et à détecter tôt les signaux faibles. Les outils d’observabilité (journaux, métriques, traces) deviennent alors une boussole, pas un gadget. Et la chaîne CI/CD, quand elle est gouvernée, réduit le risque de déploiements “à la main” qui fragilisent tout le monde.
Tableau de lecture : ce que “résilient” veut dire dans le quotidien IT
Dans ce cadre, l’ouverture aux meilleures pratiques du secteur est un accélérateur. À ce titre, la réflexion sur la mission sociale des DSI et leur rôle de “tiers de confiance” résonne avec des approches éditoriales comme les enjeux DSI et technologie au service d’une mission solidaire, qui rappellent qu’une infrastructure robuste n’est pas une fin, mais un moyen au service du collectif. Insight final : quand l’industrialisation est bien menée, elle humanise l’IT en rendant le service plus fiable.
Entre architecture et organisation, la prochaine marche devient évidente : sans Cybersécurité intégrée, aucune résilience n’est durable, et aucun prix ne tient longtemps face à la réalité des attaques.
Cybersécurité : le socle invisible de la DSIN Résilience
La Cybersécurité n’est plus un chantier à part. Dans les organisations exposées, elle se confond avec la continuité d’activité : une attaque par ransomware, une compromission d’identifiants ou une vulnérabilité non corrigée peut arrêter la production aussi sûrement qu’une panne matérielle. Dans l’esprit du Prix DSIN et de la catégorie DSIN Résilience, l’enjeu consiste à intégrer la sécurité au rythme des projets, sans transformer chaque livraison en parcours d’obstacles.
Les organisations les plus solides fonctionnent avec une logique “garde-fous + vitesse”. Les garde-fous : segmentation, durcissement, politiques d’accès, chiffrement, supervision, réponse à incident. La vitesse : automatiser les contrôles, outiller les équipes, rendre la conformité “facile”, et réserver l’expertise rare aux sujets vraiment critiques. Cette combinaison évite l’écueil classique : une sécurité vécue comme un frein, donc contournée. À l’inverse, quand elle devient un réflexe, elle renforce la confiance et accélère la livraison.
Scénario d’attaque : ce qui change quand la résilience est réelle
Imaginons une campagne de phishing ciblant des agents, avec un lien qui imite une page interne. Dans un dispositif mature, l’authentification forte limite l’impact, la détection d’anomalies repère des connexions suspectes, et la réponse à incident isole rapidement les postes concernés. L’activité essentielle continue, les équipes métiers sont informées, et l’événement sert à améliorer les dispositifs (sensibilisation, filtrage, règles de messagerie).
Dans un dispositif moins préparé, la même attaque se transforme en crise : propagation, arrêt de services, perte de temps, communication hésitante. La différence n’est pas “l’absence d’attaque” mais la capacité à empêcher l’escalade. La résilience, c’est éviter que l’incident devienne une catastrophe.
Liste d’actions qui rendent la sécurité compatible avec le delivery ✅
🧪 Intégrer des tests de sécurité automatisés dans la chaîne de build pour détecter tôt les failles.
🔐 Généraliser l’authentification multifacteur et réduire les droits “permanents” au profit d’autorisations temporaires.
🧭 Mettre en place une supervision orientée usage (comportements) plutôt que seulement infrastructure.
📚 Organiser des exercices de crise et des simulations d’incident pour que les réflexes soient partagés.
🧰 Maintenir un catalogue de composants approuvés (bibliothèques, images conteneurs) pour éviter les dérives.
Cette approche relie directement Innovation technologique et maîtrise du risque : plus une organisation modernise (API, cloud, conteneurs), plus elle doit clarifier ses responsabilités et ses contrôles. Insight final : la meilleure sécurité n’est pas celle qui dit “non”, c’est celle qui rend le “oui” soutenable.
Transformation numérique : cloud, Kubernetes et souveraineté comme leviers d’innovation technologique
La Transformation numérique se juge souvent à ses résultats visibles : un parcours simplifié, des délais réduits, une expérience plus intuitive. Mais le moteur est fréquemment invisible : modernisation des plateformes, adoption de patterns cloud, et outillage qui rend le système plus modulable. Dans l’écosystème de l’Urssaf Caisse Nationale, l’orientation vers un cloud privé et des architectures orchestrées (notamment autour de Kubernetes) s’inscrit dans une tendance forte du secteur public : gagner en agilité tout en gardant la main sur les exigences de souveraineté et de conformité.
L’intérêt n’est pas “d’être à la mode”. L’intérêt est de rendre l’organisation capable de livrer plus vite, d’allouer des ressources selon la demande, et d’améliorer la résilience grâce à des mécanismes d’auto-réparation, de redondance et de déploiement maîtrisé. Sur le terrain, ces choix technologiques permettent de mieux absorber les fluctuations : une période de forte activité peut bénéficier d’une montée en charge plus automatisée, tandis que l’observabilité intégrée aide à repérer les goulets d’étranglement avant qu’ils n’affectent les usagers.
Du monolithe au produit : une transformation qui se vit au quotidien
La modernisation applicative ne consiste pas uniquement à “découper” des applications. Elle suppose aussi de revoir les responsabilités : qui porte la qualité en production, qui pilote la dette technique, qui arbitre entre délai et robustesse ? Les organisations qui avancent mettent en place des équipes produit pluridisciplinaires, avec des rituels de pilotage, des indicateurs utiles (disponibilité, performance, taux d’échec), et une collaboration renforcée entre build et run.
Dans ce contexte, l’Innovation technologique se traduit par des pratiques : infrastructures décrites comme du code, pipelines de déploiement, politiques de sécurité standardisées, et patterns de résilience (circuit breaker, files de messages, limitation de débit). Tout cela forme un système cohérent : une innovation qui ne s’exploite pas est une innovation qui fatigue. Insight final : la modernisation réussie, c’est celle qui rend le changement moins risqué.
Jalons conçus pour une grande DSI publique : diagnostic, industrialisation CI/CD, Kubernetes, observabilité, exercices de crise cyber, MFA, mutualisation cloud souverain, amélioration continue.
Filtrer
Ligne du temps
Mois
01 → 24
16121824
Astuce : cliquez sur un jalon pour afficher le détail. Naviguez aussi au clavier (Tab puis Entrée/Espace).
Timeline 100% locale (aucune donnée externe requise). Accessible, légère, et éditable (toutes les chaînes sont en français).
/*
AUCUNE API EXTERNE NÉCESSAIRE (données embarquées).
Si vous souhaitez brancher une API 100% gratuite plus tard (optionnel), exemple :
URL API (publique, gratuite, sans clé) : https://worldtimeapi.org/api/timezone/Europe/Paris
Exemple de réponse JSON :
{
« abbreviation »: »CEST »,
« client_ip »: »xxx.xxx.xxx.xxx »,
« datetime »: »2026-05-24T12:34:56.789123+02:00″,
« timezone »: »Europe/Paris »,
« utc_offset »: »+02:00″
}
Usage possible : afficher « Dernière mise à jour » côté client selon l’heure locale.
*/
(function(){
« use strict »;
// ———- Textes (i18n FR, facilement éditables) ———-
const TEXTES = {
moisLabel: (m) => String(m).padStart(2, « 0 »),
moisPlage: (a,b) => `${String(a).padStart(2, »0″)} → ${String(b).padStart(2, »0″)}`,
statutAVenir: « À venir »,
statutEnCours: « En cours »,
statutTermine: « Réalisé »,
boutonCopieOk: « Copié ! »,
boutonCopie: « Copier (texte) »,
aucunResultat: « Aucun jalon ne correspond aux filtres/recherche. »,
syntheseTitre: « Synthèse »
};
// ———- Données : jalons sur 24 mois ———-
// Champs : id, titre, categorie, debut, fin, objectif, livrable, indicateur
const JALONS = [
{
id: « diag »,
titre: « Diagnostic de résilience et cartographie des risques »,
categorie: « Gouvernance »,
debut: 1, fin: 2,
objectif: « Évaluer la maturité (sécurité, continuité, exploitation) et prioriser les chantiers à impact. »,
livrable: « Cartographie applicative + matrice de risques + feuille de route 24 mois validée. »,
indicateur: « Feuille de route approuvée + 100% des applications critiques classées (RTO/RPO, dépendances). »
},
{
id: « cicd »,
titre: « Standardisation CI/CD (industrialisation) »,
categorie: « Industrialisation »,
debut: 3, fin: 6,
objectif: « Réduire la variabilité et accélérer des livraisons fiables via des pipelines standard et des garde-fous. »,
livrable: « Catalogue de pipelines (build/test/scan/deploy) + modèles de dépôts + politiques de qualité. »,
indicateur: « ≥ 70% des équipes sur pipelines standard ; temps de livraison réduit ; taux d’échec en prod en baisse. »
},
{
id: « k8s »,
titre: « Déploiement Kubernetes (socle d’orchestration) »,
categorie: « Plateforme »,
debut: 6, fin: 10,
objectif: « Renforcer la résilience applicative par l’orchestration, la mise à l’échelle et la standardisation du runtime. »,
livrable: « Cluster(s) Kubernetes prêt(s) prod + guide d’exploitation + patterns de déploiement. »,
indicateur: « SLO de plateforme tenus ; 1er lot d’applications migrées sans interruption majeure. »
},
{
id: « observa »,
titre: « Observabilité de bout en bout »,
categorie: « Exploitation »,
debut: 7, fin: 12,
objectif: « Rendre les incidents détectables et diagnostiquables rapidement (métriques, logs, traces, alerting). »,
livrable: « Tableaux de bord SLI/SLO + alertes normalisées + runbooks d’investigation. »,
indicateur: « MTTD/MTTR réduits ; couverture ≥ 80% des services critiques en métriques + logs corrélés. »
},
{
id: « crise »,
titre: « Exercices de crise cyber (table-top + technique) »,
categorie: « Cybersécurité »,
debut: 9, fin: 14,
objectif: « Tester la réponse à incident, la chaîne décisionnelle et la capacité de continuité en situation dégradée. »,
livrable: « Scénarios d’exercice + compte-rendu + plan d’actions de remédiation. »,
indicateur: « Temps d’escalade et de décision mesurés ; actions correctives clôturées à échéance. »
},
{
id: « mfa »,
titre: « Généralisation MFA (accès utilisateurs et administrateurs) »,
categorie: « Cybersécurité »,
debut: 10, fin: 16,
objectif: « Réduire le risque de compromission d’identifiants et durcir les parcours d’authentification. »,
livrable: « MFA déployé + politiques conditionnelles + exceptions contrôlées. »,
indicateur: « ≥ 95% des comptes couverts ; baisse des tentatives d’accès non autorisées ; audits conformes. »
},
{
id: « cloud »,
titre: « Mutualisation cloud souverain (services partagés) »,
categorie: « Souveraineté »,
debut: 12, fin: 20,
objectif: « Mutualiser et sécuriser l’infrastructure, rationaliser les coûts, renforcer la conformité et la continuité. »,
livrable: « Landing zone souveraine + catalogue de services + modèles d’architecture validés. »,
indicateur: « Taux d’adoption des services partagés ; conformité (chiffrement, traçabilité) ; coûts stabilisés. »
},
{
id: « ameli »,
titre: « Amélioration continue (SRE, post-mortems, durcissement) »,
categorie: « Amélioration continue »,
debut: 15, fin: 24,
objectif: « Institutionnaliser la résilience : apprentissage après incident, fiabilisation, capacité de reprise. »,
livrable: « Rituels SRE + post-mortems sans blâme + backlog fiabilité priorisé. »,
indicateur: « Diminution des incidents récurrents ; respect des SLO ; taux de clôture des actions fiabilité. »
}
];
// ———- État ———-
const state = {
moisMax: 24,
vue: « complete », // « complete » | « trimestre »
recherche: « »,
filtreCategorie: « Toutes »,
selectionId: null
};
// ———- DOM ———-
const elTimeline = document.getElementById(« rtTimeline »);
const elDetailTitle = document.getElementById(« rtDetailTitle »);
const elDetailMeta = document.getElementById(« rtDetailMeta »);
const elDetailTag = document.getElementById(« rtDetailTag »);
const elDetailObjective = document.getElementById(« rtDetailObjective »);
const elDetailDeliverable = document.getElementById(« rtDetailDeliverable »);
const elDetailKpi = document.getElementById(« rtDetailKpi »);
const elDetailWindow = document.getElementById(« rtDetailWindow »);
const elDetailStatus = document.getElementById(« rtDetailStatus »);
const elSummary = document.getElementById(« rtSummary »);
const elRange = document.getElementById(« rtRange »);
const elMonthOutput = document.getElementById(« rtMonthOutput »);
const elSearch = document.getElementById(« rtSearch »);
const elCount = document.getElementById(« rtCount »);
const elFilters = document.getElementById(« rtFilters »);
const elViewAll = document.getElementById(« rtViewAll »);
const elViewQuarter = document.getElementById(« rtViewQuarter »);
const elReset = document.getElementById(« rtReset »);
const elPrev = document.getElementById(« rtPrev »);
const elNext = document.getElementById(« rtNext »);
const elCopy = document.getElementById(« rtCopy »);
// ———- Utilitaires ———-
const clamp = (n, a, b) => Math.max(a, Math.min(b, n));
function statutPourJalon(j, moisMax){
if (moisMax = j.fin) return TEXTES.statutTermine;
return TEXTES.statutEnCours;
}
function categorieCouleur(cat){
// Palette douce, cohérente et lisible
const map = {
« Gouvernance »: { bg: « bg-sky-50 », ring: « ring-sky-200 », dot: « bg-sky-500 », text: « text-sky-800 » },
« Industrialisation »: { bg: « bg-indigo-50 », ring: « ring-indigo-200 », dot: « bg-indigo-500 », text: « text-indigo-800 » },
« Plateforme »: { bg: « bg-emerald-50 », ring: « ring-emerald-200 », dot: « bg-emerald-500 », text: « text-emerald-800 » },
« Exploitation »: { bg: « bg-amber-50 », ring: « ring-amber-200 », dot: « bg-amber-500 », text: « text-amber-800 » },
« Cybersécurité »: { bg: « bg-rose-50 », ring: « ring-rose-200 », dot: « bg-rose-500 », text: « text-rose-800 » },
« Souveraineté »: { bg: « bg-teal-50 », ring: « ring-teal-200 », dot: « bg-teal-600 », text: « text-teal-800 » },
« Amélioration continue »: { bg: « bg-violet-50 », ring: « ring-violet-200 », dot: « bg-violet-500 », text: « text-violet-800 » }
};
return map[cat] || { bg: « bg-slate-50 », ring: « ring-slate-200 », dot: « bg-slate-500 », text: « text-slate-800 » };
}
function normaliser(s){
return (s || « »).toLowerCase()
.normalize(« NFD »).replace(/[u0300-u036f]/g, » »)
.trim();
}
function filtreJalons(){
const q = normaliser(state.recherche);
return JALONS
.filter(j => j.debut state.filtreCategorie === « Toutes » ? true : j.categorie === state.filtreCategorie)
.filter(j => {
if (!q) return true;
const hay = normaliser([j.titre, j.categorie, j.objectif, j.livrable, j.indicateur].join( » « ));
return hay.includes(q);
})
.sort((a,b) => a.debut – b.debut);
}
function setSelection(id){
state.selectionId = id;
renderDetail();
renderTimeline(); // pour style « sélectionné »
}
// ———- Rendu : filtres ———-
function renderFilters(){
const categories = Array.from(new Set(JALONS.map(j => j.categorie))).sort((a,b)=>a.localeCompare(b, »fr »));
const items = [« Toutes », …categories];
elFilters.innerHTML = « »;
items.forEach(cat => {
const btn = document.createElement(« button »);
btn.type = « button »;
btn.className = « rt-btn rt-focus px-3 py-1.5 rounded-xl text-xs font-medium »;
btn.textContent = cat;
btn.setAttribute(« aria-pressed », String(state.filtreCategorie === cat));
btn.addEventListener(« click », () => {
state.filtreCategorie = cat;
// Si la sélection ne fait plus partie du filtre, on la conserve mais on mettra le détail à jour au besoin.
renderAll();
});
elFilters.appendChild(btn);
});
}
// ———- Rendu : timeline ———-
function renderTimeline(){
const jalons = filtreJalons();
elCount.textContent = `${jalons.length} jalon(s) affiché(s)`;
elMonthOutput.textContent = TEXTES.moisPlage(1, state.moisMax);
// Paramètres d’affichage
const totalMois = 24;
const pxParMois = state.vue === « complete » ? 34 : 52; // vue trimestre = plus aérée
const largeur = Math.max(840, totalMois * pxParMois + 200);
// Grille de base
const container = document.createElement(« div »);
container.className = « relative »;
container.style.width = largeur + « px »;
// Axe
const axe = document.createElement(« div »);
axe.className = « absolute left-0 right-0 top-10 h-[2px] bg-slate-200 »;
container.appendChild(axe);
// Repères mois/trimestres
const ticks = document.createElement(« div »);
ticks.className = « absolute left-0 right-0 top-0 flex items-end »;
ticks.style.height = « 44px »;
const tickCount = state.vue === « complete » ? totalMois : 8; // 8 trimestres sur 24 mois
for (let i=1; i<=tickCount; i++){
const tick = document.createElement("div");
tick.className = "relative";
tick.style.width = (state.vue === "complete" ? pxParMois : (3 * pxParMois)) + "px";
const bar = document.createElement("div");
bar.className = "absolute left-0 bottom-0 w-px h-6 bg-slate-200";
tick.appendChild(bar);
const label = document.createElement("div");
label.className = "absolute left-0 -bottom-1 translate-y-full text-[11px] text-slate-500 tabular-nums";
if (state.vue === "complete"){
label.textContent = TEXTES.moisLabel(i);
} else {
const start = (i-1)*3 + 1;
const end = start + 2;
label.textContent = `T${i} (${TEXTES.moisLabel(start)}–${TEXTES.moisLabel(end)})`;
}
tick.appendChild(label);
ticks.appendChild(tick);
}
container.appendChild(ticks);
// Piste des jalons (lignes empilées)
const track = document.createElement("div");
track.className = "relative mt-16 pb-4";
// Algorithme simple d’empilement pour éviter les collisions visuelles
const lanes = [];
function placeInLane(j){
for (let laneIndex=0; laneIndex lastEnd){
lanes[laneIndex] = j.fin;
return laneIndex;
}
}
lanes.push(j.fin);
return lanes.length – 1;
}
const laneHeight = 62; // hauteur par ligne
const maxVisibleHeight = 420; // garder le bloc compact
const maxLanes = Math.max(2, Math.floor(maxVisibleHeight / laneHeight));
jalons.forEach(j => {
const lane = placeInLane(j);
// Si trop de lanes, on tasse les dernières
const laneY = Math.min(lane, maxLanes – 1) * laneHeight;
const left = (j.debut – 1) * pxParMois + 6;
const width = (j.fin – j.debut + 1) * pxParMois – 10;
const c = categorieCouleur(j.categorie);
const status = statutPourJalon(j, state.moisMax);
const isSelected = state.selectionId === j.id;
const item = document.createElement(« button »);
item.type = « button »;
item.className = [
« rt-focus rt-marker text-left absolute rounded-2xl ring-1 »,
c.ring,
c.bg,
« px-3 py-2 »,
« transition »,
« hover:shadow-md »,
isSelected ? « shadow-lg ring-2 ring-blue-300 » : « »
].join( » « );
item.style.left = left + « px »;
item.style.top = laneY + « px »;
item.style.width = Math.max(180, width) + « px »;
item.setAttribute(« aria-label », `${j.titre}. Catégorie ${j.categorie}. Mois ${j.debut} à ${j.fin}. Statut ${status}.`);
const topRow = document.createElement(« div »);
topRow.className = « flex items-start justify-between gap-3 »;
const title = document.createElement(« div »);
title.className = « min-w-0 »;
const h = document.createElement(« div »);
h.className = « text-sm font-semibold text-slate-900 leading-snug line-clamp-2 »;
h.textContent = j.titre;
const meta = document.createElement(« div »);
meta.className = « mt-1 text-[11px] text-slate-700/80 flex flex-wrap gap-2 items-center »;
meta.innerHTML = `
${j.categorie}•M${TEXTES.moisLabel(j.debut)}–M${TEXTES.moisLabel(j.fin)}
`;
title.appendChild(h);
title.appendChild(meta);
const badge = document.createElement(« span »);
badge.className = « rt-chip px-2.5 py-1 rounded-xl text-[11px] text-slate-700 whitespace-nowrap »;
badge.textContent = status;
topRow.appendChild(title);
topRow.appendChild(badge);
const sub = document.createElement(« div »);
sub.className = « mt-2 text-[12px] text-slate-800/90 line-clamp-2 »;
sub.textContent = j.objectif;
item.appendChild(topRow);
item.appendChild(sub);
item.addEventListener(« click », () => setSelection(j.id));
item.addEventListener(« keydown », (e) => {
if (e.key === « Enter » || e.key === » « ) {
e.preventDefault();
setSelection(j.id);
}
});
track.appendChild(item);
});
// Ajuster la hauteur de la piste
const lanesUsed = Math.min(lanes.length || 1, maxLanes);
track.style.height = (lanesUsed * laneHeight + 12) + « px »;
container.appendChild(track);
// Message si vide
if (jalons.length === 0){
const empty = document.createElement(« div »);
empty.className = « p-4 rounded-2xl border border-slate-200 bg-white/70 text-sm text-slate-700 »;
empty.textContent = TEXTES.aucunResultat;
elTimeline.innerHTML = « »;
elTimeline.appendChild(empty);
return;
}
elTimeline.innerHTML = « »;
elTimeline.appendChild(container);
}
// ———- Rendu : détail ———-
function renderDetail(){
const j = JALONS.find(x => x.id === state.selectionId) || null;
if (!j){
elDetailMeta.textContent = « Sélectionnez un jalon »;
elDetailTitle.textContent = « Aucun jalon sélectionné »;
elDetailTag.textContent = « — »;
elDetailObjective.textContent = « Cliquez sur un jalon dans la frise. »;
elDetailDeliverable.textContent = « — »;
elDetailKpi.textContent = « — »;
elDetailWindow.textContent = « Fenêtre : — »;
elDetailStatus.textContent = « Statut : — »;
return;
}
const status = statutPourJalon(j, state.moisMax);
elDetailMeta.textContent = `M${TEXTES.moisLabel(j.debut)}–M${TEXTES.moisLabel(j.fin)} • ${j.categorie}`;
elDetailTitle.textContent = j.titre;
elDetailTag.textContent = j.categorie;
elDetailObjective.textContent = j.objectif;
elDetailDeliverable.textContent = j.livrable;
elDetailKpi.textContent = j.indicateur;
elDetailWindow.textContent = `Fenêtre : mois ${j.debut} à ${j.fin}`;
elDetailStatus.textContent = `Statut : ${status}`;
}
// ———- Rendu : synthèse ———-
function renderSummary(){
const jalons = filtreJalons();
elSummary.innerHTML = « »;
const total = jalons.length;
const termines = jalons.filter(j => statutPourJalon(j, state.moisMax) === TEXTES.statutTermine).length;
const enCours = jalons.filter(j => statutPourJalon(j, state.moisMax) === TEXTES.statutEnCours).length;
const aVenir = jalons.filter(j => statutPourJalon(j, state.moisMax) === TEXTES.statutAVenir).length;
const topCats = (() => {
const m = new Map();
jalons.forEach(j => m.set(j.categorie, (m.get(j.categorie)||0)+1));
return Array.from(m.entries()).sort((a,b)=>b[1]-a[1]).slice(0,3);
})();
const li = (txt) => {
const e = document.createElement(« li »);
e.className = « flex items-start gap-2 »;
e.innerHTML = `${txt}`;
return e;
};
elSummary.appendChild(li(`${total} jalon(s) dans la fenêtre (jusqu’au mois ${state.moisMax}).`));
elSummary.appendChild(li(`Statuts : ${termines} réalisé(s), ${enCours} en cours, ${aVenir} à venir.`));
if (state.filtreCategorie !== « Toutes »){
elSummary.appendChild(li(`Filtre actif : ${state.filtreCategorie}.`));
}
if (state.recherche.trim()){
elSummary.appendChild(li(`Recherche : “${state.recherche.trim()}”.`));
}
if (topCats.length){
const txtCats = topCats.map(([c,n]) => `${c} (${n})`).join(« , « );
elSummary.appendChild(li(`Répartition dominante : ${txtCats}.`));
}
// Suggestion automatique de « prochain jalon à démarrer »
const prochain = JALONS
.filter(j => j.debut > state.moisMax)
.sort((a,b)=>a.debut-b.debut)[0];
if (prochain){
elSummary.appendChild(li(`Prochain jalon (hors fenêtre actuelle) : ${prochain.titre} à partir du mois ${prochain.debut}.`));
} else {
elSummary.appendChild(li(`La trajectoire couvre l’intégralité des 24 mois.`));
}
}
function setVue(v){
state.vue = v;
elViewAll.setAttribute(« aria-pressed », String(v === « complete »));
elViewQuarter.setAttribute(« aria-pressed », String(v === « trimestre »));
renderTimeline();
}
function resetAll(){
state.moisMax = 24;
state.vue = « complete »;
state.recherche = « »;
state.filtreCategorie = « Toutes »;
state.selectionId = null;
elRange.value = String(state.moisMax);
elSearch.value = « »;
setVue(« complete »);
renderFilters();
renderAll();
}
function renderAll(){
// Re-rendre filtres (état aria-pressed)
renderFilters();
renderTimeline();
renderDetail();
renderSummary();
}
// ———- Interactions ———-
elRange.addEventListener(« input », () => {
state.moisMax = clamp(parseInt(elRange.value, 10) || 1, 1, 24);
// Si le jalon sélectionné n’est plus dans la fenêtre, on garde la sélection mais le statut devient « À venir »
renderTimeline();
renderDetail();
renderSummary();
});
elSearch.addEventListener(« input », () => {
state.recherche = elSearch.value || « »;
renderAll();
});
elViewAll.addEventListener(« click », () => setVue(« complete »));
elViewQuarter.addEventListener(« click », () => setVue(« trimestre »));
elReset.addEventListener(« click », resetAll);
elPrev.addEventListener(« click », () => {
state.moisMax = clamp(state.moisMax – 1, 1, 24);
elRange.value = String(state.moisMax);
renderTimeline(); renderDetail(); renderSummary();
});
elNext.addEventListener(« click », () => {
state.moisMax = clamp(state.moisMax + 1, 1, 24);
elRange.value = String(state.moisMax);
renderTimeline(); renderDetail(); renderSummary();
});
elCopy.addEventListener(« click », async () => {
const j = JALONS.find(x => x.id === state.selectionId);
const text = j
? [
`Jalon : ${j.titre}`,
`Catégorie : ${j.categorie}`,
`Fenêtre : mois ${j.debut} à ${j.fin}`,
`Objectif : ${j.objectif}`,
`Livrable : ${j.livrable}`,
`Indicateur de succès : ${j.indicateur}`
].join(« n »)
: « Aucun jalon sélectionné. »;
try{
await navigator.clipboard.writeText(text);
const old = elCopy.textContent;
elCopy.textContent = TEXTES.boutonCopieOk;
setTimeout(() => elCopy.textContent = old || TEXTES.boutonCopie, 900);
} catch(e){
// Fallback simple : sélection via prompt
window.prompt(« Copiez le texte ci-dessous : », text);
}
});
// ———- Initialisation ———-
renderFilters();
// Pré-sélectionner un jalon “structurant” pour guider la lecture
state.selectionId = « diag »;
elRange.value = String(state.moisMax);
setVue(« complete »);
renderAll();
})();
À mesure que l’architecture s’assouplit, une autre dimension devient centrale : la capacité à embarquer des partenaires et à mutualiser certains socles. La notion de cloud souverain partagé, par exemple, ne se limite pas à une plateforme : elle raconte une stratégie de coopération entre institutions, où la standardisation sert la robustesse. Le thème suivant s’impose alors : le facteur humain, cœur du Leadership IT.
Leadership IT : recruter, réinternaliser et fédérer pour une résilience durable
Un système d’information ne devient pas résilient uniquement par l’achat d’outils. Il le devient quand une organisation sait attirer, former, responsabiliser et retenir des talents capables de faire vivre ces outils. Le Leadership IT associé à Jean-Baptiste Courouble est souvent décrit comme un mélange de clarté stratégique et d’ouverture : assumer une feuille de route ambitieuse, tout en créant les conditions pour que les équipes la rendent réelle. Dans le secteur public, cet enjeu est d’autant plus intense que la concurrence sur les compétences numériques est rude, et que les attentes des candidats ont évolué (sens, autonomie, qualité des pratiques, impact).
La réinternalisation ciblée, souvent évoquée dans les grandes DSI, vise à reprendre la maîtrise des briques critiques et à sécuriser les savoir-faire. Elle ne signifie pas “tout faire seul”. Elle consiste à décider où se situe la valeur et où se situe le risque : sur certains domaines (sécurité, plateforme, data, architecture), la capacité interne est un facteur de souveraineté opérationnelle. Sur d’autres (expertises ponctuelles, pics de charge), les partenaires restent essentiels. Le bon équilibre se lit dans la capacité à piloter : exiger des standards, garder une documentation vivante, et éviter la dépendance à des connaissances “non transférées”.
Ce que la résilience change dans le management
La résilience impose une discipline collective. Elle pousse à clarifier les astreintes, à outiller la gestion d’incident, et à protéger les équipes de l’épuisement. Une organisation qui “tient” dans la durée est une organisation qui prend au sérieux le run : rotations, post-mortems constructifs, priorisation de la dette, et droit à l’erreur encadré. Cela peut sembler très opérationnel, mais c’est précisément ce qui rend l’ambition tenable.
Dans une rédaction enthousiaste, difficile de ne pas souligner le contraste : là où certains imaginent encore des SI publics figés, des DSI comme celle de l’Urssaf Caisse Nationale font bouger les lignes et “cassent l’image” par la pratique. Les chantiers de modernisation, la place donnée aux plateformes et à la sécurité, l’effort de recrutement et de montée en compétences, dessinent un récit où l’impact est concret : un service plus fiable pour des millions d’interactions. Insight final : la résilience la plus rare est celle qui se construit sans bruit, par une culture partagée.
{« @context »: »https://schema.org », »@type »: »FAQPage », »mainEntity »:[{« @type »: »Question », »name »: »Que ru00e9compense exactement le Prix DSIN Ru00e9silience ? », »acceptedAnswer »:{« @type »: »Answer », »text »: »Il valorise une capacitu00e9 du00e9montru00e9e u00e0 maintenir les services, u00e0 limiter lu2019impact des incidents (techniques ou cyber) et u00e0 redu00e9marrer rapidement, gru00e2ce u00e0 une organisation, des processus et une architecture conu00e7us pour encaisser les chocs. »}},{« @type »: »Question », »name »: »Pourquoi la ru00e9silience est-elle stratu00e9gique pour lu2019Urssaf Caisse Nationale ? », »acceptedAnswer »:{« @type »: »Answer », »text »: »Parce que la continuitu00e9 des services numu00e9riques soutient des du00e9marches indispensables pour les entreprises et les particuliers, et que toute interruption peut avoir des effets en cascade sur les u00e9chu00e9ances, la relation usager et la confiance. »}},{« @type »: »Question », »name »: »Quel lien entre transformation numu00e9rique et cybersu00e9curitu00e9 dans une DSI moderne ? », »acceptedAnswer »:{« @type »: »Answer », »text »: »Plus les architectures deviennent distribuu00e9es (API, cloud, conteneurs), plus la surface du2019attaque u00e9volue. La su00e9curitu00e9 doit donc u00eatre intu00e9gru00e9e au delivery via lu2019automatisation, des contru00f4les standardisu00e9s et une ru00e9ponse u00e0 incident pru00e9paru00e9e. »}},{« @type »: »Question », »name »: »Comment le Leadership IT amu00e9liore-t-il la ru00e9silience au-delu00e0 de la technologie ? », »acceptedAnswer »:{« @type »: »Answer », »text »: »En structururant les u00e9quipes, en clarifiant les responsabilitu00e9s build/run, en formant aux ru00e9flexes de crise, en gu00e9rant la dette technique et en cru00e9ant un environnement ou00f9 la qualitu00e9 en production est un objectif partagu00e9. »}}]}
Que récompense exactement le Prix DSIN Résilience ?
Il valorise une capacité démontrée à maintenir les services, à limiter l’impact des incidents (techniques ou cyber) et à redémarrer rapidement, grâce à une organisation, des processus et une architecture conçus pour encaisser les chocs.
Pourquoi la résilience est-elle stratégique pour l’Urssaf Caisse Nationale ?
Parce que la continuité des services numériques soutient des démarches indispensables pour les entreprises et les particuliers, et que toute interruption peut avoir des effets en cascade sur les échéances, la relation usager et la confiance.
Quel lien entre transformation numérique et cybersécurité dans une DSI moderne ?
Plus les architectures deviennent distribuées (API, cloud, conteneurs), plus la surface d’attaque évolue. La sécurité doit donc être intégrée au delivery via l’automatisation, des contrôles standardisés et une réponse à incident préparée.
Comment le Leadership IT améliore-t-il la résilience au-delà de la technologie ?
En structururant les équipes, en clarifiant les responsabilités build/run, en formant aux réflexes de crise, en gérant la dette technique et en créant un environnement où la qualité en production est un objectif partagé.
Anna Bailly dirige la rédaction de CDI TECH MEDIA. Journaliste numérique depuis onze ans, elle a fait ses armes au pôle innovation de Numerama avant de rejoindre Usbek & Rica comme cheffe de la rubrique technologies, puis de co-fonder un média indépendant dédié à l’intelligence artificielle à Berlin. Diplômée de Sciences Po Paris et titulaire d’un DU d’éthique de l’intelligence artificielle, elle s’intéresse autant à la mécanique interne des modèles de langage qu’aux dynamiques sociales du numérique.
