Update public/learning-analytics.html

public/learning-analytics.html

@@ -103,7 +103,6 @@
   </header>
 
   <main>
-
     <section class="hero-section d-flex align-items-center" style="background: #003366; color: white; padding: 60px 0;">
       <div class="container text-center">
         <h1 style="font-size: 2.5rem;">Learning Analytics Infrastruktur</h1>
@@ -127,50 +126,57 @@
       </ul>
     </section>
 
-        <section class="container content-section">
-            <h2 id="ziel">Ziel des Arbeitspakets</h2>
-            <p>Das Ziel von AP3 ist der Aufbau und die kontinuierliche Weiterentwicklung der Learning Analytics und KI-Infrastruktur im Rahmen des KNIGHT-Projekts. Diese Infrastruktur soll eine datengestützte Lernprozessanalyse und die Bereitstellung von personalisiertem Feedback ermöglichen, um die Lernprozesse von Studierenden zu unterstützen und zu optimieren.</p>
-
-            <h2 id="technische-grundlage">Technische Grundlage</h2>
-            <p>Die technische Basis der Infrastruktur bildet das Excalibur-Plugin, das an die Moodle-Umgebung angepasst wurde. Dies ermöglicht eine nahtlose Integration von Dashboards für Studierende und Lehrende und bietet eine benutzerfreundliche Oberfläche, die den Zugriff auf Lernanalysen erleichtert.</p>
-
-            <h2 id="befragungen">Befragungen zur Studierendenakzeptanz</h2>
-            <p>Zu Beginn und Ende des Semesters wurden Studierende zu ihrer Akzeptanz der Learning Analytics Infrastruktur befragt. Diese Umfragen lieferten wertvolle Erkenntnisse, die in die Weiterentwicklung der Infrastruktur einfließen.</p>
-
-            <h2 id="weiterentwicklung">Weiterentwicklung der Infrastruktur</h2>
-            <p>Die Infrastruktur wurde kontinuierlich weiterentwickelt, insbesondere mit der Integration von VR-Datenquellen und der Anbindung an eine NoSQL-Datenbank (MongoDB), um interaktive Lernumgebungen zu unterstützen.</p>
-
-            <h2 id="evaluierung">Evaluierung der Infrastruktur</h2>
-            <p>Die Infrastruktur wurde in mehreren Pilotkursen evaluiert, wobei technische Funktionalität, Akzeptanz und Lernerfolg im Fokus standen. Erste Ergebnisse wurden bereits auf internationalen Konferenzen präsentiert.</p>
+    <section class="container content-section" id="ziel">
+      <h2>Ziel des Arbeitspakets</h2>
+      <p>Das Ziel von AP3 ist der Aufbau und die kontinuierliche Weiterentwicklung der Learning Analytics und KI-Infrastruktur im Rahmen des KNIGHT-Projekts...</p>
+      <img src="path/to/project-goal-image.jpg" alt="Projekt Ziel" class="img-fluid">
+    </section>
 
-            <h2 id="dashboards">Dashboards und Feedbacksysteme</h2>
-            <p>Die Dashboards bieten eine detaillierte Visualisierung der Aktivitäten von Studierenden und Lehrenden. So können Fortschritte verfolgt und verschiedene Feedbackarten bereitgestellt werden, um die Lernprozesse zu unterstützen.</p>
+    <section class="container content-section" id="technische-grundlage">
+      <h2>Technische Grundlage</h2>
+      <p>Die technische Basis der Infrastruktur bildet das Excalibur-Plugin, das an die Moodle-Umgebung angepasst wurde...</p>
+      <img src="path/to/architecture-diagram.png" alt="Systemarchitektur" class="img-fluid">
+    </section>
 
-            <h2 id="vr-interaktionsanalyse">VR-gestützte Interaktionsanalyse</h2>
-            <p>In der ersten Phase der Entwicklung werden VR-Technologien eingesetzt, um Interaktionen in virtuellen Lernumgebungen zu analysieren, einschließlich Augenbewegungen, Gestik und Sprachinteraktionen.</p>
+    <section class="container content-section" id="befragungen">
+      <h2>Befragungen zur Studierendenakzeptanz</h2>
+      <p>Zu Beginn und Ende des Semesters wurden Studierende zu ihrer Akzeptanz der Learning Analytics Infrastruktur befragt...</p>
+      <img src="path/to/survey-results-graph.png" alt="Befragungsergebnisse" class="img-fluid">
+    </section>
 
-            <h2 id="digital-cockpits">Digital Educational Cockpits für Lehrende</h2>
-            <p>Lehrende können über das Digital Educational Cockpit die Aktivitäten der Studierenden überwachen und auswerten. Dies umfasst die Nutzung von Online-Modulen und die Teilnahme an Trainingsmaßnahmen.</p>
+    <section class="container content-section" id="weiterentwicklung">
+      <h2>Weiterentwicklung der Infrastruktur</h2>
+      <p>Die Infrastruktur wurde kontinuierlich weiterentwickelt, insbesondere mit der Integration von VR-Datenquellen...</p>
+      <img src="path/to/future-development-roadmap.jpg" alt="Zukünftige Entwicklungen" class="img-fluid">
+    </section>
 
-            <h2 id="ergebnisse">Ergebnisse und Ausblick</h2>
-            <p>Das Projekt hat bereits vier GPU-Workstations und einen GPU-Server installiert. Diese werden für Forschung und Studienprojekte verwendet und sollen die Infrastruktur weiter optimieren.</p>
+    <section class="container content-section" id="evaluierung">
+      <h2>Evaluierung der Infrastruktur</h2>
+      <p>Die Infrastruktur wurde in mehreren Pilotkursen evaluiert...</p>
+      <img src="path/to/evaluation-results.jpg" alt="Evaluierung Ergebnisse" class="img-fluid">
     </section>
 
-    </main>
+    <section class="container content-section" id="dashboards">
+      <h2>Dashboards und Feedbacksysteme</h2>
+      <p>Die Dashboards bieten eine detaillierte Visualisierung der Aktivitäten...</p>
+      <img src="path/to/dashboard-screenshot.png" alt="Dashboard Screenshot" class="img-fluid">
+    </section>
 
-    <footer id="footer" class="footer">
-        <div class="container">
-          <p>Zurück zur <a href="index.html">Startseite</a></p>
-          <p>&copy; 2024 KNIGHT Project. All rights reserved.</p>
-        </div>
-      </footer>
+    <section class="container content-section" id="vr-interaktionsanalyse">
+      <h2>VR-gestützte Interaktionsanalyse</h2>
+      <p>In der ersten Phase der Entwicklung werden VR-Technologien eingesetzt...</p>
+      <video controls class="img-fluid">
+        <source src="path/to/vr-demo-video.mp4" type="video/mp4">
+        Ihr Browser unterstützt kein HTML5-Video.
+      </video>
+    </section>
 
-      <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
+    <section class="container content-section" id="digital-cockpits">
+      <h2>Digital Educational Cockpits für Lehrende</h2>
+      <p>Lehrende können über das Digital Educational Cockpit die Aktivitäten der Studierenden überwachen...</p>
+      <img src="path/to/cockpit-screenshot.jpg" alt="Digital Cockpit" class="img-fluid">
+    </section>
 
-      <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
-      <script src="assets/vendor/aos/aos.js"></script>
-      <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
-      <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
-      <script src="assets/js/main.js"></script>
-</body>
-</html>
+    <section class="container content-section" id="ergebnisse">
+      <h2>Ergebnisse und Ausblick</h2>
+      <p>Das Projekt hat bereits mehrere Erfolge erzielt und plant in