Update public/learning-analytics.html

public/learning-analytics.html

@@ -43,12 +43,15 @@
 
 <main>
  
-  <section class="container">
-    <!-- Optional Intro Section if needed -->
-  </section>
   
-  <section class="container">
-    <h2>Arbeitspaket 3: Learning Analytics – Konzeption und Umsetzung</h2>
+  <section class="container my-5 item-red " >
+      <header class="mb-4">
+        <h1 class="display-4"> Learning Analytics – Konzeption und Umsetzung</h1>
+        <hr class="mt-2 mb-4" />
+      </header>
+    
+    
+    <article class="mb-5">
     <p><strong>AP 3</strong> zielt auf den Aufbau und die iterative Entwicklung technischer Learning-Analytics- und KI-Infrastrukturen zur evidenzbasierten Unterstützung von Studierenden, Lehrenden und Studienverantwortlichen.</p>
     <h6>Verantwortlich für AP 3:</h6>
     <ul>
@@ -59,10 +62,13 @@
       <li>Dr. Muddsair Sharif</li>
     </ul>
 
+    </article>
+
     <div class="container">
       
+      <article class="mb-5">
 
-      <h3>LA-Infrastruktur (AP 3.1)</h3>
+      <h2>LA-Infrastruktur (AP 3.1)</h2>
       <ul>
         <li>Parallele Infrastrukturen: produktiv & forschungsorientiert</li>
         <li>Integration: Moodle, LSF, Zoom, VR – zentrale Speicherung in MongoDB</li>
@@ -75,15 +81,22 @@
       </div>
       <p class="fst-italic text-center">Abbildung 1: Datenfluss und Feedback-Mechanismus der LA-Infrastruktur</p>
 
-      <h3>Digital Educational Mirror (AP 3.2)</h3>
+      </article>
+
+      <article class="mb-5">
+
+      <h2> Digital Educational Mirror (AP 3.2)</h2>
       <p>Einsatz des Excalibur-Plugins in Lehrveranstaltungen der Mathematik und Logistik. Bietet datengestütztes Feedback für Studierende zu ihrem Lernverhalten.</p>
       <p>Alternative Umsetzung auf Basis von Grafana zur Überwindung technischer Limitierungen (z. B. Update-Intervalle, Visualisierungsoptionen).</p>
       <div class="image-frame">
         <img src="assets/img/digital-Educational-Miror.png" alt="Excalibur Studierenden-Dashboard">
       </div>
       <p class="fst-italic text-center">Abbildung 2: Excalibur – Studierendenansicht (Video Analytics, WiSe 2024/25)</p>
+      </article>
 
-      <h3>Digital Educational Lecture Cockpit (AP 3.4)</h3>
+      <article class="mb-5">
+
+      <h2> Digital Educational Lecture Cockpit (AP 3.4)</h2>
       <p>Für Lehrende bietet das Lecture Cockpit aggregierte Nutzungsdaten und Visualisierungen zur datenbasierten Steuerung der Lehre.</p>
       <p>Umgesetzt in Excalibur, mit geplanter Weiterentwicklung über Grafana-Dashboards.</p>
       <div class="image-frame">
@@ -91,7 +104,11 @@
       </div>
       <p class="fst-italic text-center">Abbildung 3: Excalibur – Lehrendenansicht (Lecture Cockpit, WiSe 2024/25)</p>
 
-      <h3>Digitaler Assistent zur Interaktionsanalyse (AP 3.3)</h3>
+      </article>>
+
+      <article class="mb-5">
+
+      <h2> Digitaler Assistent zur Interaktionsanalyse (AP 3.3)</h2>
       <p>Analyse von VR-Interaktionen zur Unterstützung personalisierter Lernprozesse:</p>
       <ul>
         <li>Eye-Tracking, Gestik/Mimik</li>
@@ -103,8 +120,11 @@
       </div>
       <p class="fst-italic text-center">Abbildung 4: VIPA-Simulation in einer kollaborativen VR-Umgebung</p>
 
+      </article>
 
-      <h3>Study Dean Cockpit (AP 3.5–3.7)</h3>
+      <article class="mb-5">
+
+      <h2>Study Dean Cockpit (AP 3.5–3.7)</h2>
       <p>Ein zentrales Ziel von AP 3.5–3.7 ist die Entwicklung des <strong>Study Dean Cockpit (SDC)</strong> – eines datenbasierten Dashboards, das Studienverantwortliche bei der <em>curricularen Steuerung</em>, der <em>Frühidentifikation von Studienabbruchsrisiken</em> und der <em>Optimierung von Lehrangeboten</em> unterstützt.</p>
 
       <ul>
@@ -119,6 +139,7 @@
       </div>
       <p class="fst-italic text-center">Abbildung 5: Übersicht des Study Dean Cockpit für Studienverantwortliche</p>
 
+      </article>
 
     <!--  <h3>Hardware & Architektur</h3>
       <ul>
@@ -127,6 +148,9 @@
         <li>Automatisierung: GitOps/CD über ArgoCD</li>
       </ul>
       -->
+
+      <article class="mb-5">
+      
       <div class="accordion mb-4" id="accordion-publi">
         <div class="accordion-item">
           <h2 class="accordion-header" id="heading-publi">
@@ -159,6 +183,7 @@
         </div>
       </div>
 
+      </article>
       
   </section>
 </main>