diff --git a/public/learning-analytics.html b/public/learning-analytics.html
index 0347f13b7194012995ccec2d9a0d154a90c5d503..f872fb3cbc96b1db875b672600e78304f4016d65 100644
--- a/public/learning-analytics.html
+++ b/public/learning-analytics.html
@@ -84,7 +84,7 @@
</script>
</head>
<body>
- <header id="header" class="header d-flex align-items-center fixed-top">
+ <header id="header" class="header d-flex align-items-center fixed-top">
<div class="container-fluid container-xl position-relative d-flex align-items-center">
<a href="index.html" class="logo d-flex align-items-center me-auto">
<img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt="">
@@ -102,22 +102,21 @@
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
</nav>
</div>
- </header>
+ </header>
- <main>
+ <main>
- <section class="hero-section d-flex align-items-center" style="background: #003366; color: white; padding: 60px 0;">
+ <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>
<p class="lead">Personalisierte Lernunterstützung durch datengestützte Analyse und Feedbacksysteme</p>
</div>
- </section>
+ </section>
- <section class="container content-section">
+ <section class="container content-section">
- <h1>Learning Analytics Infrastruktur</h1>
-
- <h2>Inhaltsverzeichnis</h2>
+ <h1>Learning Analytics Infrastruktur</h1>
+ <h2>Inhaltsverzeichnis</h2>
<ul>
<li><a href="#ziel">Ziel des Arbeitspakets</a></li>
<li><a href="#datenfluss">Datenfluss und Systemarchitektur</a></li>
@@ -127,34 +126,60 @@
<li><a href="#einsatz">Einsatz & Evaluation</a></li>
</ul>
- </section>
-
- <section class="container content-section">
- <h2 id="ziel">Ziel des Arbeitspakets</h2>
- <p>In diesem Arbeitspaket wird eine Infrastruktur aufgebaut, die datenbasierte Rückmeldungen zur Lernaktivität ermöglicht …</p>
-
- <h2 id="datenfluss">Datenfluss und Systemarchitektur</h2>
- <p>Die Systemarchitektur basiert auf …</p>
-
- <h2 id="modell">Feedbackmodell</h2>
- <p>Das zugrunde liegende Modell basiert auf …</p>
-
- <h2 id="interaktive-elemente">Interaktive Elemente</h2>
- <div class="interactive-element">Klicke für mehr Informationen</div>
- <div class="interactive-content">Hier erscheinen weitere Informationen zum Element …</div>
-
- <h2 id="feedbacktypen">Feedbacktypen</h2>
- <div class="feedback-types">
- <ul>
- <li>Leistungsbezogenes Feedback</li>
- <li>Prozessbezogenes Feedback</li>
- <li>Selbstregulierendes Feedback</li>
- </ul>
- </div>
-
- <h2 id="einsatz">Einsatz & Evaluation</h2>
- <p>Die Evaluation erfolgt in realen Lernsettings, unter anderem in …</p>
- </section>
+ </section>
+
+ <section class="container content-section">
+ <h2 id="ziel">Ziel des Arbeitspakets</h2>
+ <p>
+ Das Ziel dieses Arbeitspakets ist die Entwicklung und Erprobung einer modularen Infrastruktur für Learning Analytics (LA), die in Lernplattformen
+ integriert werden kann. Sie soll es ermöglichen, Lernprozesse datenbasiert zu analysieren und darauf aufbauend personalisiertes Feedback für Lernende
+ bereitzustellen. Die Infrastruktur dient damit sowohl der individuellen Lernunterstützung als auch der Evaluation von Lernpfaden und Bildungsmaßnahmen.
+ </p>
+
+ <h2 id="datenfluss">Datenfluss und Systemarchitektur</h2>
+ <p>
+ Die Infrastruktur basiert auf einer Microservice-Architektur, die zentrale Komponenten wie Datenaggregation, Analysemodule und Feedback-Engines
+ integriert. Lernaktivitäten (z. B. Testbearbeitung, Interaktionen, Logins) werden in Echtzeit erfasst und in einer zentralen Datenspeicherung
+ verarbeitet. Analytische Services berechnen daraus individuelle Lernfortschritte, die über standardisierte Schnittstellen an Feedbacksysteme übergeben
+ werden.
+ </p>
+
+ <h2 id="modell">Feedbackmodell</h2>
+ <p class="feedback-model-description p-3">
+ Das zugrunde liegende Feedbackmodell orientiert sich an bestehenden didaktischen Prinzipien wie der Förderung von Selbstregulation, adaptivem
+ Feedback und motivationaler Unterstützung. Die Rückmeldungen sind differenziert nach Leistungsstand, Lernverhalten und Zielsetzung. Durch diese
+ Differenzierung werden unterschiedliche Feedbackarten (z. B. korrektiv, prozessbezogen, metakognitiv) ermöglicht.
+ </p>
+
+ <h2 id="interaktive-elemente">Interaktive Elemente</h2>
+ <div class="interactive-element">Was bedeutet „prozessbezogenes Feedback“?</div>
+ <div class="interactive-content">Prozessbezogenes Feedback bezieht sich auf die Strategie oder Herangehensweise, mit der eine Lernaufgabe bearbeitet
+ wurde. Es unterstützt die Entwicklung effektiver Lernstrategien.
+ </div>
+ <div class="interactive-element">Wie hilft Feedback bei der Selbstregulation?</div>
+ <div class="interactive-content">Selbstregulierendes Feedback fördert das Reflektieren des eigenen Lernverhaltens, indem es Hinweise zur Zielsetzung,
+ Planung und Kontrolle des Lernprozesses gibt.
+ </div>
+
+
+ <h2 id="feedbacktypen">Feedbacktypen</h2>
+ <div class="feedback-types">
+ <ul>
+ <li><strong>Leistungsbezogenes Feedback:</strong> Rückmeldung zum Ergebnis, z. B. richtig/falsch, Punktzahl.</li>
+ <li><strong>Prozessbezogenes Feedback:</strong> Hinweise zur gewählten Lösungsmethode oder Strategie.</li>
+ <li><strong>Selbstregulierendes Feedback:</strong> Unterstützung zur Selbstreflexion und Planung des weiteren Lernens.</li>
+ </ul>
+ </div>
+
+
+ <h2 id="einsatz">Einsatz & Evaluation</h2>
+ <p>
+ Die Infrastruktur wird prototypisch in mehreren Pilotkursen an Hochschulen eingesetzt. Dabei erfolgt eine begleitende Evaluation hinsichtlich
+ technischer Funktionalität, Akzeptanz durch Lehrende und Lernende sowie Auswirkungen auf den Lernerfolg. Die Erkenntnisse fließen in die
+ Weiterentwicklung der Feedbackmechanismen und die Optimierung der Lernpfade ein.
+ </p>
+
+ </section>
</main>