Commit d8565c25 authored by Traboulsi's avatar Traboulsi
Browse files

Update public/learning-analytics.html

Deleted public/learning-analytics-save.html
parent 69ab99b7
Pipeline #11336 passed with stage
in 9 seconds
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Learning Analytics Infrastruktur - KNIGHT</title>
<meta content="Beschreibung der Learning Analytics Infrastruktur im KNIGHT Projekt" name="description">
<meta content="Learning Analytics, Feedback, KNIGHT, Lernanalyse" name="keywords">
<link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="icon">
<link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="apple-touch-icon">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/css/main.css" rel="stylesheet">
<style>
.content-section {
margin-top: 20px;
}
.content-section h2 {
margin-top: 30px;
}
.content-section p {
margin-bottom: 20px;
line-height: 1.6;
}
.content-section img {
max-width: 100%;
height: auto;
}
.feedback-types ul {
list-style-type: disc;
padding-left: 20px;
}
.feedback-types li {
margin-bottom: 10px;
}
.feedback-model-description {
background-color: #e6f0ff;
border-left: 5px solid #003366;
}
.interactive-element {
cursor: pointer;
margin: 10px 0;
padding: 10px;
background: #f8f9fa;
border: 1px solid #ddd;
border-radius: 8px;
}
.interactive-element:hover {
background-color: #e2e6ea;
}
.interactive-content {
display: none;
margin-top: 10px;
padding: 10px;
background: #e9ecef;
border: 1px solid #ced4da;
border-radius: 8px;
}
img {
max-width: 100%;
height: auto;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
var elements = document.querySelectorAll('.interactive-element');
elements.forEach(function (element) {
element.addEventListener('click', function () {
var content = this.nextElementSibling;
if (content.style.display === 'block') {
content.style.display = 'none';
} else {
content.style.display = 'block';
}
});
});
});
</script>
</head>
<body>
<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="">
<h1 class="sitename">KNIGHT</h1>
</a>
<nav id="navmenu" class="navmenu">
<ul>
<!--<li><a href="index.html#hero" class="active">Home<br></a></li>-->
<li><a href="index.html#about" aria-label="Mehr über das Projekt erfahren">Über das Projekt</a></li>
<li><a href="index.html#services">Arbeitspakete</a></li>
<li><a href="index.html#portfolio">Erkenntnisse</a></li>
<li><a href="index.html#team">Projektteam</a></li>
<li><a href="index.html#contact">Kontakt</a></li>
</ul>
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
</nav>
</div>
</header>
<main>
<p>
<br>
</p>
<p>
<br>
</p>
<section class="container">
<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 class="section">
<div class="container">
<h2>AP 3: Technische Infrastruktur für Learning Analytics und KI-gestütztes Feedback</h2>
<h3>LA-Infrastruktur</h3>
<p>Im Rahmen der LA-Infrastruktur werden:</p>
<ul>
<li>lernbezogene Daten aus verschiedenen Quellen wie Moodle und VR erfasst, zentral gespeichert und ganzheitlich analysiert,</li>
<li>auf Basis von gesammelten Daten Rückmeldungen an die Lernenden gegeben,</li>
<li>die Wirksamkeit dieser Feedbacks auf Lernprozesse, Engagement und Motivation empirisch untersucht.</li>
</ul>
<img src="placeholder-la-infrastruktur.png" alt="LA Infrastruktur – Datenquellen" class="img-fluid mb-3">
<p class="fst-italic">Abbildung: Datenfluss und Feedback-Mechanismus der LA-Infrastruktur</p>
<h3>Digital Educational Mirror</h3>
<p>Realisierung durch das <strong>Moodle-Plugin Excalibur</strong>. Eingesetzt in Mathematik- und Logistik-Kursen.</p>
<p>Der Mirror bietet datengestütztes Feedback für Studierende zu ihrem Lernverhalten (z. B. Videoaufrufe, Aktivität, Fortschritt) und ermöglicht gezielte Selbstregulation.</p>
<p>Die Wirksamkeit wird kontinuierlich evaluiert (siehe Publikationen unten).</p>
<img src="placeholder-excalibur-student-dashboard.png" alt="Excalibur Studierenden-Dashboard" class="img-fluid mb-3">
<p class="fst-italic">Abbildung: Excalibur – Studierendenansicht (Video Analytics, WiSe 2024/25)</p>
<h3>Digital Educational Lecture Cockpit</h3>
<p>Für Lehrende steht das Lecture Cockpit zur Verfügung, das in Excalibur integriert ist.</p>
<p>Lehrende erhalten Einblick in aggregierte Aktivitätsdaten der Studierenden (z. B. Videoabrufe, Aufgabenbearbeitung) und können ihre Lehre datenbasiert anpassen.</p>
<img src="placeholder-excalibur-lecturer-dashboard.png" alt="Excalibur Lehrenden-Dashboard" class="img-fluid mb-3">
<p class="fst-italic">Abbildung: Excalibur – Lehrendenansicht (Lecture Cockpit, WiSe 2024/25)</p>
<h3>Digitaler Assistent zur Interaktionsanalyse</h3>
<p>In VR-basierten Lernszenarien werden Interaktionen erfasst und analysiert, z. B.:</p>
<ul>
<li>Augenbewegungen (Eye-Tracking),</li>
<li>Gestik und Mimik,</li>
<li>räumliche Nähe zwischen Avataren,</li>
<li>Sprachverhalten und Sprechanteile.</li>
</ul>
<p>Ziel ist eine adaptive Unterstützung individueller Lernprozesse und sozialer Gruppeninteraktionen.</p>
<p>Zum Einsatz kommen sogenannte <strong>VIPAs (Virtuelle Intelligente Pädagogische Agenten)</strong>, die situativ eingreifen und unterstützen.</p>
<img src="placeholder-vipa-vr.png" alt="Virtuelle pädagogische Agenten (VIPAs)" class="img-fluid mb-3">
<p class="fst-italic">Abbildung: VIPA-Simulation in einer kollaborativen VR-Umgebung</p>
<h3>Publikationen (Auswahl)</h3>
<ul>
<li>
Hirsch, S. & Uckelmann, D. (2024). <strong>Effective Feedback Systems in Learning Analytics</strong>: Didactic and Psychological Foundations, Implementations, and Perspectives. In: <em>21st International Conference on Information Technology Based Higher Education and Training (ITHET)</em>, 1–10. <br>
<a href="https://doi.org/10.1109/ITHET61869.2024.10837632" target="_blank">DOI: 10.1109/ITHET61869.2024.10837632</a>
</li>
<li>
Hirsch, S., Uckelmann, D. & Podgayetskaya, T. (in process). <strong>Understanding the Acceptance of Learning Analytics</strong>: The Role of Motivational and Self-Regulatory Factors. <em>Journal of Technical Education (JOTED)</em>.
</li>
<li>
Hirsch, S., Traboulsi, S., & Uckelmann, D. (2025). <strong>Theory-based design of AI-driven virtual training systems</strong>. <em>Artificial Intelligence in Education and Training (AIET)</em>, Springer Nature. (in press)
</li>
<li>
Hirsch, S., & Uckelmann, D. (in process). <strong>Conditions for the Successful Implementation of Learning Analytics in Higher Education</strong>. In: Auer, M. & May, D. (Eds.), <em>2025 Yearbook Emerging Technologies in Learning</em>, Springer.
</li>
</ul>
</div>
</section>
</main>
<footer>
<div class="container">
<p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
<a href="index.html">Zurück zur Startseite</a>
<p>&copy; 2024 KNIGHT Project. All rights reserved.</p>
</div>
</footer>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<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>
......@@ -65,19 +65,19 @@
<li>Befragungen zu Studierendenakzeptanz via Unipark</li>
<li>Externe Veröffentlichung: IEEE Access, LAK 2025, JOTED</li>
</ul>
<img src="LAs-figure.png" alt="LA Infrastruktur – Datenquellen" class="img-fluid mb-3">
<img src="assets/img/LAs-figure.png" alt="LA Infrastruktur – Datenquellen" class="img-fluid mb-3">
<p class="fst-italic">Abbildung: Datenfluss und Feedback-Mechanismus der LA-Infrastruktur</p>
<h3>Digital Educational Mirror (AP 3.2)</h3>
<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>
<img src="digital-Euctional-Miror.png" alt="Excalibur Studierenden-Dashboard" class="img-fluid mb-3">
<img src="assets/img/digital-Euctional-Miror.png" alt="Excalibur Studierenden-Dashboard" class="img-fluid mb-3">
<p class="fst-italic">Abbildung: Excalibur – Studierendenansicht (Video Analytics, WiSe 2024/25)</p>
<h3>Digital Educational Lecture Cockpit (AP 3.4)</h3>
<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>
<img src="digital-educational-lecture-cockpit.png" alt="Excalibur Lehrenden-Dashboard" class="img-fluid mb-3">
<img src="assets/img/digital-educational-lecture-cockpit.png" alt="Excalibur Lehrenden-Dashboard" class="img-fluid mb-3">
<p class="fst-italic">Abbildung: Excalibur – Lehrendenansicht (Lecture Cockpit, WiSe 2024/25)</p>
<h3>Digitaler Assistent zur Interaktionsanalyse (AP 3.3)</h3>
......@@ -87,7 +87,7 @@
<li>Sprachverhalten & Interaktionsmuster</li>
<li>VIPAs (Virtuelle Intelligente Pädagogische Agenten) als Feedbackinstanz</li>
</ul>
<img src="digital-assistent.png" alt="Virtuelle pädagogische Agenten (VIPAs)" class="img-fluid mb-3">
<img src="assets/img/digital-assistent.png" alt="Virtuelle pädagogische Agenten (VIPAs)" class="img-fluid mb-3">
<p class="fst-italic">Abbildung: VIPA-Simulation in einer kollaborativen VR-Umgebung</p>
<h3>Study Dean Cockpit (AP 3.5–3.7)</h3>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment