Cockpit Formation 360\u00b0 | Maroc Zain Academy<\/title>\n<meta name=\"description\" content=\"Tableau de bord ex\u00e9cutif de pilotage des formations pour PDG, Directeurs et Direction du Capital Humain.\">\n<style>\n:root{\n --navy:#052744;--blue:#0d6fb8;--blue2:#1385d2;--gold:#d8b34f;--green:#16845c;--red:#c23b36;\n --orange:#e58a28;--light:#f5f8fc;--white:#fff;--text:#172033;--muted:#667085;--border:#e3e8ef;\n --shadow:0 16px 40px rgba(6,41,71,.09)\n}\n*{box-sizing:border-box}\nbody{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:var(--text)}\na{text-decoration:none}\n.wrap{width:min(1400px,95%);margin:auto}\n.topbar{background:linear-gradient(135deg,var(--navy),var(--blue));color:white;padding:28px 0}\n.topbar-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}\n.badge{display:inline-block;background:var(--gold);color:#14283a;padding:7px 13px;border-radius:20px;font-weight:800;font-size:12px}\n.topbar h1{margin:10px 0 5px;font-size:38px}\n.topbar p{margin:0;color:#dce8f2}\n.navtabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}\n.tabbtn{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;padding:10px 14px;border-radius:9px;cursor:pointer;font-weight:700}\n.tabbtn.active{background:#fff;color:var(--navy)}\n.toolbar{background:#fff;margin:20px auto;padding:14px;border-radius:14px;box-shadow:var(--shadow);display:flex;gap:10px;flex-wrap:wrap}\n.toolbar select,.toolbar input{padding:10px 12px;border:1px solid #ccd7e2;border-radius:8px;min-width:160px;flex:1}\n.btn{border:0;border-radius:8px;padding:11px 15px;font-weight:800;cursor:pointer}\n.btn-blue{background:var(--blue);color:#fff}.btn-gold{background:var(--gold);color:#13263a}\nsection{padding:20px 0}\n.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}\n.kpi{background:#fff;padding:18px;border-radius:15px;box-shadow:var(--shadow);border-top:4px solid var(--blue)}\n.kpi small{color:var(--muted);font-weight:700}.kpi strong{display:block;font-size:30px;color:var(--navy);margin-top:6px}\n.delta{font-size:12px;color:var(--green);font-weight:700}\n.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}\n.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.panel{background:#fff;padding:20px;border-radius:16px;box-shadow:var(--shadow)}\n.panel h2,.panel h3{color:var(--navy);margin-top:0}\n.barrow{margin:13px 0}.barhead{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}.bar{height:12px;background:#e7edf3;border-radius:20px;overflow:hidden}.bar>div{height:100%;background:linear-gradient(90deg,var(--blue),var(--gold))}\n.alert{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px;margin:9px 0}\n.dot{width:12px;height:12px;border-radius:50%}.red{background:var(--red)}.orange{background:var(--orange)}.green{background:var(--green)}\n.status{font-size:12px;font-weight:800;padding:5px 8px;border-radius:16px}.sred{background:#fdeaea;color:var(--red)}.sorange{background:#fff1df;color:#a45c00}.sgreen{background:#e7f7ef;color:var(--green)}\ntable{width:100%;border-collapse:collapse;font-size:13px}th{background:var(--navy);color:#fff;padding:11px;text-align:left}td{padding:10px;border-bottom:1px solid var(--border)}tr:hover td{background:#f8fbfe}\n.matrix td,.matrix th{text-align:center}.skill-cell{font-weight:900}.cgreen{background:#e7f7ef!important;color:var(--green)}.corange{background:#fff3df!important;color:#a45c00}.cred{background:#fdeaea!important;color:var(--red)}.cgray{background:#f1f3f5!important;color:#77818d}\n.view{display:none}.view.active{display:block}\n.progress{height:14px;background:#e5ebf1;border-radius:20px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--blue),var(--gold))}\n.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:10px 0}.legend span{display:flex;gap:6px;align-items:center}\n.budget-card{background:linear-gradient(135deg,#eef7ff,#fff9e8)}\n.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}\n.action{padding:16px;border:1px dashed #b8c6d4;border-radius:12px;background:#fbfdff}\n.footer-note{text-align:center;color:var(--muted);padding:28px 0;font-size:12px}\n@media(max-width:950px){.grid2,.grid3{grid-template-columns:1fr}.topbar-grid{grid-template-columns:1fr}}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"topbar\">\n <div class=\"wrap\">\n <div class=\"topbar-grid\">\n <div>\n <span class=\"badge\">MAROC ZAIN ACADEMY \u2022 B2B PREMIUM<\/span>\n <h1>Cockpit Formation 360\u00b0<\/h1>\n <p>Pilotage ex\u00e9cutif des formations, comp\u00e9tences, budgets, alertes et performances.<\/p>\n <\/div>\n <div>\n <strong id=\"today\"><\/strong>\n <\/div>\n <\/div>\n <div class=\"navtabs\">\n <button class=\"tabbtn active\" data-view=\"pdg\">PDG<\/button>\n <button class=\"tabbtn\" data-view=\"directeurs\">Directeurs<\/button>\n <button class=\"tabbtn\" data-view=\"dch\">Capital Humain<\/button>\n <button class=\"tabbtn\" data-view=\"competences\">Comp\u00e9tences<\/button>\n <button class=\"tabbtn\" data-view=\"budget\">Budget<\/button>\n <button class=\"tabbtn\" data-view=\"alertes\">Alertes<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"wrap\">\n <div class=\"toolbar\">\n <select id=\"directionFilter\">\n <option value=\"all\">Toutes directions<\/option>\n <option>Commercial<\/option><option>Exploitation<\/option><option>Fret<\/option><option>Ressources Humaines<\/option><option>Finance<\/option>\n <\/select>\n <select id=\"periodFilter\">\n <option>Ann\u00e9e en cours<\/option><option>Trimestre<\/option><option>Mois<\/option>\n <\/select>\n <input id=\"search\" placeholder=\"Rechercher collaborateur, formation, m\u00e9tier...\">\n <button class=\"btn btn-blue\" onclick=\"alert('Export de d\u00e9monstration : \u00e0 connecter \u00e0 votre backend\/CRM.')\">Exporter rapport<\/button>\n <button class=\"btn btn-gold\" onclick=\"window.print()\">Imprimer<\/button>\n <\/div>\n\n <section class=\"kpis\">\n <div class=\"kpi\"><small>Effectif total<\/small><strong>2 486<\/strong><span class=\"delta\">+3,1% vs N-1<\/span><\/div>\n <div class=\"kpi\"><small>Collaborateurs actifs<\/small><strong>2 103<\/strong><span class=\"delta\">84,6%<\/span><\/div>\n <div class=\"kpi\"><small>Formations termin\u00e9es<\/small><strong>78%<\/strong><span class=\"delta\">+6 pts<\/span><\/div>\n <div class=\"kpi\"><small>Taux de r\u00e9ussite<\/small><strong>86%<\/strong><span class=\"delta\">+4 pts<\/span><\/div>\n <div class=\"kpi\"><small>Score moyen<\/small><strong>82\/100<\/strong><span class=\"delta\">+2 pts<\/span><\/div>\n <div class=\"kpi\"><small>Comp\u00e9tences critiques<\/small><strong>14<\/strong><span style=\"color:var(--red);font-size:12px;font-weight:700\">Action requise<\/span><\/div>\n <div class=\"kpi\"><small>Budget consomm\u00e9<\/small><strong>68%<\/strong><span class=\"delta\">Conforme<\/span><\/div>\n <\/section>\n\n <div id=\"pdg\" class=\"view active\">\n <section class=\"grid2\">\n <div class=\"panel\">\n <h2>Performance par direction<\/h2>\n <div class=\"barrow\"><div class=\"barhead\"><span>Commercial<\/span><strong>89%<\/strong><\/div><div class=\"bar\"><div style=\"width:89%\"><\/div><\/div><\/div>\n <div class=\"barrow\"><div class=\"barhead\"><span>Exploitation<\/span><strong>84%<\/strong><\/div><div class=\"bar\"><div style=\"width:84%\"><\/div><\/div><\/div>\n <div class=\"barrow\"><div class=\"barhead\"><span>Fret<\/span><strong>81%<\/strong><\/div><div class=\"bar\"><div style=\"width:81%\"><\/div><\/div><\/div>\n <div class=\"barrow\"><div class=\"barhead\"><span>Ressources Humaines<\/span><strong>88%<\/strong><\/div><div class=\"bar\"><div style=\"width:88%\"><\/div><\/div><\/div>\n <div class=\"barrow\"><div class=\"barhead\"><span>Finance<\/span><strong>76%<\/strong><\/div><div class=\"bar\"><div style=\"width:76%\"><\/div><\/div><\/div>\n <\/div>\n <div class=\"panel\">\n <h2>Alertes ex\u00e9cutives<\/h2>\n <div class=\"alert\"><span class=\"dot red\"><\/span><div><strong>14 comp\u00e9tences critiques<\/strong><br><small>3 directions concern\u00e9es<\/small><\/div><span class=\"status sred\">URGENT<\/span><\/div>\n <div class=\"alert\"><span class=\"dot orange\"><\/span><div><strong>37 formations en retard<\/strong><br><small>\u00c9ch\u00e9ance d\u00e9pass\u00e9e<\/small><\/div><span class=\"status sorange\">SUIVI<\/span><\/div>\n <div class=\"alert\"><span class=\"dot orange\"><\/span><div><strong>11 recyclages sous 30 jours<\/strong><br><small>Population critique<\/small><\/div><span class=\"status sorange\">SUIVI<\/span><\/div>\n <div class=\"alert\"><span class=\"dot green\"><\/span><div><strong>Budget formation<\/strong><br><small>Consommation conforme<\/small><\/div><span class=\"status sgreen\">OK<\/span><\/div>\n <\/div>\n <\/section>\n\n <section class=\"grid3\">\n <div class=\"panel\"><h3>Top 3 directions<\/h3><p>1. Commercial \u2014 89%<\/p><p>2. RH \u2014 88%<\/p><p>3. Exploitation \u2014 84%<\/p><\/div>\n <div class=\"panel\"><h3>\u00c0 renforcer<\/h3><p>Finance \u2014 76%<\/p><p>Fret \u2014 81%<\/p><p>11 recyclages proches<\/p><\/div>\n <div class=\"panel budget-card\"><h3>Indice de maturit\u00e9 formation<\/h3><strong style=\"font-size:42px;color:var(--blue)\">83\/100<\/strong><p>Niveau global : avanc\u00e9<\/p><\/div>\n <\/section>\n <\/div>\n\n <div id=\"directeurs\" class=\"view\">\n <section class=\"panel\">\n <h2>Ma Direction \u2014 suivi op\u00e9rationnel<\/h2>\n <table>\n <tr><th>Collaborateur<\/th><th>M\u00e9tier<\/th><th>Formation<\/th><th>Progression<\/th><th>Score<\/th><th>Comp\u00e9tence<\/th><th>Statut<\/th><\/tr>\n <tr><td>Collaborateur A<\/td><td>Chef d’escale<\/td><td>Management escale<\/td><td>92%<\/td><td>88<\/td><td>Ma\u00eetris\u00e9e<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <tr><td>Collaborateur B<\/td><td>Agent fret<\/td><td>Export<\/td><td>61%<\/td><td>67<\/td><td>\u00c0 renforcer<\/td><td><span class=\"status sorange\">SUIVI<\/span><\/td><\/tr>\n <tr><td>Collaborateur C<\/td><td>Superviseur<\/td><td>S\u00e9curit\u00e9<\/td><td>34%<\/td><td>51<\/td><td>Critique<\/td><td><span class=\"status sred\">URGENT<\/span><\/td><\/tr>\n <tr><td>Collaborateur D<\/td><td>Commercial<\/td><td>Sales Academy<\/td><td>100%<\/td><td>94<\/td><td>Expert<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <\/table>\n <\/section>\n <section class=\"quick-actions\">\n <div class=\"action\"><strong>Inscrire un collaborateur<\/strong><p>Ajouter \u00e0 un parcours.<\/p><\/div>\n <div class=\"action\"><strong>Relancer les retardataires<\/strong><p>Action de suivi.<\/p><\/div>\n <div class=\"action\"><strong>Planifier une rem\u00e9diation<\/strong><p>Pour scores faibles.<\/p><\/div>\n <div class=\"action\"><strong>Exporter ma direction<\/strong><p>Rapport direction.<\/p><\/div>\n <\/section>\n <\/div>\n\n <div id=\"dch\" class=\"view\">\n <section class=\"grid2\">\n <div class=\"panel\">\n <h2>Plan annuel de formation<\/h2>\n <table>\n <tr><th>Programme<\/th><th>Population<\/th><th>Inscrits<\/th><th>R\u00e9ussite<\/th><th>Statut<\/th><\/tr>\n <tr><td>Chef de Cabine<\/td><td>Cabine<\/td><td>180<\/td><td>91%<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <tr><td>Fret Import \/ Export<\/td><td>Cargo<\/td><td>145<\/td><td>82%<\/td><td><span class=\"status sorange\">SUIVI<\/span><\/td><\/tr>\n <tr><td>Sales Academy<\/td><td>Commercial<\/td><td>220<\/td><td>89%<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <tr><td>Programme Control<\/td><td>Op\u00e9rations<\/td><td>75<\/td><td>78%<\/td><td><span class=\"status sorange\">SUIVI<\/span><\/td><\/tr>\n <\/table>\n <\/div>\n <div class=\"panel\">\n <h2>Indicateurs RH Formation<\/h2>\n <p>Heures de formation : <strong>18 460 h<\/strong><\/p>\n <p>Absent\u00e9isme formation : <strong>6,4%<\/strong><\/p>\n <p>Co\u00fbt moyen \/ collaborateur : <strong>612 MAD<\/strong><\/p>\n <p>Certifications \/ attestations d\u00e9livr\u00e9es : <strong>1 284<\/strong><\/p>\n <p>Recyclages \u00e0 planifier : <strong>43<\/strong><\/p>\n <\/div>\n <\/section>\n <\/div>\n\n <div id=\"competences\" class=\"view\">\n <section class=\"panel matrix\">\n <h2>Matrice Comp\u00e9tences \u00d7 Collaborateurs<\/h2>\n <div class=\"legend\"><span><i class=\"dot green\"><\/i> Ma\u00eetris\u00e9e<\/span><span><i class=\"dot orange\"><\/i> \u00c0 renforcer<\/span><span><i class=\"dot red\"><\/i> Critique<\/span><span><i class=\"dot\" style=\"background:#aeb6bf\"><\/i> Non \u00e9valu\u00e9e<\/span><\/div>\n <table>\n <tr><th>Collaborateur<\/th><th>Leadership<\/th><th>CRM<\/th><th>Vente<\/th><th>Fret<\/th><th>S\u00e9curit\u00e9<\/th><th>Management<\/th><\/tr>\n <tr><td>A<\/td><td class=\"skill-cell cgreen\">92<\/td><td class=\"skill-cell cgreen\">88<\/td><td class=\"skill-cell corange\">69<\/td><td class=\"skill-cell cgray\">\u2014<\/td><td class=\"skill-cell cgreen\">85<\/td><td class=\"skill-cell cgreen\">90<\/td><\/tr>\n <tr><td>B<\/td><td class=\"skill-cell corange\">72<\/td><td class=\"skill-cell corange\">68<\/td><td class=\"skill-cell cgreen\">91<\/td><td class=\"skill-cell cgreen\">87<\/td><td class=\"skill-cell cred\">49<\/td><td class=\"skill-cell corange\">74<\/td><\/tr>\n <tr><td>C<\/td><td class=\"skill-cell cred\">51<\/td><td class=\"skill-cell corange\">70<\/td><td class=\"skill-cell cgray\">\u2014<\/td><td class=\"skill-cell cgreen\">84<\/td><td class=\"skill-cell cred\">55<\/td><td class=\"skill-cell corange\">66<\/td><\/tr>\n <\/table>\n <\/section>\n <\/div>\n\n <div id=\"budget\" class=\"view\">\n <section class=\"grid3\">\n <div class=\"panel budget-card\"><h3>Budget annuel<\/h3><strong style=\"font-size:36px;color:var(--blue)\">1 850 000 MAD<\/strong><\/div>\n <div class=\"panel\"><h3>Consomm\u00e9<\/h3><strong style=\"font-size:36px;color:var(--green)\">1 258 000 MAD<\/strong><p>68%<\/p><\/div>\n <div class=\"panel\"><h3>Disponible<\/h3><strong style=\"font-size:36px;color:var(--navy)\">592 000 MAD<\/strong><p>32%<\/p><\/div>\n <\/section>\n <section class=\"panel\">\n <h2>Budget par direction<\/h2>\n <table>\n <tr><th>Direction<\/th><th>Budget<\/th><th>Consomm\u00e9<\/th><th>\u00c9cart<\/th><th>Statut<\/th><\/tr>\n <tr><td>Commercial<\/td><td>420 000<\/td><td>310 000<\/td><td>110 000<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <tr><td>Exploitation<\/td><td>520 000<\/td><td>390 000<\/td><td>130 000<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <tr><td>Fret<\/td><td>310 000<\/td><td>250 000<\/td><td>60 000<\/td><td><span class=\"status sorange\">SUIVI<\/span><\/td><\/tr>\n <tr><td>RH<\/td><td>250 000<\/td><td>158 000<\/td><td>92 000<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <tr><td>Finance<\/td><td>350 000<\/td><td>150 000<\/td><td>200 000<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <\/table>\n <\/section>\n <\/div>\n\n <div id=\"alertes\" class=\"view\">\n <section class=\"panel\">\n <h2>Centre d’alertes formation<\/h2>\n <div class=\"alert\"><span class=\"dot red\"><\/span><div><strong>Comp\u00e9tence s\u00e9curit\u00e9 insuffisante<\/strong><br><small>12 collaborateurs concern\u00e9s<\/small><\/div><span class=\"status sred\">URGENT<\/span><\/div>\n <div class=\"alert\"><span class=\"dot red\"><\/span><div><strong>Formation obligatoire non termin\u00e9e<\/strong><br><small>8 collaborateurs<\/small><\/div><span class=\"status sred\">URGENT<\/span><\/div>\n <div class=\"alert\"><span class=\"dot orange\"><\/span><div><strong>Recyclage sous 30 jours<\/strong><br><small>11 collaborateurs<\/small><\/div><span class=\"status sorange\">SUIVI<\/span><\/div>\n <div class=\"alert\"><span class=\"dot orange\"><\/span><div><strong>Score inf\u00e9rieur au seuil<\/strong><br><small>24 apprenants<\/small><\/div><span class=\"status sorange\">SUIVI<\/span><\/div>\n <div class=\"alert\"><span class=\"dot green\"><\/span><div><strong>Budget annuel<\/strong><br><small>Consommation sous contr\u00f4le<\/small><\/div><span class=\"status sgreen\">OK<\/span><\/div>\n <\/section>\n <\/div>\n\n <div class=\"footer-note\">\n Donn\u00e9es de d\u00e9monstration. \u00c0 connecter \u00e0 votre LMS, base utilisateurs, RH ou CRM pour un pilotage r\u00e9el.\n <\/div>\n<\/div>\n\n<script>\ndocument.getElementById('today').textContent = new Date().toLocaleDateString('fr-FR',{day:'2-digit',month:'long',year:'numeric'});\ndocument.querySelectorAll('.tabbtn').forEach(btn=>{\n btn.addEventListener('click',()=>{\n document.querySelectorAll('.tabbtn').forEach(b=>b.classList.remove('active'));\n btn.classList.add('active');\n document.querySelectorAll('.view').forEach(v=>v.classList.remove('active'));\n document.getElementById(btn.dataset.view).classList.add('active');\n });\n});\n<\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Cockpit Formation 360\u00b0 | Maroc Zain Academy MAROC ZAIN ACADEMY \u2022 B2B PREMIUM Cockpit Formation 360\u00b0 Pilotage ex\u00e9cutif des formations, comp\u00e9tences, budgets, alertes et performances. PDG Directeurs Capital Humain Comp\u00e9tences Budget Alertes Toutes directionsCommercialExploitationFretRessources HumainesFinance Ann\u00e9e en coursTrimestreMois Exporter rapport Imprimer Effectif total2 486+3,1% vs N-1 Collaborateurs actifs2 10384,6% Formations termin\u00e9es78%+6 pts Taux de r\u00e9ussite86%+4 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[],"class_list":["post-3846","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts\/3846","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/comments?post=3846"}],"version-history":[{"count":1,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts\/3846\/revisions"}],"predecessor-version":[{"id":3849,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts\/3846\/revisions\/3849"}],"wp:attachment":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/media?parent=3846"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/categories?post=3846"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/tags?post=3846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3846,"date":"2026-08-23T10:04:03","date_gmt":"2026-08-23T10:04:03","guid":{"rendered":"https:\/\/maroczain.com\/?p=3846"},"modified":"2026-08-23T10:04:03","modified_gmt":"2026-08-23T10:04:03","slug":"3846","status":"publish","type":"post","link":"https:\/\/maroczain.com\/en\/2026\/08\/23\/3846\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\nCockpit Formation 360\u00b0 | Maroc Zain Academy<\/title>\n<meta name=\"description\" content=\"Tableau de bord ex\u00e9cutif de pilotage des formations pour PDG, Directeurs et Direction du Capital Humain.\">\n<style>\n:root{\n --navy:#052744;--blue:#0d6fb8;--blue2:#1385d2;--gold:#d8b34f;--green:#16845c;--red:#c23b36;\n --orange:#e58a28;--light:#f5f8fc;--white:#fff;--text:#172033;--muted:#667085;--border:#e3e8ef;\n --shadow:0 16px 40px rgba(6,41,71,.09)\n}\n*{box-sizing:border-box}\nbody{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:var(--text)}\na{text-decoration:none}\n.wrap{width:min(1400px,95%);margin:auto}\n.topbar{background:linear-gradient(135deg,var(--navy),var(--blue));color:white;padding:28px 0}\n.topbar-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}\n.badge{display:inline-block;background:var(--gold);color:#14283a;padding:7px 13px;border-radius:20px;font-weight:800;font-size:12px}\n.topbar h1{margin:10px 0 5px;font-size:38px}\n.topbar p{margin:0;color:#dce8f2}\n.navtabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}\n.tabbtn{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;padding:10px 14px;border-radius:9px;cursor:pointer;font-weight:700}\n.tabbtn.active{background:#fff;color:var(--navy)}\n.toolbar{background:#fff;margin:20px auto;padding:14px;border-radius:14px;box-shadow:var(--shadow);display:flex;gap:10px;flex-wrap:wrap}\n.toolbar select,.toolbar input{padding:10px 12px;border:1px solid #ccd7e2;border-radius:8px;min-width:160px;flex:1}\n.btn{border:0;border-radius:8px;padding:11px 15px;font-weight:800;cursor:pointer}\n.btn-blue{background:var(--blue);color:#fff}.btn-gold{background:var(--gold);color:#13263a}\nsection{padding:20px 0}\n.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}\n.kpi{background:#fff;padding:18px;border-radius:15px;box-shadow:var(--shadow);border-top:4px solid var(--blue)}\n.kpi small{color:var(--muted);font-weight:700}.kpi strong{display:block;font-size:30px;color:var(--navy);margin-top:6px}\n.delta{font-size:12px;color:var(--green);font-weight:700}\n.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}\n.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.panel{background:#fff;padding:20px;border-radius:16px;box-shadow:var(--shadow)}\n.panel h2,.panel h3{color:var(--navy);margin-top:0}\n.barrow{margin:13px 0}.barhead{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}.bar{height:12px;background:#e7edf3;border-radius:20px;overflow:hidden}.bar>div{height:100%;background:linear-gradient(90deg,var(--blue),var(--gold))}\n.alert{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px;margin:9px 0}\n.dot{width:12px;height:12px;border-radius:50%}.red{background:var(--red)}.orange{background:var(--orange)}.green{background:var(--green)}\n.status{font-size:12px;font-weight:800;padding:5px 8px;border-radius:16px}.sred{background:#fdeaea;color:var(--red)}.sorange{background:#fff1df;color:#a45c00}.sgreen{background:#e7f7ef;color:var(--green)}\ntable{width:100%;border-collapse:collapse;font-size:13px}th{background:var(--navy);color:#fff;padding:11px;text-align:left}td{padding:10px;border-bottom:1px solid var(--border)}tr:hover td{background:#f8fbfe}\n.matrix td,.matrix th{text-align:center}.skill-cell{font-weight:900}.cgreen{background:#e7f7ef!important;color:var(--green)}.corange{background:#fff3df!important;color:#a45c00}.cred{background:#fdeaea!important;color:var(--red)}.cgray{background:#f1f3f5!important;color:#77818d}\n.view{display:none}.view.active{display:block}\n.progress{height:14px;background:#e5ebf1;border-radius:20px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--blue),var(--gold))}\n.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:10px 0}.legend span{display:flex;gap:6px;align-items:center}\n.budget-card{background:linear-gradient(135deg,#eef7ff,#fff9e8)}\n.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}\n.action{padding:16px;border:1px dashed #b8c6d4;border-radius:12px;background:#fbfdff}\n.footer-note{text-align:center;color:var(--muted);padding:28px 0;font-size:12px}\n@media(max-width:950px){.grid2,.grid3{grid-template-columns:1fr}.topbar-grid{grid-template-columns:1fr}}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"topbar\">\n <div class=\"wrap\">\n <div class=\"topbar-grid\">\n <div>\n <span class=\"badge\">MAROC ZAIN ACADEMY \u2022 B2B PREMIUM<\/span>\n <h1>Cockpit Formation 360\u00b0<\/h1>\n <p>Pilotage ex\u00e9cutif des formations, comp\u00e9tences, budgets, alertes et performances.<\/p>\n <\/div>\n <div>\n <strong id=\"today\"><\/strong>\n <\/div>\n <\/div>\n <div class=\"navtabs\">\n <button class=\"tabbtn active\" data-view=\"pdg\">PDG<\/button>\n <button class=\"tabbtn\" data-view=\"directeurs\">Directeurs<\/button>\n <button class=\"tabbtn\" data-view=\"dch\">Capital Humain<\/button>\n <button class=\"tabbtn\" data-view=\"competences\">Comp\u00e9tences<\/button>\n <button class=\"tabbtn\" data-view=\"budget\">Budget<\/button>\n <button class=\"tabbtn\" data-view=\"alertes\">Alertes<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"wrap\">\n <div class=\"toolbar\">\n <select id=\"directionFilter\">\n <option value=\"all\">Toutes directions<\/option>\n <option>Commercial<\/option><option>Exploitation<\/option><option>Fret<\/option><option>Ressources Humaines<\/option><option>Finance<\/option>\n <\/select>\n <select id=\"periodFilter\">\n <option>Ann\u00e9e en cours<\/option><option>Trimestre<\/option><option>Mois<\/option>\n <\/select>\n <input id=\"search\" placeholder=\"Rechercher collaborateur, formation, m\u00e9tier...\">\n <button class=\"btn btn-blue\" onclick=\"alert('Export de d\u00e9monstration : \u00e0 connecter \u00e0 votre backend\/CRM.')\">Exporter rapport<\/button>\n <button class=\"btn btn-gold\" onclick=\"window.print()\">Imprimer<\/button>\n <\/div>\n\n <section class=\"kpis\">\n <div class=\"kpi\"><small>Effectif total<\/small><strong>2 486<\/strong><span class=\"delta\">+3,1% vs N-1<\/span><\/div>\n <div class=\"kpi\"><small>Collaborateurs actifs<\/small><strong>2 103<\/strong><span class=\"delta\">84,6%<\/span><\/div>\n <div class=\"kpi\"><small>Formations termin\u00e9es<\/small><strong>78%<\/strong><span class=\"delta\">+6 pts<\/span><\/div>\n <div class=\"kpi\"><small>Taux de r\u00e9ussite<\/small><strong>86%<\/strong><span class=\"delta\">+4 pts<\/span><\/div>\n <div class=\"kpi\"><small>Score moyen<\/small><strong>82\/100<\/strong><span class=\"delta\">+2 pts<\/span><\/div>\n <div class=\"kpi\"><small>Comp\u00e9tences critiques<\/small><strong>14<\/strong><span style=\"color:var(--red);font-size:12px;font-weight:700\">Action requise<\/span><\/div>\n <div class=\"kpi\"><small>Budget consomm\u00e9<\/small><strong>68%<\/strong><span class=\"delta\">Conforme<\/span><\/div>\n <\/section>\n\n <div id=\"pdg\" class=\"view active\">\n <section class=\"grid2\">\n <div class=\"panel\">\n <h2>Performance par direction<\/h2>\n <div class=\"barrow\"><div class=\"barhead\"><span>Commercial<\/span><strong>89%<\/strong><\/div><div class=\"bar\"><div style=\"width:89%\"><\/div><\/div><\/div>\n <div class=\"barrow\"><div class=\"barhead\"><span>Exploitation<\/span><strong>84%<\/strong><\/div><div class=\"bar\"><div style=\"width:84%\"><\/div><\/div><\/div>\n <div class=\"barrow\"><div class=\"barhead\"><span>Fret<\/span><strong>81%<\/strong><\/div><div class=\"bar\"><div style=\"width:81%\"><\/div><\/div><\/div>\n <div class=\"barrow\"><div class=\"barhead\"><span>Ressources Humaines<\/span><strong>88%<\/strong><\/div><div class=\"bar\"><div style=\"width:88%\"><\/div><\/div><\/div>\n <div class=\"barrow\"><div class=\"barhead\"><span>Finance<\/span><strong>76%<\/strong><\/div><div class=\"bar\"><div style=\"width:76%\"><\/div><\/div><\/div>\n <\/div>\n <div class=\"panel\">\n <h2>Alertes ex\u00e9cutives<\/h2>\n <div class=\"alert\"><span class=\"dot red\"><\/span><div><strong>14 comp\u00e9tences critiques<\/strong><br><small>3 directions concern\u00e9es<\/small><\/div><span class=\"status sred\">URGENT<\/span><\/div>\n <div class=\"alert\"><span class=\"dot orange\"><\/span><div><strong>37 formations en retard<\/strong><br><small>\u00c9ch\u00e9ance d\u00e9pass\u00e9e<\/small><\/div><span class=\"status sorange\">SUIVI<\/span><\/div>\n <div class=\"alert\"><span class=\"dot orange\"><\/span><div><strong>11 recyclages sous 30 jours<\/strong><br><small>Population critique<\/small><\/div><span class=\"status sorange\">SUIVI<\/span><\/div>\n <div class=\"alert\"><span class=\"dot green\"><\/span><div><strong>Budget formation<\/strong><br><small>Consommation conforme<\/small><\/div><span class=\"status sgreen\">OK<\/span><\/div>\n <\/div>\n <\/section>\n\n <section class=\"grid3\">\n <div class=\"panel\"><h3>Top 3 directions<\/h3><p>1. Commercial \u2014 89%<\/p><p>2. RH \u2014 88%<\/p><p>3. Exploitation \u2014 84%<\/p><\/div>\n <div class=\"panel\"><h3>\u00c0 renforcer<\/h3><p>Finance \u2014 76%<\/p><p>Fret \u2014 81%<\/p><p>11 recyclages proches<\/p><\/div>\n <div class=\"panel budget-card\"><h3>Indice de maturit\u00e9 formation<\/h3><strong style=\"font-size:42px;color:var(--blue)\">83\/100<\/strong><p>Niveau global : avanc\u00e9<\/p><\/div>\n <\/section>\n <\/div>\n\n <div id=\"directeurs\" class=\"view\">\n <section class=\"panel\">\n <h2>Ma Direction \u2014 suivi op\u00e9rationnel<\/h2>\n <table>\n <tr><th>Collaborateur<\/th><th>M\u00e9tier<\/th><th>Formation<\/th><th>Progression<\/th><th>Score<\/th><th>Comp\u00e9tence<\/th><th>Statut<\/th><\/tr>\n <tr><td>Collaborateur A<\/td><td>Chef d’escale<\/td><td>Management escale<\/td><td>92%<\/td><td>88<\/td><td>Ma\u00eetris\u00e9e<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <tr><td>Collaborateur B<\/td><td>Agent fret<\/td><td>Export<\/td><td>61%<\/td><td>67<\/td><td>\u00c0 renforcer<\/td><td><span class=\"status sorange\">SUIVI<\/span><\/td><\/tr>\n <tr><td>Collaborateur C<\/td><td>Superviseur<\/td><td>S\u00e9curit\u00e9<\/td><td>34%<\/td><td>51<\/td><td>Critique<\/td><td><span class=\"status sred\">URGENT<\/span><\/td><\/tr>\n <tr><td>Collaborateur D<\/td><td>Commercial<\/td><td>Sales Academy<\/td><td>100%<\/td><td>94<\/td><td>Expert<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <\/table>\n <\/section>\n <section class=\"quick-actions\">\n <div class=\"action\"><strong>Inscrire un collaborateur<\/strong><p>Ajouter \u00e0 un parcours.<\/p><\/div>\n <div class=\"action\"><strong>Relancer les retardataires<\/strong><p>Action de suivi.<\/p><\/div>\n <div class=\"action\"><strong>Planifier une rem\u00e9diation<\/strong><p>Pour scores faibles.<\/p><\/div>\n <div class=\"action\"><strong>Exporter ma direction<\/strong><p>Rapport direction.<\/p><\/div>\n <\/section>\n <\/div>\n\n <div id=\"dch\" class=\"view\">\n <section class=\"grid2\">\n <div class=\"panel\">\n <h2>Plan annuel de formation<\/h2>\n <table>\n <tr><th>Programme<\/th><th>Population<\/th><th>Inscrits<\/th><th>R\u00e9ussite<\/th><th>Statut<\/th><\/tr>\n <tr><td>Chef de Cabine<\/td><td>Cabine<\/td><td>180<\/td><td>91%<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <tr><td>Fret Import \/ Export<\/td><td>Cargo<\/td><td>145<\/td><td>82%<\/td><td><span class=\"status sorange\">SUIVI<\/span><\/td><\/tr>\n <tr><td>Sales Academy<\/td><td>Commercial<\/td><td>220<\/td><td>89%<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <tr><td>Programme Control<\/td><td>Op\u00e9rations<\/td><td>75<\/td><td>78%<\/td><td><span class=\"status sorange\">SUIVI<\/span><\/td><\/tr>\n <\/table>\n <\/div>\n <div class=\"panel\">\n <h2>Indicateurs RH Formation<\/h2>\n <p>Heures de formation : <strong>18 460 h<\/strong><\/p>\n <p>Absent\u00e9isme formation : <strong>6,4%<\/strong><\/p>\n <p>Co\u00fbt moyen \/ collaborateur : <strong>612 MAD<\/strong><\/p>\n <p>Certifications \/ attestations d\u00e9livr\u00e9es : <strong>1 284<\/strong><\/p>\n <p>Recyclages \u00e0 planifier : <strong>43<\/strong><\/p>\n <\/div>\n <\/section>\n <\/div>\n\n <div id=\"competences\" class=\"view\">\n <section class=\"panel matrix\">\n <h2>Matrice Comp\u00e9tences \u00d7 Collaborateurs<\/h2>\n <div class=\"legend\"><span><i class=\"dot green\"><\/i> Ma\u00eetris\u00e9e<\/span><span><i class=\"dot orange\"><\/i> \u00c0 renforcer<\/span><span><i class=\"dot red\"><\/i> Critique<\/span><span><i class=\"dot\" style=\"background:#aeb6bf\"><\/i> Non \u00e9valu\u00e9e<\/span><\/div>\n <table>\n <tr><th>Collaborateur<\/th><th>Leadership<\/th><th>CRM<\/th><th>Vente<\/th><th>Fret<\/th><th>S\u00e9curit\u00e9<\/th><th>Management<\/th><\/tr>\n <tr><td>A<\/td><td class=\"skill-cell cgreen\">92<\/td><td class=\"skill-cell cgreen\">88<\/td><td class=\"skill-cell corange\">69<\/td><td class=\"skill-cell cgray\">\u2014<\/td><td class=\"skill-cell cgreen\">85<\/td><td class=\"skill-cell cgreen\">90<\/td><\/tr>\n <tr><td>B<\/td><td class=\"skill-cell corange\">72<\/td><td class=\"skill-cell corange\">68<\/td><td class=\"skill-cell cgreen\">91<\/td><td class=\"skill-cell cgreen\">87<\/td><td class=\"skill-cell cred\">49<\/td><td class=\"skill-cell corange\">74<\/td><\/tr>\n <tr><td>C<\/td><td class=\"skill-cell cred\">51<\/td><td class=\"skill-cell corange\">70<\/td><td class=\"skill-cell cgray\">\u2014<\/td><td class=\"skill-cell cgreen\">84<\/td><td class=\"skill-cell cred\">55<\/td><td class=\"skill-cell corange\">66<\/td><\/tr>\n <\/table>\n <\/section>\n <\/div>\n\n <div id=\"budget\" class=\"view\">\n <section class=\"grid3\">\n <div class=\"panel budget-card\"><h3>Budget annuel<\/h3><strong style=\"font-size:36px;color:var(--blue)\">1 850 000 MAD<\/strong><\/div>\n <div class=\"panel\"><h3>Consomm\u00e9<\/h3><strong style=\"font-size:36px;color:var(--green)\">1 258 000 MAD<\/strong><p>68%<\/p><\/div>\n <div class=\"panel\"><h3>Disponible<\/h3><strong style=\"font-size:36px;color:var(--navy)\">592 000 MAD<\/strong><p>32%<\/p><\/div>\n <\/section>\n <section class=\"panel\">\n <h2>Budget par direction<\/h2>\n <table>\n <tr><th>Direction<\/th><th>Budget<\/th><th>Consomm\u00e9<\/th><th>\u00c9cart<\/th><th>Statut<\/th><\/tr>\n <tr><td>Commercial<\/td><td>420 000<\/td><td>310 000<\/td><td>110 000<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <tr><td>Exploitation<\/td><td>520 000<\/td><td>390 000<\/td><td>130 000<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <tr><td>Fret<\/td><td>310 000<\/td><td>250 000<\/td><td>60 000<\/td><td><span class=\"status sorange\">SUIVI<\/span><\/td><\/tr>\n <tr><td>RH<\/td><td>250 000<\/td><td>158 000<\/td><td>92 000<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <tr><td>Finance<\/td><td>350 000<\/td><td>150 000<\/td><td>200 000<\/td><td><span class=\"status sgreen\">OK<\/span><\/td><\/tr>\n <\/table>\n <\/section>\n <\/div>\n\n <div id=\"alertes\" class=\"view\">\n <section class=\"panel\">\n <h2>Centre d’alertes formation<\/h2>\n <div class=\"alert\"><span class=\"dot red\"><\/span><div><strong>Comp\u00e9tence s\u00e9curit\u00e9 insuffisante<\/strong><br><small>12 collaborateurs concern\u00e9s<\/small><\/div><span class=\"status sred\">URGENT<\/span><\/div>\n <div class=\"alert\"><span class=\"dot red\"><\/span><div><strong>Formation obligatoire non termin\u00e9e<\/strong><br><small>8 collaborateurs<\/small><\/div><span class=\"status sred\">URGENT<\/span><\/div>\n <div class=\"alert\"><span class=\"dot orange\"><\/span><div><strong>Recyclage sous 30 jours<\/strong><br><small>11 collaborateurs<\/small><\/div><span class=\"status sorange\">SUIVI<\/span><\/div>\n <div class=\"alert\"><span class=\"dot orange\"><\/span><div><strong>Score inf\u00e9rieur au seuil<\/strong><br><small>24 apprenants<\/small><\/div><span class=\"status sorange\">SUIVI<\/span><\/div>\n <div class=\"alert\"><span class=\"dot green\"><\/span><div><strong>Budget annuel<\/strong><br><small>Consommation sous contr\u00f4le<\/small><\/div><span class=\"status sgreen\">OK<\/span><\/div>\n <\/section>\n <\/div>\n\n <div class=\"footer-note\">\n Donn\u00e9es de d\u00e9monstration. \u00c0 connecter \u00e0 votre LMS, base utilisateurs, RH ou CRM pour un pilotage r\u00e9el.\n <\/div>\n<\/div>\n\n<script>\ndocument.getElementById('today').textContent = new Date().toLocaleDateString('fr-FR',{day:'2-digit',month:'long',year:'numeric'});\ndocument.querySelectorAll('.tabbtn').forEach(btn=>{\n btn.addEventListener('click',()=>{\n document.querySelectorAll('.tabbtn').forEach(b=>b.classList.remove('active'));\n btn.classList.add('active');\n document.querySelectorAll('.view').forEach(v=>v.classList.remove('active'));\n document.getElementById(btn.dataset.view).classList.add('active');\n });\n});\n<\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Cockpit Formation 360\u00b0 | Maroc Zain Academy MAROC ZAIN ACADEMY \u2022 B2B PREMIUM Cockpit Formation 360\u00b0 Pilotage ex\u00e9cutif des formations, comp\u00e9tences, budgets, alertes et performances. PDG Directeurs Capital Humain Comp\u00e9tences Budget Alertes Toutes directionsCommercialExploitationFretRessources HumainesFinance Ann\u00e9e en coursTrimestreMois Exporter rapport Imprimer Effectif total2 486+3,1% vs N-1 Collaborateurs actifs2 10384,6% Formations termin\u00e9es78%+6 pts Taux de r\u00e9ussite86%+4 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[],"class_list":["post-3846","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts\/3846","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/comments?post=3846"}],"version-history":[{"count":1,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts\/3846\/revisions"}],"predecessor-version":[{"id":3849,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts\/3846\/revisions\/3849"}],"wp:attachment":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/media?parent=3846"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/categories?post=3846"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/tags?post=3846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}