Upload templates/index.html with huggingface_hub
Browse files- templates/index.html +136 -64
templates/index.html
CHANGED
|
@@ -1376,11 +1376,11 @@ textarea:focus {
|
|
| 1376 |
<select id="messageMastery" disabled>
|
| 1377 |
<option value="">Sélectionnez votre niveau...</option>
|
| 1378 |
<option value="novice_srl">Novice – Je découvre l'apprentissage auto-régulé et ses fondements pédagogiques</option>
|
| 1379 |
-
<option value="intermediaire_srl">Intermédiaire – J
|
| 1380 |
-
<option value="avance_srl">Avancé – Je conçois et mets en œuvre des dispositifs pédagogiques liés à l
|
| 1381 |
-
<option value="expert_srl">Expert – Je mène des travaux de recherche et forme d
|
| 1382 |
</select>
|
| 1383 |
-
<small>Indiquez votre niveau d
|
| 1384 |
</div>
|
| 1385 |
|
| 1386 |
<!-- Niveau d'expertise en réflexivité -->
|
|
@@ -1452,7 +1452,7 @@ textarea:focus {
|
|
| 1452 |
</div>
|
| 1453 |
</div>
|
| 1454 |
|
| 1455 |
-
<h3>🕸️ Analyse de l'engagement: Indicateurs de comportement d
|
| 1456 |
|
| 1457 |
<!-- Grille des métriques radar compacte -->
|
| 1458 |
<div class="compact-radar-metrics-grid" id="compact-radar-metrics-grid">
|
|
@@ -1895,6 +1895,136 @@ const perseveranceProfiles = {
|
|
| 1895 |
}
|
| 1896 |
};
|
| 1897 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1898 |
// ================= INIT =================
|
| 1899 |
document.addEventListener("DOMContentLoaded", () => {
|
| 1900 |
console.log("✅ DOM chargé, initialisation...");
|
|
@@ -2229,64 +2359,6 @@ function updateCompactRadarBotMessage(scenario) {
|
|
| 2229 |
|
| 2230 |
if (!radarBotContent || !radarBotInsights) return;
|
| 2231 |
|
| 2232 |
-
// Messages pour chaque profil basé sur le titre du scénario
|
| 2233 |
-
const profileMessages = {
|
| 2234 |
-
"Étudiant engagé": {
|
| 2235 |
-
title: "Étudiant Engagé et Motivé",
|
| 2236 |
-
message: "🎯 Ton engagement est impressionnant ! Tu démontres une forte volonté d'apprendre.",
|
| 2237 |
-
insights: [
|
| 2238 |
-
{ icon: "🔥", text: "Motivation élevée" },
|
| 2239 |
-
{ icon: "🎯", text: "Objectifs bien définis" },
|
| 2240 |
-
{ icon: "📚", text: "Implication active" }
|
| 2241 |
-
]
|
| 2242 |
-
},
|
| 2243 |
-
"Étudiant actif mais inefficace": {
|
| 2244 |
-
title: "Actif mais Peu Efficace",
|
| 2245 |
-
message: "📊 Tu es très actif mais ton taux d'erreur est élevé. Concentre-toi sur une compétence à la fois.",
|
| 2246 |
-
insights: [
|
| 2247 |
-
{ icon: "⚡", text: "Activité élevée" },
|
| 2248 |
-
{ icon: "⚠️", text: "Erreurs fréquentes" },
|
| 2249 |
-
{ icon: "🎯", text: "Focus nécessaire" }
|
| 2250 |
-
]
|
| 2251 |
-
},
|
| 2252 |
-
"Étudiant orienté vers le succès": {
|
| 2253 |
-
title: "Orientation Réussite",
|
| 2254 |
-
message: "🏆 Tu vises l'excellence avec détermination. Ta rigueur est exemplaire.",
|
| 2255 |
-
insights: [
|
| 2256 |
-
{ icon: "⭐", text: "Excellence visée" },
|
| 2257 |
-
{ icon: "🎯", text: "Objectifs ambitieux" },
|
| 2258 |
-
{ icon: "📈", text: "Performance supérieure" }
|
| 2259 |
-
]
|
| 2260 |
-
},
|
| 2261 |
-
"Étudiant motivé": {
|
| 2262 |
-
title: "Nouvellement Motivé",
|
| 2263 |
-
message: "🚀 Ta motivation est un excellent point de départ ! Progresse étape par étape.",
|
| 2264 |
-
insights: [
|
| 2265 |
-
{ icon: "🌟", text: "Motivation récente" },
|
| 2266 |
-
{ icon: "🧱", text: "Construction des bases" },
|
| 2267 |
-
{ icon: "📖", text: "Curiosité ouverte" }
|
| 2268 |
-
]
|
| 2269 |
-
},
|
| 2270 |
-
"Étudiant surmotivé": {
|
| 2271 |
-
title: "Surmotivé - Attention",
|
| 2272 |
-
message: "💥 Ton niveau d'investissement est exceptionnel, attention au risque de surmenage.",
|
| 2273 |
-
insights: [
|
| 2274 |
-
{ icon: "⚡", text: "Investissement maximal" },
|
| 2275 |
-
{ icon: "⚠️", text: "Risque de burnout" },
|
| 2276 |
-
{ icon: "⚖️", text: "Équilibre nécessaire" }
|
| 2277 |
-
]
|
| 2278 |
-
},
|
| 2279 |
-
"Étudiant stratégique": {
|
| 2280 |
-
title: "Stratégique et Efficient",
|
| 2281 |
-
message: "♟️ Tu abordes l'apprentissage avec intelligence et planification.",
|
| 2282 |
-
insights: [
|
| 2283 |
-
{ icon: "🧠", text: "Approche réfléchie" },
|
| 2284 |
-
{ icon: "🎯", text: "Optimisation efforts" },
|
| 2285 |
-
{ icon: "📊", text: "Analyse des retours" }
|
| 2286 |
-
]
|
| 2287 |
-
}
|
| 2288 |
-
};
|
| 2289 |
-
|
| 2290 |
// Récupérer le message pour le profil ou utiliser un message par défaut
|
| 2291 |
const profileMessage = profileMessages[scenario.title] || {
|
| 2292 |
title: "Profil d'Apprentissage",
|
|
@@ -2946,7 +3018,7 @@ function initTrustSave(){
|
|
| 2946 |
}
|
| 2947 |
|
| 2948 |
if (!messageMastery) {
|
| 2949 |
-
const message = "❌ Veuillez sélectionner votre niveau de
|
| 2950 |
console.error(message);
|
| 2951 |
|
| 2952 |
if (msgDiv) {
|
|
|
|
| 1376 |
<select id="messageMastery" disabled>
|
| 1377 |
<option value="">Sélectionnez votre niveau...</option>
|
| 1378 |
<option value="novice_srl">Novice – Je découvre l'apprentissage auto-régulé et ses fondements pédagogiques</option>
|
| 1379 |
+
<option value="intermediaire_srl">Intermédiaire – J'intègre occasionnellement des activités favorisant l'apprentissage auto-régulé</option>
|
| 1380 |
+
<option value="avance_srl">Avancé – Je conçois et mets en œuvre des dispositifs pédagogiques liés à l'apprentissage auto-régulé, en lien avec mon domaine de recherche</option>
|
| 1381 |
+
<option value="expert_srl">Expert – Je mène des travaux de recherche et forme d'autres enseignants à l'apprentissage auto-régulé</option>
|
| 1382 |
</select>
|
| 1383 |
+
<small>Indiquez votre niveau d'expertise dans l'enseignement et la recherche liés à l'apprentissage auto-régulé</small>
|
| 1384 |
</div>
|
| 1385 |
|
| 1386 |
<!-- Niveau d'expertise en réflexivité -->
|
|
|
|
| 1452 |
</div>
|
| 1453 |
</div>
|
| 1454 |
|
| 1455 |
+
<h3>🕸️ Analyse de l'engagement: Indicateurs de comportement d'apprentissage </h3>
|
| 1456 |
|
| 1457 |
<!-- Grille des métriques radar compacte -->
|
| 1458 |
<div class="compact-radar-metrics-grid" id="compact-radar-metrics-grid">
|
|
|
|
| 1895 |
}
|
| 1896 |
};
|
| 1897 |
|
| 1898 |
+
// Messages de profils complets (14 profils)
|
| 1899 |
+
const profileMessages = {
|
| 1900 |
+
"Étudiant engagé": {
|
| 1901 |
+
title: "Démarrage Rapide & Engagement Soutenu",
|
| 1902 |
+
message: "🎯 Tu démarres 85% des activités avec enthousiasme et les termines à 74% ! Ton interaction avec les ressources (80%) montre une implication active.",
|
| 1903 |
+
insights: [
|
| 1904 |
+
{ icon: "🚀", text: "Démarrage élevé (85%)" },
|
| 1905 |
+
{ icon: "✅", text: "Achèvement solide (74%)" },
|
| 1906 |
+
{ icon: "📚", text: "Interaction soutenue (80%)" }
|
| 1907 |
+
]
|
| 1908 |
+
},
|
| 1909 |
+
"Étudiant actif mais inefficace": {
|
| 1910 |
+
title: "Activité Intense mais Performance Perfectible",
|
| 1911 |
+
message: "⚡ Tu interagis beaucoup avec les ressources (85%) mais ton taux de réussite reste à 65% seulement. La qualité prime sur la quantité.",
|
| 1912 |
+
insights: [
|
| 1913 |
+
{ icon: "🔄", text: "Interactions maximales (85%)" },
|
| 1914 |
+
{ icon: "📉", text: "Score modéré (65%)" },
|
| 1915 |
+
{ icon: "🎯", text: "Concentration requise" }
|
| 1916 |
+
]
|
| 1917 |
+
},
|
| 1918 |
+
"Étudiant orienté vers le succès": {
|
| 1919 |
+
title: "Excellence dans l'Action",
|
| 1920 |
+
message: "🏆 Tu excelles dans le démarrage (90%) ET l'achèvement (90%) des activités ! Ton score de 85% reflète une implication exceptionnelle.",
|
| 1921 |
+
insights: [
|
| 1922 |
+
{ icon: "⭐", text: "Démarrage maximal (90%)" },
|
| 1923 |
+
{ icon: "✅", text: "Achèvement parfait (90%)" },
|
| 1924 |
+
{ icon: "📈", text: "Performance élevée (85%)" }
|
| 1925 |
+
]
|
| 1926 |
+
},
|
| 1927 |
+
"Étudiant motivé": {
|
| 1928 |
+
title: "Premiers Pas Encourageants",
|
| 1929 |
+
message: "🚀 Tu commences 65% des activités avec curiosité ! Ton interaction avec les ressources (70%) montre une belle ouverture d'esprit.",
|
| 1930 |
+
insights: [
|
| 1931 |
+
{ icon: "🌟", text: "Démarrage encourageant (65%)" },
|
| 1932 |
+
{ icon: "📖", text: "Curiosité active (70%)" },
|
| 1933 |
+
{ icon: "🧱", text: "Construction en cours" }
|
| 1934 |
+
]
|
| 1935 |
+
},
|
| 1936 |
+
"Étudiant surmotivé": {
|
| 1937 |
+
title: "Surinvestissement dans l'Action",
|
| 1938 |
+
message: "💥 Ton implication est exceptionnelle : 98% d'interaction avec les ressources ! Mais attention à l'équilibre pour éviter l'épuisement.",
|
| 1939 |
+
insights: [
|
| 1940 |
+
{ icon: "⚡", text: "Interaction extrême (98%)" },
|
| 1941 |
+
{ icon: "🚀", text: "Démarrage quasi-parfait (95%)" },
|
| 1942 |
+
{ icon: "⚖️", text: "Équilibre nécessaire" }
|
| 1943 |
+
]
|
| 1944 |
+
},
|
| 1945 |
+
"Étudiant stratégique": {
|
| 1946 |
+
title: "Action Réfléchie et Ciblée",
|
| 1947 |
+
message: "♟️ Tu achèves 75% des activités avec seulement 55% d'interaction. Preuve d'une approche intelligente et efficiente.",
|
| 1948 |
+
insights: [
|
| 1949 |
+
{ icon: "🧠", text: "Efficience démontrée" },
|
| 1950 |
+
{ icon: "✅", text: "Bon achèvement (75%)" },
|
| 1951 |
+
{ icon: "📊", text: "Ressources ciblées (55%)" }
|
| 1952 |
+
]
|
| 1953 |
+
},
|
| 1954 |
+
"Étudiant en amélioration": {
|
| 1955 |
+
title: "Progression dans l'Action",
|
| 1956 |
+
message: "📈 Tu démarres 70% des activités et les termines à 68%. Une progression régulière et encourageante !",
|
| 1957 |
+
insights: [
|
| 1958 |
+
{ icon: "🔄", text: "Démarrage constant (70%)" },
|
| 1959 |
+
{ icon: "📝", text: "Achèvement régulier (68%)" },
|
| 1960 |
+
{ icon: "🎨", text: "Expression en développement" }
|
| 1961 |
+
]
|
| 1962 |
+
},
|
| 1963 |
+
"Étudiant en difficulté": {
|
| 1964 |
+
title: "Approche Collaborative Active",
|
| 1965 |
+
message: "🤝 Tu interagis beaucoup (85%) et démarres 72% des activités. Ta force réside dans l'apprentissage social.",
|
| 1966 |
+
insights: [
|
| 1967 |
+
{ icon: "👥", text: "Interactions élevées (85%)" },
|
| 1968 |
+
{ icon: "🚀", text: "Démarrage solide (72%)" },
|
| 1969 |
+
{ icon: "💬", text: "Approche collaborative" }
|
| 1970 |
+
]
|
| 1971 |
+
},
|
| 1972 |
+
"Étudiant évitant l'échec": {
|
| 1973 |
+
title: "Démarrage Hésitant",
|
| 1974 |
+
message: "🐢 Seulement 35% des activités sont commencées, et 30% terminées. Chaque petit pas d'action compte.",
|
| 1975 |
+
insights: [
|
| 1976 |
+
{ icon: "😨", text: "Démarrage faible (35%)" },
|
| 1977 |
+
{ icon: "⏱️", text: "Achèvement limité (30%)" },
|
| 1978 |
+
{ icon: "🌱", text: "Petites actions possibles" }
|
| 1979 |
+
]
|
| 1980 |
+
},
|
| 1981 |
+
"Étudiant à risque": {
|
| 1982 |
+
title: "Action Inconstante",
|
| 1983 |
+
message: "🔄 Tu commences 75% des activités mais n'en achèves que 55%. La régularité dans l'action te serait bénéfique.",
|
| 1984 |
+
insights: [
|
| 1985 |
+
{ icon: "📉", text: "Inconstance d'achèvement" },
|
| 1986 |
+
{ icon: "🚀", text: "Démarrage bon (75%)" },
|
| 1987 |
+
{ icon: "⚙️", text: "Continuité à développer" }
|
| 1988 |
+
]
|
| 1989 |
+
},
|
| 1990 |
+
"Étudiant en progression": {
|
| 1991 |
+
title: "Action Techniquement Maîtrisée",
|
| 1992 |
+
message: "🛠️ Tu démontres une belle constance : 70% de démarrage, 68% d'achèvement, et un score de 78% !",
|
| 1993 |
+
insights: [
|
| 1994 |
+
{ icon: "🔧", text: "Technique solide" },
|
| 1995 |
+
{ icon: "📊", text: "Score élevé (78%)" },
|
| 1996 |
+
{ icon: "🔄", text: "Constance démontrée" }
|
| 1997 |
+
]
|
| 1998 |
+
},
|
| 1999 |
+
"Étudiant acceptant l'échec": {
|
| 2000 |
+
title: "Planification vs Action",
|
| 2001 |
+
message: "🏁 Tu planifies bien (85% de démarrage) mais l'achèvement reste à 58%. L'action prime sur la perfection.",
|
| 2002 |
+
insights: [
|
| 2003 |
+
{ icon: "📋", text: "Planification solide (85%)" },
|
| 2004 |
+
{ icon: "⚡", text: "Action à intensifier" },
|
| 2005 |
+
{ icon: "✅", text: "Achèvement perfectible (58%)" }
|
| 2006 |
+
]
|
| 2007 |
+
},
|
| 2008 |
+
"Étudiant inactif": {
|
| 2009 |
+
title: "Paralysie de l'Action",
|
| 2010 |
+
message: "🌈 Seulement 15% des activités sont commencées. Le premier pas d'action est le plus important.",
|
| 2011 |
+
insights: [
|
| 2012 |
+
{ icon: "😰", text: "Démarrage minimal (15%)" },
|
| 2013 |
+
{ icon: "🐌", text: "Achèvement faible (10%)" },
|
| 2014 |
+
{ icon: "✨", text: "Un premier pas à la fois" }
|
| 2015 |
+
]
|
| 2016 |
+
},
|
| 2017 |
+
"Étudiant non engagé": {
|
| 2018 |
+
title: "Reprise de l'Action",
|
| 2019 |
+
message: "🌻 Après un échec, seulement 30% des activités sont commencées. Chaque nouvelle action est une nouvelle chance.",
|
| 2020 |
+
insights: [
|
| 2021 |
+
{ icon: "😔", text: "Démarrage faible (30%)" },
|
| 2022 |
+
{ icon: "📉", text: "Achèvement bas (25%)" },
|
| 2023 |
+
{ icon: "🔄", text: "Redémarrage progressif" }
|
| 2024 |
+
]
|
| 2025 |
+
}
|
| 2026 |
+
};
|
| 2027 |
+
|
| 2028 |
// ================= INIT =================
|
| 2029 |
document.addEventListener("DOMContentLoaded", () => {
|
| 2030 |
console.log("✅ DOM chargé, initialisation...");
|
|
|
|
| 2359 |
|
| 2360 |
if (!radarBotContent || !radarBotInsights) return;
|
| 2361 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 2362 |
// Récupérer le message pour le profil ou utiliser un message par défaut
|
| 2363 |
const profileMessage = profileMessages[scenario.title] || {
|
| 2364 |
title: "Profil d'Apprentissage",
|
|
|
|
| 3018 |
}
|
| 3019 |
|
| 3020 |
if (!messageMastery) {
|
| 3021 |
+
const message = "❌ Veuillez sélectionner votre niveau de maîtrise de l'apprentissage auto-régulé.";
|
| 3022 |
console.error(message);
|
| 3023 |
|
| 3024 |
if (msgDiv) {
|