{"id":338,"date":"2026-09-02T23:38:43","date_gmt":"2026-09-02T23:38:43","guid":{"rendered":"https:\/\/maroczain.com\/scolaire.maroczain.com\/?page_id=338"},"modified":"2026-09-02T23:38:43","modified_gmt":"2026-09-02T23:38:43","slug":"mza-school-360","status":"publish","type":"page","link":"https:\/\/maroczain.com\/scolaire.maroczain.com\/mza-school-360\/","title":{"rendered":"MZA SCHOOL 360\u00b0"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<!doctype html><html lang=\"fr\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><title>MZA School 360 &#8211; Cockpit \u00c9l\u00e8ve<\/title>\n<style>\n:root{--n:#071b34;--b:#0d3b6e;--g:#d4ad57;--bg:#f3f6fa;--line:#dfe6ef;--tx:#172438}\n*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial;color:var(--tx)}.app{max-width:1500px;margin:auto;padding:18px}\n.hero{background:linear-gradient(135deg,var(--n),var(--b));color:#fff;border-radius:25px;padding:30px}.hero h1{font-size:46px;margin:5px 0}.hero p{color:#dce8f5;max-width:1000px}\n.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-top:15px}.kpi,.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px}.kpi b{display:block;font-size:25px;color:var(--b);margin-top:5px}\n.grid{display:grid;grid-template-columns:350px 1fr;gap:18px;margin-top:18px}h2,h3{color:var(--n)}label{display:block;font-size:12px;font-weight:bold;margin:10px 0 5px;color:#526176}\ninput,select,textarea{width:100%;padding:11px;border:1px solid #ccd7e4;border-radius:10px;background:#fbfcfe}textarea{min-height:80px}.gold{width:100%;border:0;border-radius:10px;padding:12px;background:#d4ad57;font-weight:bold;margin-top:12px;cursor:pointer}\n.menu{display:grid;gap:7px}.menu button,.soft{border:0;border-radius:10px;padding:12px;background:#eaf0f7;color:#173b65;font-weight:bold;text-align:left;cursor:pointer}.menu button.on{background:var(--n);color:white}\n.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.card{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.card h3{margin:0 0 7px}.badge{display:inline-block;padding:5px 8px;border-radius:99px;background:#edf3f8;font-size:11px;margin:3px}\n.progress{height:9px;background:#e7ecf2;border-radius:99px;overflow:hidden;margin:8px 0}.bar{height:100%;background:linear-gradient(90deg,var(--b),var(--g))}\n.note{background:#fff8e7;border:1px solid #ecd79e;padding:12px;border-radius:11px;font-size:12px;color:#67552f;margin-top:12px}.chat{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px;min-height:180px}.bubble{padding:10px 12px;border-radius:12px;background:#eaf0f7;margin:8px 0;max-width:85%}.user{margin-left:auto;background:#fff3cf}\n.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tools button{border:0;border-radius:9px;padding:10px;background:#eaf0f7;font-weight:bold}\n@media(max-width:1000px){.grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cards,.kpis,.two{grid-template-columns:1fr}.hero h1{font-size:31px}}\n<\/style><\/head><body><div class=\"app\">\n<section class=\"hero\"><b style=\"color:#efd78d\">MAROC ZAIN ACADEMY \u2022 SOUTIEN SCOLAIRE<\/b><h1>MZA SCHOOL 360<\/h1><p>Cockpit \u00e9l\u00e8ve : diagnostic, cours, exercices, rem\u00e9diation, SOS devoirs, r\u00e9vision express, examens, progression et orientation.<\/p><\/section>\n<section class=\"kpis\"><div class=\"kpi\">Progression<b id=\"kp\">42%<\/b><\/div><div class=\"kpi\">Comp\u00e9tences ma\u00eetris\u00e9es<b id=\"kc\">18<\/b><\/div><div class=\"kpi\">S\u00e9rie actuelle<b>7 jours<\/b><\/div><div class=\"kpi\">Exercices<b id=\"ke\">126<\/b><\/div><div class=\"kpi\">Objectif<b>75%<\/b><\/div><\/section>\n<div class=\"grid\"><aside class=\"panel\"><h2>Mon profil<\/h2><label>Pr\u00e9nom<\/label><input id=\"name\" placeholder=\"\u00c9l\u00e8ve\"><label>Niveau<\/label><select id=\"level\"><option>Pr\u00e9scolaire<\/option><option>1re Primaire<\/option><option>2e Primaire<\/option><option>3e Primaire<\/option><option>4e Primaire<\/option><option>5e Primaire<\/option><option>6e Primaire<\/option><option>1re Coll\u00e8ge<\/option><option>2e Coll\u00e8ge<\/option><option>3e Coll\u00e8ge<\/option><option>Tronc commun<\/option><option>1re Bac<\/option><option>2e Bac<\/option><\/select><label>Mati\u00e8re prioritaire<\/label><select id=\"subject\"><option>Math\u00e9matiques<\/option><option>Fran\u00e7ais<\/option><option>Arabe<\/option><option>Anglais<\/option><option>Physique-Chimie<\/option><option>SVT<\/option><option>\u00c9ducation islamique<\/option><option>Histoire-G\u00e9ographie<\/option><option>Philosophie<\/option><option>Informatique<\/option><\/select><button class=\"gold\" onclick=\"save()\">Enregistrer<\/button><h3>Navigation<\/h3><div class=\"menu\">\n<button class=\"on\" data-v=\"home\">\ud83c\udfe0 Tableau de bord<\/button><button data-v=\"diag\">\ud83c\udfaf Diagnostic<\/button><button data-v=\"courses\">\ud83d\udcda Mes cours<\/button><button data-v=\"exercise\">\u270d\ufe0f Exercices<\/button><button data-v=\"sos\">\ud83c\udd98 SOS Devoirs<\/button><button data-v=\"revision\">\u26a1 R\u00e9vision Express<\/button><button data-v=\"exam\">\ud83d\udcdd Exam Center<\/button><button data-v=\"coach\">\ud83e\udd16 Coach p\u00e9dagogique<\/button><button data-v=\"progress\">\ud83d\udcca Progression<\/button><button data-v=\"orientation\">\ud83c\udf93 Orientation<\/button>\n<\/div><\/aside><main class=\"panel\"><div id=\"view\"><\/div><div class=\"tools\"><button onclick=\"window.print()\">Imprimer \/ PDF<\/button><button onclick=\"localStorage.removeItem('mzaSchool');location.reload()\">R\u00e9initialiser<\/button><\/div><\/main><\/div><\/div>\n<script>\nlet mode=\"home\";const V=document.getElementById(\"view\");let st=JSON.parse(localStorage.getItem(\"mzaSchool\")||'{\"score\":42,\"skills\":18,\"exercises\":126}');\nfunction save(){st.name=name.value;st.level=level.value;st.subject=subject.value;localStorage.setItem(\"mzaSchool\",JSON.stringify(st));render();alert(\"Profil enregistr\u00e9\")}\nfunction render(){\nif(mode===\"home\")V.innerHTML=`<h2>Bonjour ${st.name||\"\ud83d\udc4b\"}<\/h2><p>Voici ton cockpit d'apprentissage. Ton prochain objectif est de renforcer <b>${st.subject||\"Math\u00e9matiques\"}<\/b>.<\/p><div class=cards><div class=card><h3>\ud83c\udfaf Mission du jour<\/h3><p>1 micro-le\u00e7on + 10 exercices + 1 mini-test.<\/p><span class=badge>25 min<\/span><\/div><div class=card><h3>\ud83d\udd25 \u00c0 renforcer<\/h3><p>Le moteur de rem\u00e9diation transformera les erreurs en nouvelles activit\u00e9s cibl\u00e9es.<\/p><\/div><div class=card><h3>\ud83c\udfc6 Challenge<\/h3><p>Atteindre 80% sur trois s\u00e9ries cons\u00e9cutives.<\/p><\/div><\/div><h3>Progression g\u00e9n\u00e9rale<\/h3><div class=progress><div class=bar style=\"width:${st.score}%\"><\/div><\/div>`;\nif(mode===\"diag\")V.innerHTML=`<h2>\ud83c\udfaf Diagnostic intelligent<\/h2><p>\u00c9value les pr\u00e9requis avant de commencer un parcours.<\/p><div class=cards><div class=card><h3>Fondamentaux<\/h3><p>10 questions adaptatives.<\/p><button class=soft onclick=\"alert('Module diagnostic pr\u00eat \u00e0 \u00eatre reli\u00e9 \u00e0 la banque de questions.')\">Commencer<\/button><\/div><div class=card><h3>Compr\u00e9hension<\/h3><p>D\u00e9tecte les notions comprises mais fragiles.<\/p><\/div><div class=card><h3>Plan personnalis\u00e9<\/h3><p>Les r\u00e9sultats alimentent automatiquement le parcours de rem\u00e9diation.<\/p><\/div><\/div>`;\nif(mode===\"courses\")V.innerHTML=`<h2>\ud83d\udcda Mes cours<\/h2><div class=cards>${[\"Cours complet\",\"R\u00e9sum\u00e9 1 page\",\"Carte mentale\",\"BD p\u00e9dagogique\",\"Exemples guid\u00e9s\",\"Micro-le\u00e7on\"].map(x=>`<div class=card><h3>${x}<\/h3><p>${st.subject||\"Mati\u00e8re\"} \u2022 ${st.level||\"Niveau\"}<\/p><span class=badge>Disponible<\/span><\/div>`).join(\"\")}<\/div>`;\nif(mode===\"exercise\")V.innerHTML=`<h2>\u270d\ufe0f G\u00e9n\u00e9rateur d'exercices<\/h2><div class=two><div><label>Difficult\u00e9<\/label><select><option>D\u00e9couverte<\/option><option>Entra\u00eenement<\/option><option>Ma\u00eetrise<\/option><option>Expert<\/option><option>Challenge<\/option><\/select><\/div><div><label>Nombre<\/label><select><option>5<\/option><option>10<\/option><option>20<\/option><\/select><\/div><\/div><button class=gold onclick=\"alert('S\u00e9rie g\u00e9n\u00e9r\u00e9e : le moteur p\u00e9dagogique peut \u00eatre connect\u00e9 \u00e0 votre banque MZA.')\">G\u00e9n\u00e9rer ma s\u00e9rie<\/button><div class=note>Principe : ne pas r\u00e9v\u00e9ler imm\u00e9diatement la r\u00e9ponse. Proposer indice \u2192 m\u00e9thode \u2192 nouvel essai \u2192 correction expliqu\u00e9e.<\/div>`;\nif(mode===\"sos\")V.innerHTML=`<h2>\ud83c\udd98 SOS Devoirs<\/h2><label>Colle ou \u00e9cris l'\u00e9nonc\u00e9<\/label><textarea placeholder=\"\u00c9nonc\u00e9 du devoir...\"><\/textarea><label>Ce que tu as d\u00e9j\u00e0 essay\u00e9<\/label><textarea placeholder=\"Explique ta d\u00e9marche...\"><\/textarea><button class=gold onclick=\"alert('Le module guidera l\u2019\u00e9l\u00e8ve par indices sans faire le devoir \u00e0 sa place.')\">Aide-moi \u00e9tape par \u00e9tape<\/button><div class=note>Le mode SOS privil\u00e9gie l'explication, les indices et la compr\u00e9hension plut\u00f4t qu'une r\u00e9ponse \u00e0 copier.<\/div>`;\nif(mode===\"revision\")V.innerHTML=`<h2>\u26a1 R\u00e9vision Express<\/h2><label>Contr\u00f4le \/ chapitre<\/label><input placeholder=\"Ex. Fonctions du second degr\u00e9\"><label>Temps disponible<\/label><select><option>30 minutes<\/option><option>1 heure<\/option><option>2 heures<\/option><option>3 heures<\/option><\/select><button class=gold onclick=\"alert('Programme : rappel des notions \u2192 exemples \u2192 exercices \u2192 mini-test.')\">Cr\u00e9er mon programme<\/button>`;\nif(mode===\"exam\")V.innerHTML=`<h2>\ud83d\udcdd Exam Center<\/h2><div class=cards><div class=card><h3>Mini-test<\/h3><p>10 questions \u2022 15 min<\/p><\/div><div class=card><h3>Contr\u00f4le<\/h3><p>20 questions \u2022 bar\u00e8me<\/p><\/div><div class=card><h3>Examen blanc<\/h3><p>Conditions proches de l'examen.<\/p><\/div><\/div>`;\nif(mode===\"coach\")V.innerHTML=`<h2>\ud83e\udd16 Coach p\u00e9dagogique<\/h2><div class=chat><div class=bubble>Bonjour ! Quelle notion veux-tu comprendre aujourd'hui ?<\/div><div class=\"bubble user\">Explique-moi autrement.<\/div><div class=bubble>Je peux simplifier, donner un exemple concret, puis te poser une question pour v\u00e9rifier que tu as compris.<\/div><\/div><label>Question<\/label><input id=q placeholder=\"\u00c9cris ta question\"><button class=gold onclick=\"alert('Pour des r\u00e9ponses IA r\u00e9elles, ce cockpit devra \u00eatre connect\u00e9 \u00e0 un backend s\u00e9curis\u00e9.')\">Envoyer<\/button>`;\nif(mode===\"progress\")V.innerHTML=`<h2>\ud83d\udcca Passeport de comp\u00e9tences<\/h2>${[\"Calcul & nombres\",\"R\u00e9solution de probl\u00e8mes\",\"Compr\u00e9hension\",\"Expression \u00e9crite\",\"M\u00e9thode de travail\"].map((x,i)=>`<div class=card><b>${x}<\/b><div class=progress><div class=bar style=\"width:${[72,55,81,64,70][i]}%\"><\/div><\/div><span class=badge>${[\"Acquis\",\"En cours\",\"Ma\u00eetris\u00e9\",\"Acquis\",\"Acquis\"][i]}<\/span><\/div>`).join(\"\")}`;\nif(mode===\"orientation\")V.innerHTML=`<h2>\ud83c\udf93 Orientation progressive<\/h2><p>\u00c0 l'approche du Bac, les r\u00e9sultats, mati\u00e8res fortes, int\u00e9r\u00eats et projet professionnel peuvent alimenter le dossier Post-Bac MZA et le World University Finder.<\/p><div class=card><h3>Profil acad\u00e9mique<\/h3><p>Mati\u00e8re prioritaire : <b>${st.subject||\"\u2014\"}<\/b><br>Niveau : <b>${st.level||\"\u2014\"}<\/b><\/p><\/div>`;\n}\ndocument.querySelectorAll(\".menu button\").forEach(b=>b.onclick=()=>{document.querySelectorAll(\".menu button\").forEach(x=>x.classList.remove(\"on\"));b.classList.add(\"on\");mode=b.dataset.v;render()});\nif(st.name)name.value=st.name;if(st.level)level.value=st.level;if(st.subject)subject.value=st.subject;render();\n<\/script><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>MZA School 360 &#8211; Cockpit \u00c9l\u00e8ve MAROC ZAIN ACADEMY \u2022 SOUTIEN SCOLAIRE MZA SCHOOL 360 Cockpit \u00e9l\u00e8ve : diagnostic, cours, exercices, rem\u00e9diation, SOS devoirs, r\u00e9vision express, examens, progression et orientation. Progression42% Comp\u00e9tences ma\u00eetris\u00e9es18 S\u00e9rie actuelle7 jours Exercices126 Objectif75% Mon profil Pr\u00e9nomNiveauPr\u00e9scolaire1re Primaire2e Primaire3e Primaire4e Primaire5e Primaire6e Primaire1re Coll\u00e8ge2e Coll\u00e8ge3e Coll\u00e8geTronc commun1re Bac2e BacMati\u00e8re prioritaireMath\u00e9matiquesFran\u00e7aisArabeAnglaisPhysique-ChimieSVT\u00c9ducation islamiqueHistoire-G\u00e9ographiePhilosophieInformatiqueEnregistrer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-338","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/pages\/338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/comments?post=338"}],"version-history":[{"count":1,"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/pages\/338\/revisions"}],"predecessor-version":[{"id":340,"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/pages\/338\/revisions\/340"}],"wp:attachment":[{"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/media?parent=338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}