Upload templates/index.html with huggingface_hub

templates/index.html

@@ -1712,7 +1712,7 @@ Bienvenue sur notre outil d'évaluation qualitative des messages auto-réflexifs
           Cet outil permet d'<strong>évaluer la qualité des messages auto-réflexifs</strong> générés par <strong>ReflAgent</strong>, 
           un tuteur pédagogique personnalisé basé sur l'IA, conçu pour favoriser l'apprentissage auto-régulé (SRL) 
           en renforçant la conscience métacognitive par un accompagnement réflexif.
-          Les messages réflexifs ciblent des dimensions clés, notamment la sensibilisation aux risques, le degré d'activité et d''implication, ainsi que la stimulation de l'engagement et de la motivation. Ils sont complétés par des analyses visuelles adaptées aux profils des apprenants, tels que les étudiants en difficulté, inactifs, en progression ou à risque.
+          Les messages réflexifs ciblent des dimensions clés, notamment la sensibilisation aux risques d’inactivité et d'échec, le degré d'activité et d''implication, ainsi que la stimulation de l'engagement et de la motivation. Les messages auto-réflexifs sont personnalisés en fonction des profils des apprenants, tels que les étudiants en difficulté, inactifs, en progression ou à risque.
         </p>
         
         <h4 style="margin-top: 25px;"><span>🤖</span> Qu'est-ce que ReflAgent ?</h4>
@@ -1747,8 +1747,7 @@ Bienvenue sur notre outil d'évaluation qualitative des messages auto-réflexifs
           <div class="feature-title">Dashboard Étudiant</div>
           <div class="feature-description">
             <strong>Visualisation complète du profil d'apprentissage</strong><br>
-            Explorez le manifeste de l'étudiant, ses compétences, son engagement via un radar interactif, 
-            et son activité via une heatmap temporelle avec indicateurs de persévérance.
+            Explorez le manifeste de l'étudiant, ses compétences et son engagement à l’aide d’un radar, ainsi que sa persistance et la gestion de l'effort via une heatmap temporelle intégrant des indicateurs de persévérance.
           </div>
         </div>
         
@@ -1757,7 +1756,7 @@ Bienvenue sur notre outil d'évaluation qualitative des messages auto-réflexifs
           <div class="feature-title">Message Réflexif & Évaluation</div>
           <div class="feature-description">
             <strong>Évaluation des messages générés par ReflAgent</strong><br>
-            Analysez les messages auto-réflexifs et évaluez leur qualité selon 5 métriques de confiance : 
+            Analysez les messages auto-réflexifs et évaluez leur qualité selon 5 métriques: 
             Authenticité Réflexive, Alignement Empathique, Encouragement Sensible au Risque, 
             Support aux Défis Mentaux et Support Métacognitif.
           </div>
@@ -1839,17 +1838,32 @@ Bienvenue sur notre outil d'évaluation qualitative des messages auto-réflexifs
         
         <!-- Champs conditionnels (masqués par défaut) -->
         <div id="evaluatorFields" style="display: none;">
-          <!-- Nom et prénom -->
+          <!-- Informations optionnelles -->
           <div class="evaluator-field">
             <label for="evaluatorName">
-              <strong><span style="color: #1976D2; margin-right: 5px;">📝</span> Nom et prénom <span style="color: #e53935;">*</span></strong>
+              <strong><span style="color: #1976D2; margin-right: 5px;">📝</span> Nom et prénom</strong>
+              <span style="color: #666; font-size: 13px; font-weight: normal;"> (optionnel)</span>
             </label>
             <input type="text" 
                    id="evaluatorName" 
                    placeholder="Ex: Dupont Jean ou Marie Curie"
                    maxlength="100"
                    disabled>
-            <small>Veuillez saisir votre nom et prénom</small>
+            <small>Veuillez saisir votre nom et prénom si vous souhaitez être identifié</small>
+          </div>
+          
+          <!-- Email optionnel -->
+          <div class="evaluator-field">
+            <label for="evaluatorEmail">
+              <strong><span style="color: #1976D2; margin-right: 5px;">📧</span> Adresse email</strong>
+              <span style="color: #666; font-size: 13px; font-weight: normal;"> (optionnel)</span>
+            </label>
+            <input type="email" 
+                   id="evaluatorEmail" 
+                   placeholder="votre.email@exemple.fr"
+                   maxlength="100"
+                   disabled>
+            <small>Pour être contacté concernant les résultats de l'étude</small>
           </div>
           
           <!-- Rôle -->
@@ -1868,20 +1882,19 @@ Bienvenue sur notre outil d'évaluation qualitative des messages auto-réflexifs
             <small>Sélectionnez votre rôle principal dans le domaine éducatif</small>
           </div>
           
+          <!-- Niveau de maîtrise des messages réflexifs -->
+          <div class="evaluator-field">
+            <label for="messageMastery"><strong><span style="color: #1976D2; margin-right: 5px;">💬</span> Niveau de maîtrise de l'apprentissage auto-régulé <span style="color: #e53935;">*</span></strong></label>
+            <select id="messageMastery" disabled>
+              <option value="">Sélectionnez votre niveau...</option>
+              <option value="novice_srl">Novice – Je découvre l'apprentissage auto-régulé et ses fondements pédagogiques</option>
+              <option value="intermediaire_srl">Intermédiaire – J'intègre occasionnellement des activités favorisant l'apprentissage auto-régulé</option>
+              <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>
+              <option value="expert_srl">Expert – Je mène des travaux de recherche et forme d'autres enseignants à l'apprentissage auto-régulé</option>
+            </select>
+            <small>Indiquez votre niveau d'expertise dans l'enseignement et la recherche liés à l'apprentissage auto-régulé</small>
+          </div>
           
-               <!-- Niveau de maîtrise des messages réflexifs -->
-               <div class="evaluator-field">
-                 <label for="messageMastery"><strong><span style="color: #1976D2; margin-right: 5px;">💬</span> Niveau de maîtrise de l'apprentissage auto-régulé <span style="color: #e53935;">*</span></strong></label>
-                 <select id="messageMastery" disabled>
-                 <option value="">Sélectionnez votre niveau...</option>
-     <option value="novice_srl">Novice – Je découvre l'apprentissage auto-régulé et ses fondements pédagogiques</option>
-     <option value="intermediaire_srl">Intermédiaire – J'intègre occasionnellement des activités favorisant l'apprentissage auto-régulé</option>
-     <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>
-     <option value="expert_srl">Expert – Je mène des travaux de recherche et forme d'autres enseignants à l'apprentissage auto-régulé</option>
-     </select>
-     <small>Indiquez votre niveau d'expertise dans l'enseignement et la recherche liés à l'apprentissage auto-régulé</small>
-               </div>
-               
           <!-- Niveau d'expertise en réflexivité -->
           <div class="evaluator-field">
             <label for="expertiseLevel"><strong><span style="color: #1976D2; margin-right: 5px;">🎓</span> Niveau d'expertise en réflexivité <span style="color: #e53935;">*</span></strong></label>
@@ -1894,8 +1907,6 @@ Bienvenue sur notre outil d'évaluation qualitative des messages auto-réflexifs
             </select>
             <small>Indiquez votre niveau de maîtrise des concepts et outils de réflexivité</small>
           </div>
-          
-     
         </div>
         
         <!-- Message pour utilisateurs anonymes -->
@@ -2059,7 +2070,7 @@ Bienvenue sur notre outil d'évaluation qualitative des messages auto-réflexifs
                 </div>
 
                 <div style="margin-left: 18px; margin-top: 0; font-size: 12px; color: #888;">
-                  La capacité de l'apprenant à respecter les délais pédagogiques.
+                  La capacité de l'apprenant à respecter les délais.
                 </div>
 
                 <div class="compact-indicator" style="margin-top: 10px;">
@@ -2642,6 +2653,7 @@ function initGDPR() {
       
       // Activer les champs
       document.getElementById('evaluatorName').disabled = false;
+      document.getElementById('evaluatorEmail').disabled = false;
       document.getElementById('evaluatorRole').disabled = false;
       document.getElementById('expertiseLevel').disabled = false;
       document.getElementById('messageMastery').disabled = false;
@@ -2653,6 +2665,8 @@ function initGDPR() {
       // Désactiver et vider les champs
       document.getElementById('evaluatorName').disabled = true;
       document.getElementById('evaluatorName').value = '';
+      document.getElementById('evaluatorEmail').disabled = true;
+      document.getElementById('evaluatorEmail').value = '';
       document.getElementById('evaluatorRole').disabled = true;
       document.getElementById('evaluatorRole').value = '';
       document.getElementById('expertiseLevel').disabled = true;
@@ -3929,12 +3943,14 @@ function initTrustSave(){
     
     // Récupérer les informations conditionnelles
     let evaluatorName = "";
+    let evaluatorEmail = "";
     let evaluatorRole = "";
     let expertiseLevel = "";
     let messageMastery = "";
     
     if (gdprAccept) {
       evaluatorName = document.getElementById("evaluatorName").value.trim();
+      evaluatorEmail = document.getElementById("evaluatorEmail").value.trim();
       evaluatorRole = document.getElementById("evaluatorRole").value;
       expertiseLevel = document.getElementById("expertiseLevel").value;
       messageMastery = document.getElementById("messageMastery").value;
@@ -3956,31 +3972,9 @@ function initTrustSave(){
       return;
     }
 
-    // Validation : si GDPR accepté, vérifier les champs obligatoires
+    // Validation : si GDPR accepté, vérifier les champs obligatoires (seulement les champs marqués *)
     if (gdprAccept) {
-      if (!evaluatorName) {
-        const message = "❌ Veuillez saisir votre nom et prénom.";
-        console.error(message);
-        
-        if (msgDiv) {
-          msgDiv.textContent = message;
-          msgDiv.style.background = "#FFEBEE";
-          msgDiv.style.color = "#C62828";
-        }
-        
-        const nameField = document.getElementById("evaluatorName");
-        nameField.style.borderColor = "#E53935";
-        nameField.style.boxShadow = "0 0 0 3px rgba(229, 57, 53, 0.1)";
-        nameField.focus();
-        
-        setTimeout(() => {
-          nameField.style.borderColor = "#e0e0e0";
-          nameField.style.boxShadow = "none";
-        }, 3000);
-        
-        return;
-      }
-      
+      // Seuls les champs avec * sont obligatoires
       if (!evaluatorRole) {
         const message = "❌ Veuillez sélectionner votre rôle.";
         console.error(message);
@@ -4016,6 +4010,8 @@ function initTrustSave(){
         }
         return;
       }
+      
+      // Note: evaluatorName et evaluatorEmail sont optionnels, pas besoin de validation
     }
 
     // Vérifier si au moins une évaluation
@@ -4051,7 +4047,8 @@ function initTrustSave(){
       trust_metrics: {...trustMetrics},
       trust_score: trustScore,
       gdpr_consent: gdprAccept ? "accept" : "decline",
-      evaluator_name: gdprAccept ? evaluatorName : null,
+      evaluator_name: gdprAccept ? (evaluatorName || null) : null,
+      evaluator_email: gdprAccept ? (evaluatorEmail || null) : null,
       evaluator_role: gdprAccept ? evaluatorRole : null,
       expertise_level: gdprAccept ? expertiseLevel : null,
       message_mastery: gdprAccept ? messageMastery : null,
@@ -4076,7 +4073,7 @@ function simulateServerSave(data, msgDiv, trustScore, evaluatorName, gdprAccept)
     console.log("✅ Simulation de sauvegarde réussie:", data);
     
     if (msgDiv) {
-      const nameDisplay = gdprAccept ? evaluatorName : "Évaluateur anonyme";
+      const nameDisplay = gdprAccept ? (evaluatorName || "Évaluateur") : "Évaluateur anonyme";
       msgDiv.innerHTML = `
         <div style="display: flex; align-items: center; gap: 10px;">
           <div style="font-size: 24px;">✅</div>
@@ -4183,8 +4180,9 @@ function fillSampleEvaluator() {
   
   // Remplir les champs
   document.getElementById("evaluatorName").value = "Martin Sophie";
+  document.getElementById("evaluatorEmail").value = "sophie.martin@exemple.fr";
   document.getElementById("evaluatorRole").value = "enseignant";
-    document.getElementById("messageMastery").value = "intermediaire_srl";
+  document.getElementById("messageMastery").value = "intermediaire_srl";
   document.getElementById("expertiseLevel").value = "avance";
   
   showNotification("Exemple", "Champs d'évaluateur remplis avec un exemple", "info");