L’OFPPT et l’UM6P unissent leurs forces pour inaugurer le Programme d’Innovation Entrepreneuriale (P.I.E
31 mai 2026 · par Benjamin Le Goff
En bref
🤝 Collaboration stratégique entre l’OFPPT et l’UM6P pour renforcer l’Innovation et l’Entrepreneuriat dans la Formation professionnelle.
🚀 Lancement du Programme d’Innovation Entrepreneuriale (P.I.E) avec une logique « learning by doing » centrée sur l’expérimentation.
🧭 Parcours structuré en 3 étapes (acculturation, fondamentaux, studio d’immersion) étalé sur 2 ans pour accompagner les apprenants vers l’action.
🗺️ Déploiement démarré en régions pilotes (Souss-Massa, Oriental, Laâyoune-Sakia El Hamra) avant extension progressive à l’échelle nationale.
👩🏫 Montée en compétences des formateurs via un appel à participation et une certification dédiée, pour garantir la qualité pédagogique.
À l’heure où la formation professionnelle marocaine accélère sa transformation, la Collaboration entre l’OFPPT et l’UM6P s’impose comme un signal fort : l’Entrepreneuriat n’est plus un simple module périphérique, mais une compétence structurante, au même titre que les savoir-faire techniques. Le Programme d’Innovation Entrepreneuriale (P.I.E) s’inscrit dans cette dynamique, en proposant une approche éducative exigeante, bâtie autour de l’expérimentation, de la confrontation au terrain et de l’apprentissage par l’action. Conçu pour permettre aux apprenants de passer de l’idée à l’exécution, le dispositif mêle ateliers, rencontres avec des entrepreneurs, immersions et séquences hybrides, en présentiel comme à distance. La promesse est claire : ancrer une culture du projet et une posture d’initiative chez des profils divers, y compris ceux qui ne se pensaient pas « faits pour entreprendre ». En filigrane, une ambition : réduire les stéréotypes, renforcer l’employabilité et faire émerger des jeunes entrepreneurs capables de créer de la valeur dans leurs territoires.
OFPPT et UM6P : une collaboration structurante pour le lancement du Programme d’Innovation Entrepreneuriale (P.I.E)
Le Lancement du P.I.E intervient dans le prolongement d’une feuille de route nationale consacrée au Développement de la Formation professionnelle et à la montée en puissance des Cités des métiers et des compétences. Dans ce contexte, l’association entre l’OFPPT, acteur pivot de la formation qualifiante, et l’UM6P, reconnue pour son écosystème de recherche et d’Innovation, s’apparente à une alliance de complémentarités : d’un côté, la capacité de déploiement à grande échelle ; de l’autre, une expertise académique et entrepreneuriale orientée vers la résolution de problèmes concrets.
Ce type de partenariat répond à une réalité observée de longue date dans les organisations : les compétences techniques, aussi solides soient-elles, ne suffisent plus à elles seules. Les employeurs, les incubateurs, et même les administrations attendent désormais des profils capables d’identifier des opportunités, de tester une hypothèse, de structurer une proposition de valeur et d’argumenter face à des parties prenantes. Le P.I.E a précisément été pensé pour installer cette « grammaire » de l’Entrepreneuriat dans le quotidien des centres de l’OFPPT, sans la réduire à un discours inspirant mais peu opérationnel.
Pour illustrer l’enjeu, un fil conducteur simple peut être retenu : celui de Yassine, stagiaire en maintenance industrielle dans une cité des métiers. Très bon techniquement, Yassine peine à se projeter au-delà du salariat. Or, au fil des activités d’acculturation du P.I.E, il repère un irritant récurrent chez des ateliers de sa région : la difficulté à planifier la maintenance préventive et à tracer l’historique des pannes. Ce n’est pas encore une entreprise ; c’est un problème bien formulé. C’est justement là que le dispositif devient utile : transformer un constat de terrain en projet testable, puis en offre structurée.
La logique de Collaboration OFPPT–UM6P se lit aussi dans les méthodes : l’UM6P apporte des approches de design de programme, des outils d’idéation, des cadres d’expérimentation, tandis que l’OFPPT assure l’ancrage pédagogique, l’adaptation aux filières, et le suivi de cohortes sur la durée. Le résultat attendu dépasse la création d’entreprises à court terme ; il s’agit de diffuser un état d’esprit qui sert autant à entreprendre qu’à intraprendre dans une PME, une usine ou une collectivité. Insight final : quand la formation cesse de transmettre uniquement des réponses et apprend à formuler des problèmes, elle change durablement de nature.
Learning by Doing : comment le P.I.E transforme la formation en expérience d’innovation et d’entrepreneuriat
Au cœur du P.I.E, une idée directrice : l’apprentissage par l’expérimentation. Dans un environnement où l’on a longtemps privilégié la restitution de connaissances, le parti pris est assumé : confronter les stagiaires à des situations proches du réel, où l’incertitude fait partie du travail. Cette bascule n’est pas cosmétique. Elle modifie la posture de l’apprenant, qui passe d’exécutant à acteur, et celle du formateur, qui devient facilitateur et garant d’un cadre méthodologique.
Concrètement, le Programme s’étale sur 2 ans et combine ateliers, rencontres, sessions virtuelles et séquences en présentiel. Les participants y croisent des entrepreneurs, des experts sectoriels et des profils capables de « challenger » leurs hypothèses. Plutôt que de partir d’une idée géniale, ils partent d’un besoin repéré : un dysfonctionnement, une attente client, une inefficacité, un service manquant. Pourquoi ce choix ? Parce que l’Innovation utile naît rarement d’une intuition isolée ; elle émerge plus souvent d’une observation fine et d’itérations rapides.
Le P.I.E met un accent particulier sur le mindset entrepreneurial : perception des opportunités, capacité à prendre des risques mesurés, curiosité, sens de l’initiative, droit à l’erreur encadré. Ces compétences transversales ont une valeur directe sur le marché du travail. Un stagiaire qui sait tester un service auprès de dix clients potentiels, analyser les retours et ajuster son offre démontre une maturité très recherchée, y compris pour des postes non entrepreneuriaux.
Un exemple typique : une équipe issue d’une filière logistique identifie un problème de livraison du dernier kilomètre dans une zone périurbaine. Au lieu de rédiger immédiatement un business plan figé, elle mène une enquête terrain, cartographie les flux, et met en place un prototype simple : un point de collecte partagé avec un commerçant partenaire. L’objectif n’est pas d’être parfait, mais d’apprendre vite. Ce cheminement rend le « plan d’affaires » plus crédible : il s’appuie sur des données, même modestes, plutôt que sur des suppositions.
Dans les échanges autour du P.I.E, la Directrice du programme, Madame Lamya Housni, insiste sur un point clé : les stagiaires peuvent choisir de se spécialiser sur un secteur ou une technologie, selon leur appétence. Cette liberté est pédagogique : elle permet d’éviter l’entrepreneuriat générique, déconnecté des compétences métier. Insight final : le learning by doing ne consiste pas à “faire pour faire”, mais à apprendre en mesurant, en documentant et en décidant.
Les 3 étapes du Programme P.I.E : acculturation, fondamentaux, studio d’immersion pour jeunes entrepreneurs
Le P.I.E est structuré autour de trois étapes conçues comme une progression logique, depuis la découverte jusqu’à l’expérimentation intensive. Cette architecture évite un écueil fréquent : demander à des apprenants de « pitcher » une entreprise avant même d’avoir compris les mécanismes essentiels du marché, du client, du modèle économique ou de la gestion de projet. Ici, chaque phase prépare la suivante, tout en donnant des résultats concrets à court terme.
Les 3 étapes du P.I.E sur 2 ans
Étape 1 : Acculturation
Découverte de l'entrepreneuriat, sensibilisation, identification d'opportunités.
Étape 2 : Fondamentaux
Acquisition des bases : business model, étude de marché, pitch.
Étape 3 : Studio d'immersion
Mise en pratique dans un environnement réel, avec mentors et entrepreneurs.
Sensibilisation et acculturation : déconstruire les stéréotypes sur l’entrepreneuriat
La première étape vise à installer une culture : comprendre ce qu’est entreprendre, pourquoi cela concerne aussi des profils techniques, et comment se forment les opportunités. Elle sert aussi à freiner les croyances limitantes : « il faut beaucoup d’argent », « il faut un réseau immense », « c’est réservé aux écoles de commerce ». Des échanges avec des porteurs de projets locaux jouent ici un rôle décisif : entendre un artisan, une entrepreneure du digital ou un gérant de petite unité industrielle raconter ses hésitations rend le parcours plus accessible.
Pour beaucoup de stagiaires, cette phase agit comme un déclic. Elle ne promet pas un succès rapide ; elle autorise simplement une question fondatrice : « et si une solution pouvait être conçue à partir de ce que la filière sait déjà faire ? »
Approfondissement des fondamentaux : outils, plan d’affaires et validation terrain
La deuxième étape aborde les méthodes : analyse de problème, segmentation client, proposition de valeur, marketing stratégique, estimation de coûts, premiers indicateurs. L’objectif n’est pas d’accumuler des documents, mais de comprendre les relations de cause à effet. Un prix mal calibré peut faire échouer une offre, même si le produit est bon. Une cible mal définie peut entraîner une communication inefficace, même avec un budget modeste.
Dans cette phase, les apprenants sont amenés à élaborer un plan d’affaires, tout en apprenant à le faire vivre : on corrige, on simplifie, on pivote. La discipline acquise ici est proche de celle attendue en entreprise : prendre des décisions sur la base d’éléments observables.
Studio d’immersion et d’expérimentation : prototypage, clients et gestion de projet
La troisième étape est la plus concrète : place au studio, aux tests, aux itérations. Les stagiaires recherchent de vrais clients, réalisent des démonstrations, gèrent des jalons, et apprennent à documenter ce qu’ils ont tenté. C’est également un entraînement à la responsabilité : une promesse faite à un client impose une exécution, même imparfaite. Insight final : la meilleure pédagogie entrepreneuriale est celle qui transforme l’incertitude en méthode.
Régions pilotes et déploiement national : ce que change le lancement du P.I.E pour le développement territorial
Le déploiement du P.I.E a commencé par des régions pilotes — Souss-Massa, l’Oriental et Laâyoune-Sakia El Hamra — avec une montée en charge progressive. Ce choix n’est pas anodin : ces territoires présentent des réalités économiques différentes, permettant de tester le Programme sur des contextes variés, du tissu PME aux enjeux logistiques, en passant par des filières à fort potentiel (services, industrie, agriculture valorisée, énergies, numérique). Une expérimentation multi-territoires offre un avantage rare : comparer ce qui fonctionne partout et ce qui doit être adapté localement.
En 2026, la question n’est plus uniquement celle du nombre de bénéficiaires, mais de la qualité de l’ancrage. Un programme entrepreneurial efficace doit dialoguer avec l’écosystème : chambres professionnelles, associations, incubateurs, clusters, collectivités. Sans ces ponts, le risque est de produire de bons exercices pédagogiques… mais peu d’opportunités réelles. Le P.I.E, tel qu’il est conçu, mise sur des rencontres avec des entrepreneurs et des experts, qui jouent le rôle de miroir : ils apportent le langage du marché, les contraintes réglementaires, la réalité de la trésorerie, la saisonnalité de la demande.
Tableau de lecture : objectifs, modalités et effets attendus
Élément 🔎
Ce que prévoit le P.I.E 🧩
Effet recherché 🌍
Régions pilotes 🗺️
Souss-Massa, Oriental, Laâyoune-Sakia El Hamra (phase initiale)
Tester l’adaptation locale avant extension nationale
Un exemple d’effet territorial : dans une région où l’emploi saisonnier domine, un projet peut viser à stabiliser les revenus via un service complémentaire hors saison (maintenance, transformation, e-commerce local). Dans un autre territoire, l’enjeu peut être la digitalisation d’un métier traditionnel. Le P.I.E n’impose pas un modèle unique ; il offre un cadre commun pour produire des réponses différentes.
Ce pragmatisme rejoint un principe RH bien connu : la meilleure politique de compétences est celle qui relie la formation à des trajectoires concrètes. En reliant Innovation et Développement territorial, le P.I.E installe une promesse crédible : former des personnes capables de créer leur propre option, plutôt que d’attendre qu’elle apparaisse. Insight final : un programme entrepreneurial réussit quand il fait émerger des solutions utiles à une économie locale réelle, pas à un marché imaginaire.
Former les formateurs OFPPT : certification, appel à participation et qualité pédagogique du Programme P.I.E
Un dispositif ambitieux ne tient pas uniquement par sa maquette ; il tient par celles et ceux qui le font vivre. C’est la raison pour laquelle le P.I.E prévoit un volet explicite de montée en compétences des équipes pédagogiques, via un appel à participation adressé aux enseignants et formateurs de l’OFPPT. L’objectif est double : d’une part, permettre aux formateurs d’acquérir les méthodes et outils de l’Entrepreneuriat expérimental ; d’autre part, créer une communauté interne capable d’animer ateliers et cours avec cohérence, quel que soit le territoire.
Dans l’univers de la formation, la qualité se joue souvent dans les détails : une consigne trop floue, un exercice mal calibré, un feedback absent, et l’apprenant se désengage. À l’inverse, un cadre clair, des critères d’évaluation transparents et un accompagnement régulier transforment un module en expérience structurante. La certification annoncée à l’issue des formations des formateurs constitue ici un levier de standardisation positive : elle sécurise un socle commun, tout en laissant la place à l’adaptation selon les filières.
Compétences visées chez les formateurs : au-delà des contenus
Le formateur P.I.E n’est pas seulement un transmetteur de notions. Il doit savoir orchestrer une dynamique : aider un groupe à choisir une problématique, pousser à l’enquête terrain, apprendre à prototyper avec des moyens limités, et accompagner un pitch sans le transformer en concours d’éloquence. Cette posture exige une vraie maîtrise de la facilitation. Elle requiert aussi une capacité à gérer l’échec pédagogique : un test client négatif n’est pas une mauvaise note, c’est une information.
Liste de pratiques pédagogiques clés encouragées dans le P.I.E
🧭 Faire formuler un problème avant toute solution, pour éviter les projets « hors-sol ».
🧪 Imposer des tests rapides (micro-enquêtes, prototypes simples) plutôt que des dossiers trop longs.
🗣️ Structurer des sessions de feedback régulières, basées sur des critères observables.
📊 Encourager une culture de la mesure (taux de réponse, intentions d’achat, coûts estimés), même rudimentaire.
🤝 Mettre en relation avec des professionnels locaux pour ancrer la démarche dans la réalité.
Au milieu de cet édifice, une question demeure stimulante : comment garantir l’homogénéité de qualité tout en préservant la créativité locale ? La réponse se trouve souvent dans une ingénierie simple : des outils communs, une certification, des retours d’expérience partagés, et des marges d’adaptation explicites. C’est ici que la Collaboration avec l’UM6P apporte une valeur ajoutée : capacité à documenter, à évaluer et à améliorer en continu. Insight final : la réussite du P.I.E dépend autant de la qualité des formateurs que de la motivation des jeunes entrepreneurs en devenir.
Pour visualiser le parcours et ses jalons, l’outil suivant aide à se repérer rapidement dans la progression et les livrables attendus.
Un parcours sur 2 ans structuré en 3 étapes : sensibiliser, outiller, puis expérimenter en studio jusqu’au lancement.
100 % éditableAccessibleSans images
Étape 1 — Sensibilisation et acculturation
Étape 2 — Fondamentaux et outils
Étape 3 — Studio d’immersion et d’expérimentation
Progression :
0 %
M0
Astuce : utilisez les flèches gauche/droite pour naviguer entre les étapes (quand la frise est sélectionnée), et Entrée/Espace pour ouvrir/fermer une carte.
Ligne du temps (2 ans)M0 → M24
Aujourd’hui
Détails de l’étape sélectionnée
Sélectionnez une étape sur la frise pour voir objectifs, activités, livrables et indicateurs.
Checklist de progression
Cochez ce qui est réalisé (stocké dans votre navigateur).
Les coches sont mémorisées en local (sans serveur). Vous pouvez adapter les critères selon votre article.
Lecture rapide
/*
Logique JS — Timeline P.I.E
Objectifs :
– Rendu dynamique des étapes sur 24 mois
– Sélection d’une étape (clic/keyboard)
– Détails : objectifs, activités, livrables, indicateurs de progrès
– Slider de mois pour visualiser la progression globale
– Option « Aujourd’hui » (ligne verticale) au mois sélectionné
– Zoom horizontal (densité de la grille)
Accessibilité :
– Boutons focusables + aria-expanded sur les cartes
– Navigation clavier (flèches gauche/droite pour changer de carte)
– Respect de prefers-reduced-motion (pas d’animations indispensables)
*/
(function () {
const STRINGS = {
moisPrefix: « M »,
rangeLabel: « M0 → M24 »,
todayLabel: « Aujourd’hui »,
aucunDetail: « Sélectionnez une étape sur la frise pour afficher les détails ici. »,
objectifs: « Objectifs »,
activites: « Exemples d’activités »,
livrables: « Livrables attendus »,
indicateurs: « Indicateurs de progrès »,
periode: « Période »,
duree: « Durée »,
mois: « mois »,
etape: « Étape »,
selection: « Sélection »,
ouvrirFermer: « Ouvrir/fermer les détails de l’étape »,
quickreadTitre: « Résumé »,
quickreadObjectif: « But »,
quickreadFocus: « Focus »,
quickreadSorties: « Sorties »,
checklistTitre: « Critères (éditables) »,
progression: « Progression »
};
// Données (100 % français, éditables)
const STEPS = [
{
id: « pie-etape-1 »,
titre: « Sensibilisation et acculturation »,
sousTitre: « Rencontres, inspiration, déconstruction des stéréotypes, découverte des opportunités »,
debut: 0,
fin: 6, // mois 0..6 (6 mois)
objectifs: [
« Déclencher l’envie d’entreprendre et développer une posture d’exploration. »,
« Démystifier l’entrepreneuriat (stéréotypes, peurs, fausses croyances). »,
« Faire émerger des problématiques réelles et des opportunités ancrées dans le terrain. »,
« Créer un premier réseau (pairs, mentors, écosystème) et des repères méthodologiques. »
],
activites: [
« Rencontres avec des entrepreneur(e)s et intrapreneur(e)s (retours d’expérience). »,
« Ateliers de découverte : opportunités sectorielles, défis locaux, tendances. »,
« Sessions d’inspiration : cas d’usage, innovations frugales, impact. »,
« Mini-exercices : cartographie des problèmes, observation terrain, interviews exploratoires. »
],
livrables: [
« Journal d’exploration (apprentissages, hypothèses, angles d’opportunité). »,
« Cartographie initiale d’opportunités (problèmes, publics, contexte). »,
« Pitch d’intention (1 minute) : « le problème que je veux comprendre ». »,
« Plan personnel de progression (compétences à renforcer, ressources, réseau). »
],
indicateurs: [
« Nombre d’entretiens exploratoires réalisés et synthétisés. »,
« Qualité des problématiques formulées (clarté, ancrage, pertinence). »,
« Engagement : présence, contributions, itérations du journal d’exploration. »,
« Capacité à expliquer une opportunité sans jargon (pitch d’intention). »
],
checklist: [
« J’ai réalisé au moins 10 entretiens exploratoires. »,
« J’ai identifié 3 opportunités plausibles et je peux les expliquer. »,
« J’ai rédigé un pitch d’intention clair (≤ 1 minute). »,
« J’ai trouvé au moins 1 mentor/ressource de l’écosystème. »
],
quickread: {
but: « Ouvrir le champ des possibles et ancrer l’opportunité dans le réel. »,
focus: « Comprendre avant de construire. »,
sorties: « Opportunités + hypothèses + pitch d’intention. »
},
couleur: {
bord: « border-sky-200 »,
fond: « bg-sky-50 »,
badge: « bg-sky-600 »
}
},
{
id: « pie-etape-2 »,
titre: « Fondamentaux et outils »,
sousTitre: « Proposition de valeur, segmentation, étude terrain, plan d’affaires vivant, marketing stratégique, budget »,
debut: 6,
fin: 14, // 8 mois
objectifs: [
« Structurer une proposition de valeur compréhensible et différenciante. »,
« Choisir une segmentation réaliste et prioriser un premier segment cible. »,
« Valider/infirmer les hypothèses via une étude terrain plus structurée. »,
« Construire un plan d’affaires vivant (hypothèses, chiffres, risques) et le mettre à jour. »,
« Poser les bases : marketing stratégique, canaux, positionnement, budget. »
],
activites: [
« Ateliers : proposition de valeur, segmentation, personas et parcours. »,
« Étude terrain : tests de messages, analyse de concurrence, estimation de la demande. »,
« Modélisation : coûts, prix, marges, scénarios, points de vigilance. »,
« Marketing stratégique : positionnement, canaux, acquisition, narration. »,
« Mises en situation : pitch de 3 minutes, feedbacks, itérations. »
],
livrables: [
« Proposition de valeur (1 page) + preuves terrain (notes, verbatims). »,
« Segmentation + segment prioritaire + critères de choix. »,
« Plan d’affaires vivant (hypothèses, scénario prudent, scénario ambitieux). »,
« Budget initial (coûts fixes/variables) + logique de prix. »,
« Pitch deck « problème → solution → marché → modèle » (version 1). »
],
indicateurs: [
« Cohérence : segment cible ↔ proposition de valeur ↔ canaux. »,
« Traçabilité des décisions (preuves terrain, apprentissages, arbitrages). »,
« Qualité des hypothèses chiffrées (plausibilité, sources, scénarios). »,
« Amélioration du pitch (clarté, structure, crédibilité). »
],
checklist: [
« J’ai une proposition de valeur écrite + preuves terrain (verbatims). »,
« J’ai choisi un segment prioritaire et j’explique pourquoi. »,
« Mon plan d’affaires est vivant (mis à jour au fil des apprentissages). »,
« J’ai un budget initial et une logique de prix défendable. »
],
quickread: {
but: « Transformer une opportunité en projet structuré et testable. »,
focus: « Clarté + validation + chiffres utiles. »,
sorties: « Proposition de valeur + plan d’affaires vivant + budget + pitch v1. »
},
couleur: {
bord: « border-indigo-200 »,
fond: « bg-indigo-50 »,
badge: « bg-indigo-600 »
}
},
{
id: « pie-etape-3 »,
titre: « Studio d’immersion et d’expérimentation »,
sousTitre: « Prototypage, tests clients, itérations, gestion de projet, pitch, préparation au lancement »,
debut: 14,
fin: 24, // 10 mois
objectifs: [
« Passer du concept à un prototype utile (et itérable). »,
« Tester avec des client(e)s, apprendre vite, améliorer vite. »,
« Installer une exécution rigoureuse : gestion de projet, priorisation, jalons. »,
« Préparer le lancement : offre, canaux, opérations, pitch final. »,
« Renforcer la confiance : répétition, retours, démonstration. »
],
activites: [
« Sprints d’expérimentation : prototypage, tests, itérations. »,
« Tests clients : démonstrations, préventes, pilotes, lettres d’intention. »,
« Gestion de projet : backlog, priorités, risques, jalons de livraison. »,
« Préparation au lancement : plan go-to-market, support, process. »,
« Coaching pitch : storytelling, démonstration, Q/R, objections. »
],
livrables: [
« Prototype (MVP) + journal d’expériences (ce qui a marché/échoué). »,
« Résultats de tests clients (apprentissages, décisions, prochaines itérations). »,
« Backlog priorisé + feuille de route de lancement. »,
« Kit de lancement : offre, messages, canaux, process, métriques. »,
« Pitch final + démonstration prête (avec preuves). »
],
indicateurs: [
« Rythme d’itération (cycles test → apprentissage → amélioration). »,
« Signaux marché : préventes, pilotes, lettres d’intention, rétention test. »,
« Qualité d’exécution (jalons respectés, priorités claires, risques gérés). »,
« Capacité à présenter une preuve (démo, chiffres, retours client). »
],
checklist: [
« J’ai un MVP démontrable et documenté (ce que j’ai appris). »,
« J’ai mené des tests clients réguliers et j’ai itéré en conséquence. »,
« J’ai une feuille de route claire jusqu’au lancement. »,
« Je peux pitcher avec une preuve (démo, pilote, lettre d’intention, chiffres). »
],
quickread: {
but: « Accélérer l’apprentissage par l’expérimentation jusqu’à la mise sur le marché. »,
focus: « Tester, itérer, exécuter. »,
sorties: « MVP + preuves terrain + kit de lancement + pitch final. »
},
couleur: {
bord: « border-emerald-200 »,
fond: « bg-emerald-50 »,
badge: « bg-emerald-600 »
}
}
];
// — DOM
const root = document.getElementById(« pie-timeline-widget »);
const ticksEl = root.querySelector(« #pie-ticks »);
const lanesEl = root.querySelector(« #pie-lanes »);
const detailsEl = root.querySelector(« #pie-details »);
const detailSubtitleEl = root.querySelector(« #pie-detail-subtitle »);
const selectEtapeEl = root.querySelector(« #pie-select-etape »);
const sliderEl = root.querySelector(« #pie-slider-mois »);
const sliderLabelEl = root.querySelector(« #pie-slider-label »);
const barEl = root.querySelector(« #pie-bar »);
const progressionEl = root.querySelector(« #pie-progression »);
const todayLineEl = root.querySelector(« #pie-today-line »);
const todayBadgeEl = root.querySelector(« #pie-today-badge »);
const timelineEl = root.querySelector(« #pie-timeline »);
const timelineInnerEl = root.querySelector(« #pie-timeline-inner »);
const btnTodayEl = root.querySelector(« #pie-btn-aujourdhui »);
const btnResetEl = root.querySelector(« #pie-btn-reinitialiser »);
const btnZoomInEl = root.querySelector(« #pie-btn-zoom-in »);
const btnZoomOutEl = root.querySelector(« #pie-btn-zoom-out »);
const quickreadEl = root.querySelector(« #pie-quickread »);
const checklistEl = root.querySelector(« #pie-checklist »);
// — Config d’affichage (zoom horizontal)
let pxParMois = 52; // zoom par défaut
const pxParMoisMin = 38;
const pxParMoisMax = 80;
// Etat
let selectedIndex = 0;
let todayMonth = null; // null = non affiché
// LocalStorage keys (scopées)
const LS_KEY = « pie_timeline_checklist_v1 »;
function clamp(n, a, b) { return Math.max(a, Math.min(b, n)); }
function monthToX(month) {
// month: 0..24
// L’inner a un padding px-4 (~16px) mais on calcule dans le conteneur interne, donc x relatif.
return month * pxParMois;
}
function setTimelineMinWidth() {
// 24 mois -> largeur, + marge
const base = monthToX(24) + 60;
timelineInnerEl.style.minWidth = base + « px »;
}
function renderTicks() {
ticksEl.innerHTML = « »;
ticksEl.className = « relative h-8 »;
const frag = document.createDocumentFragment();
// Un repère tous les 2 mois pour la lisibilité
for (let m = 0; m {
const top = 0 + i * 118; // hauteur de voie compacte
const left = monthToX(step.debut);
const width = Math.max(180, monthToX(step.fin) – monthToX(step.debut));
const wrap = document.createElement(« div »);
wrap.className = « absolute »;
wrap.style.top = top + « px »;
wrap.style.left = left + « px »;
wrap.style.width = width + « px »;
const btn = document.createElement(« button »);
btn.type = « button »;
btn.dataset.index = String(i);
btn.id = step.id;
btn.className = [
« soft-ring w-full text-left rounded-2xl border »,
step.couleur.bord,
step.couleur.fond,
« hover:bg-white transition-colors »,
« p-4″
].join( » « );
btn.setAttribute(« role », « group »);
btn.setAttribute(« aria-label », `${STRINGS.etape} ${i + 1} : ${step.titre}. ${STRINGS.ouvrirFermer}.`);
btn.setAttribute(« aria-expanded », i === selectedIndex ? « true » : « false »);
// En-tête carte
const header = document.createElement(« div »);
header.className = « flex items-start justify-between gap-3 »;
const titleBox = document.createElement(« div »);
const badge = document.createElement(« div »);
badge.className = « inline-flex items-center gap-2 »;
badge.innerHTML = `
${i + 1}
${STRINGS.etape} ${i + 1}
`;
const title = document.createElement(« div »);
title.className = « mt-2 text-base sm:text-lg font-extrabold text-slate-900 leading-tight »;
title.textContent = step.titre;
const subtitle = document.createElement(« div »);
subtitle.className = « mt-1 text-xs sm:text-sm text-slate-600 leading-relaxed »;
subtitle.textContent = step.sousTitre;
titleBox.appendChild(badge);
titleBox.appendChild(title);
titleBox.appendChild(subtitle);
const meta = document.createElement(« div »);
meta.className = « shrink-0 text-right »;
const periode = document.createElement(« div »);
periode.className = « text-xs font-bold text-slate-700 tabular-nums »;
periode.textContent = `${STRINGS.periode} : M${step.debut}–M${step.fin}`;
const duree = document.createElement(« div »);
duree.className = « mt-1 text-xs text-slate-600 »;
duree.textContent = `${STRINGS.duree} : ${stepDuration(step)} ${STRINGS.mois}`;
meta.appendChild(periode);
meta.appendChild(duree);
header.appendChild(titleBox);
header.appendChild(meta);
// Aperçu compact
const preview = document.createElement(« div »);
preview.className = « mt-3 flex flex-wrap gap-2 »;
const chips = [
{ label: « Objectifs », count: step.objectifs.length },
{ label: « Activités », count: step.activites.length },
{ label: « Livrables », count: step.livrables.length },
{ label: « Indicateurs », count: step.indicateurs.length }
];
chips.forEach(c => {
const chip = document.createElement(« span »);
chip.className = « chip inline-flex items-center gap-2 rounded-full px-2.5 py-1 text-[12px] text-slate-700 »;
chip.innerHTML = `${c.label}${c.count}`;
preview.appendChild(chip);
});
// Hint
const hint = document.createElement(« div »);
hint.className = « mt-3 text-[12px] text-slate-600 »;
hint.textContent = « Cliquez pour afficher les détails ci-dessous. »;
btn.appendChild(header);
btn.appendChild(preview);
btn.appendChild(hint);
wrap.appendChild(btn);
frag.appendChild(wrap);
});
// Conteneur relativement positionné et assez haut
lanesEl.className = « relative »;
lanesEl.style.height = (STEPS.length * 118 + 8) + « px »;
lanesEl.appendChild(frag);
// Scroll auto vers la sélection
scrollToStep(selectedIndex, true);
updateAriaExpanded();
}
function updateAriaExpanded() {
const buttons = lanesEl.querySelectorAll(« button[data-index] »);
buttons.forEach(btn => {
const idx = Number(btn.dataset.index);
btn.setAttribute(« aria-expanded », idx === selectedIndex ? « true » : « false »);
});
}
function renderDetails(index) {
const step = STEPS[index];
if (!step) {
detailsEl.innerHTML = `
`;
checklistEl.appendChild(summary);
}
function setSelectedIndex(index, shouldFocusCard) {
selectedIndex = clamp(index, 0, STEPS.length – 1);
selectEtapeEl.value = String(selectedIndex);
renderDetails(selectedIndex);
renderChecklist(selectedIndex);
updateAriaExpanded();
highlightSelectedCard();
scrollToStep(selectedIndex, false);
if (shouldFocusCard) {
const btn = lanesEl.querySelector(`button[data-index= »${selectedIndex} »]`);
if (btn) btn.focus({ preventScroll: true });
}
}
function highlightSelectedCard() {
const buttons = lanesEl.querySelectorAll(« button[data-index] »);
buttons.forEach(btn => {
const idx = Number(btn.dataset.index);
if (idx === selectedIndex) {
btn.classList.add(« ring-4 », « ring-blue-500/15 »);
} else {
btn.classList.remove(« ring-4 », « ring-blue-500/15 »);
}
});
}
function scrollToStep(index, immediate) {
const step = STEPS[index];
if (!step) return;
const x = monthToX(step.debut);
const target = clamp(x – 60, 0, 999999);
try {
timelineEl.scrollTo({ left: target, behavior: immediate ? « auto » : « smooth » });
} catch {
timelineEl.scrollLeft = target;
}
}
function setMonth(month) {
const m = clamp(Number(month) || 0, 0, 24);
sliderEl.value = String(m);
sliderLabelEl.textContent = STRINGS.moisPrefix + m;
// Progression globale purement temporelle (0..24)
const pct = Math.round((m / 24) * 100);
barEl.style.width = pct + « % »;
progressionEl.textContent = pct + » % »;
// Sélection auto de l’étape correspondant au mois (sans forcer si déjà dans la bonne étape)
const idx = STEPS.findIndex(s => m >= s.debut && m < s.fin);
if (idx !== -1 && idx !== selectedIndex) {
setSelectedIndex(idx, false);
} else {
// Cas m==24 (fin) : on sélectionne la dernière étape
if (m === 24 && selectedIndex !== STEPS.length – 1) setSelectedIndex(STEPS.length – 1, false);
}
// Si la ligne "aujourd’hui" est active, la déplacer
if (todayMonth !== null) {
todayMonth = m;
positionTodayLine(m);
}
}
function positionTodayLine(month) {
const x = monthToX(month);
todayLineEl.style.left = (x + 16) + "px"; // +padding visuel approximatif
todayBadgeEl.style.left = (x + 16) + "px";
todayLineEl.classList.remove("hidden");
todayBadgeEl.classList.remove("hidden");
}
function hideTodayLine() {
todayLineEl.classList.add("hidden");
todayBadgeEl.classList.add("hidden");
}
function setZoom(delta) {
pxParMois = clamp(pxParMois + delta, pxParMoisMin, pxParMoisMax);
setTimelineMinWidth();
renderTicks();
renderCards();
renderDetails(selectedIndex);
renderChecklist(selectedIndex);
// Repositionner la ligne "aujourd’hui" si active
if (todayMonth !== null) positionTodayLine(todayMonth);
}
function escapeHtml(str) {
return String(str)
.replaceAll("&", "&")
.replaceAll(" », « > »)
.replaceAll(‘ »‘, « " »)
.replaceAll(« ‘ », « ' »);
}
// — Events
lanesEl.addEventListener(« click », (e) => {
const btn = e.target.closest(« button[data-index] »);
if (!btn) return;
const idx = Number(btn.dataset.index);
if (Number.isFinite(idx)) setSelectedIndex(idx, false);
});
// Navigation clavier sur les cartes
lanesEl.addEventListener(« keydown », (e) => {
const active = document.activeElement;
const isCard = active && active.matches && active.matches(« button[data-index] »);
if (!isCard) return;
if (e.key === « ArrowRight ») {
e.preventDefault();
setSelectedIndex(selectedIndex + 1, true);
} else if (e.key === « ArrowLeft ») {
e.preventDefault();
setSelectedIndex(selectedIndex – 1, true);
} else if (e.key === « Home ») {
e.preventDefault();
setSelectedIndex(0, true);
} else if (e.key === « End ») {
e.preventDefault();
setSelectedIndex(STEPS.length – 1, true);
} else if (e.key === « Enter » || e.key === » « ) {
// Ici, « ouvrir/fermer » = mettre en évidence + scroller vers les détails (utile sur mobile)
e.preventDefault();
document.getElementById(« pie-details »).scrollIntoView({ behavior: « smooth », block: « start » });
}
});
selectEtapeEl.addEventListener(« change », () => {
setSelectedIndex(Number(selectEtapeEl.value), true);
});
sliderEl.addEventListener(« input », () => setMonth(sliderEl.value));
btnTodayEl.addEventListener(« click », () => {
const m = Number(sliderEl.value);
if (todayMonth === null) {
todayMonth = m;
positionTodayLine(m);
} else {
// toggle off
todayMonth = null;
hideTodayLine();
}
});
btnResetEl.addEventListener(« click », () => {
todayMonth = null;
hideTodayLine();
setMonth(0);
setSelectedIndex(0, false);
// Remettre scroll au début
try { timelineEl.scrollTo({ left: 0, behavior: « smooth » }); } catch { timelineEl.scrollLeft = 0; }
});
btnZoomInEl.addEventListener(« click », () => setZoom(+8));
btnZoomOutEl.addEventListener(« click », () => setZoom(-8));
// — Init
setTimelineMinWidth();
renderTicks();
renderCards();
renderQuickRead();
setMonth(0);
setSelectedIndex(0, false);
highlightSelectedCard();
renderDetails(0);
renderChecklist(0);
// Bonus : rendre la zone “lanes” focusable indirectement via la première carte (déjà focusable)
// Rien à faire.
})();
{« @context »: »https://schema.org », »@type »: »FAQPage », »mainEntity »:[{« @type »: »Question », »name »: »Qui peut bu00e9nu00e9ficier du Programme du2019Innovation Entrepreneuriale (P.I.E) ? », »acceptedAnswer »:{« @type »: »Answer », »text »: »Le P.I.E su2019adresse prioritairement aux stagiaires de lu2019OFPPT, avec un parcours intu00e9gru00e9 sur deux ans animu00e9 par des formateurs formu00e9s et certifiu00e9s. Le programme est pensu00e9 pour des profils variu00e9s, y compris techniques, et pas uniquement pour des publics du00e9ju00e0 attiru00e9s par lu2019entrepreneuriat. »}},{« @type »: »Question », »name »: »Le P.I.E vise-t-il uniquement la cru00e9ation du2019entreprise ? », »acceptedAnswer »:{« @type »: »Answer », »text »: »Non. Le programme du00e9veloppe des compu00e9tences entrepreneuriales transfu00e9rables : identifier une opportunitu00e9, tester une solution, gu00e9rer un projet, comprendre un marchu00e9. Ces acquis servent u00e0 cru00e9er une activitu00e9, mais aussi u00e0 ru00e9ussir en entreprise (intrapreneuriat, amu00e9lioration continue, innovation de terrain). »}},{« @type »: »Question », »name »: »Quelles sont les 3 u00e9tapes du P.I.E et u00e0 quoi servent-elles ? », »acceptedAnswer »:{« @type »: »Answer », »text »: »Le parcours suit une progression : 1) sensibilisation et acculturation pour installer la culture et lever les stu00e9ru00e9otypes ; 2) fondamentaux et outils pour structurer une offre et valider des hypothu00e8ses ; 3) studio du2019immersion et du2019expu00e9rimentation pour prototyper, tester aupru00e8s de clients et apprendre par itu00e9rations jusquu2019u00e0 un pitch et un plan du2019action cru00e9dibles. »}},{« @type »: »Question », »name »: »Pourquoi un appel u00e0 participation est-il lancu00e9 aupru00e8s des formateurs de lu2019OFPPT ? », »acceptedAnswer »:{« @type »: »Answer », »text »: »Parce que la qualitu00e9 du programme du00e9pend de la capacitu00e9 des formateurs u00e0 animer des ateliers orientu00e9s terrain, u00e0 faciliter lu2019expu00e9rimentation et u00e0 accompagner les stagiaires. Les formations proposu00e9es permettent du2019acquu00e9rir ces mu00e9thodes, puis une certification vient reconnau00eetre le niveau atteint. »}},{« @type »: »Question », »name »: »Quu2019apporte lu2019UM6P dans cette collaboration avec lu2019OFPPT ? », »acceptedAnswer »:{« @type »: »Answer », »text »: »Lu2019UM6P apporte une expertise en innovation, en pu00e9dagogies actives et en accompagnement entrepreneurial. Combinu00e9e u00e0 la capacitu00e9 de du00e9ploiement de lu2019OFPPT, cette collaboration vise u00e0 installer des approches u201clearning by doingu201d u00e0 grande u00e9chelle, tout en gardant un haut niveau du2019exigence mu00e9thodologique. »}}]}
Qui peut bénéficier du Programme d’Innovation Entrepreneuriale (P.I.E) ?
Le P.I.E s’adresse prioritairement aux stagiaires de l’OFPPT, avec un parcours intégré sur deux ans animé par des formateurs formés et certifiés. Le programme est pensé pour des profils variés, y compris techniques, et pas uniquement pour des publics déjà attirés par l’entrepreneuriat.
Le P.I.E vise-t-il uniquement la création d’entreprise ?
Non. Le programme développe des compétences entrepreneuriales transférables : identifier une opportunité, tester une solution, gérer un projet, comprendre un marché. Ces acquis servent à créer une activité, mais aussi à réussir en entreprise (intrapreneuriat, amélioration continue, innovation de terrain).
Quelles sont les 3 étapes du P.I.E et à quoi servent-elles ?
Le parcours suit une progression : 1) sensibilisation et acculturation pour installer la culture et lever les stéréotypes ; 2) fondamentaux et outils pour structurer une offre et valider des hypothèses ; 3) studio d’immersion et d’expérimentation pour prototyper, tester auprès de clients et apprendre par itérations jusqu’à un pitch et un plan d’action crédibles.
Pourquoi un appel à participation est-il lancé auprès des formateurs de l’OFPPT ?
Parce que la qualité du programme dépend de la capacité des formateurs à animer des ateliers orientés terrain, à faciliter l’expérimentation et à accompagner les stagiaires. Les formations proposées permettent d’acquérir ces méthodes, puis une certification vient reconnaître le niveau atteint.
Qu’apporte l’UM6P dans cette collaboration avec l’OFPPT ?
L’UM6P apporte une expertise en innovation, en pédagogies actives et en accompagnement entrepreneurial. Combinée à la capacité de déploiement de l’OFPPT, cette collaboration vise à installer des approches “learning by doing” à grande échelle, tout en gardant un haut niveau d’exigence méthodologique.
Les questions honteuses, sans honte
C'est quoi exactement le P.I.E ?
Un programme de 2 ans qui mêle ateliers, rencontres, immersions pour apprendre à entreprendre par la pratique. Il est conçu par l'OFPPT et l'UM6P.
Est-ce que je dois être en dernière année pour participer ?
Le programme s'adresse à tous les apprenants de l'OFPPT, quel que soit leur niveau, avec un parcours progressif d'acculturation puis d'approfondissement.
Ça va se déployer partout au Maroc ?
Pour l'instant, c'est lancé dans trois régions : Souss-Massa, Oriental et Laâyoune-Sakia El Hamra. L'extension nationale est prévue progressivement.
Est-ce que les formateurs sont formés spécialement ?
Oui, un appel à participation a été lancé pour sélectionner et certifier des formateurs, afin d'assurer un accompagnement de qualité.
Benjamin Le Goff, redacteur en chef et fondateur, ancien consultant en strategie RH passe par les grands cabinets internationaux. Specialiste du tissu economique marocain et observateur attentif des transformations sociales qui touchent les cols blancs comme les ouvriers du Royaume, Benjamin publie chaque semaine une enquete, une analyse de fond ou une interview de DRH ou de dirigeant. La ligne editoriale assume sa subjectivite : rigueur factuelle, sources verifiables et zero complaisance commerciale.
