Commit 0962b511 authored by Traboulsi's avatar Traboulsi
Browse files

Update public/learning-analytics.html

parent 4b45ce33
No related merge requests found
Pipeline #10152 passed with stage
in 6 seconds
Showing with 23 additions and 112 deletions
+23 -112
......@@ -16,37 +16,6 @@
<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>
.diagram-container {
display: flex;
justify-content: center;
margin-top: 30px;
}
svg {
max-width: 100%;
height: auto;
}
.rect {
fill: #f4f4f4;
stroke: #333;
stroke-width: 2;
rx: 10;
}
.text {
font-size: 14px;
fill: #333;
text-anchor: middle;
}
.small-text {
font-size: 12px;
fill: #333;
text-anchor: middle;
}
.arrow {
stroke: #333;
stroke-width: 2;
}
</style>
</head>
<body>
<header id="header" class="header d-flex align-items-center fixed-top">
......@@ -57,7 +26,7 @@
</a>
<nav id="navmenu" class="navmenu">
<ul>
<li><a href="index.html#hero">Home<br></a></li>
<li><a href="index.html#hero">Home</a></li>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#services">Projektbereiche</a></li>
<li><a href="index.html#portfolio">Erkenntnisse</a></li>
......@@ -68,98 +37,40 @@
</nav>
</div>
</header>
<main>
<section class="container">
<h1>Learning Analytics Infrastruktur</h1>
<p>
Dieses Teilprojekt hat das Ziel, unterstützende Lernumgebungen zu schaffen, die die Lernprozesse der Studierenden durch den Einsatz von Learning Analytics optimieren. Dabei werden verschiedene Datenquellen genutzt, um den Lernenden personalisiertes Feedback in Echtzeit zu geben und ihre Motivation sowie ihr Engagement zu steigern. Die Kombination von LA und modernen Technologien wie Künstlicher Intelligenz (KI) bietet zusätzlich die Möglichkeit, Erfolge oder Schwierigkeiten frühzeitig vorherzusagen und gezielte Empfehlungen zu generieren.
Auf der Seite „Learning Analytics Infrastruktur“ wird die technologische Grundlage des KNIGHT-Projekts vorgestellt. Besucher können sich über die eingesetzten Technologien und Plattformen informieren, die für die umfassende Analyse und Unterstützung von Lernprozessen entwickelt wurden. Die Seite bietet einen Überblick über die bisherigen Ergebnisse, aktuelle Entwicklungen und bietet Anleitung zur Nutzung der Learning Analytics Werkzeuge.
</p>
<p>Die folgende Abbildung zeigt den gesamten Prozess der LA-Infrastruktur:</p>
<!-- Image of the Learning Analytics Infrastructure Process -->
<div class="text-center">
<img src="assets/img/prozess.png" alt="Prozess der Learning Analytics Infrastruktur" class="img-fluid">
</div>
<p>Die folgende Abbildung zeigt das integrative Modell zur Gestaltung von lernzentrierten Feedbacksystemen:</p>
<!-- Image of the Feedback Model -->
<div class="text-center">
<img src="assets/img/modell.png" alt="Integratives Modell zur Gestaltung von lernzentrierten Feedbacksystemen" class="img-fluid">
</div>
<p>
Zur Umsetzung wird eine umfassende Learning Analytics-Infrastruktur eingesetzt, die Daten aus verschiedenen Quellen sammelt, speichert, analysiert und visualisiert. Lernplattformen und Evaluationswerkzeuge wie Moodle, Unipark und VR-Anwendungen dienen als Basis für die Datenerfassung. Dabei werden Daten zu Anwesenheit, Lernzeit, Quiz-Ergebnissen, Kommunikationsmustern und Interaktionen erfasst. Die gesammelten Daten werden als xAPI Statements zentral im Learning Locker gespeichert und aufbereitet. Anschließend werden diese Daten mithilfe von Visualisierungstools wie Grafana und Excalibur dargestellt und für personalisiertes Feedback genutzt. Die folgende Abbildung zeigt den gesamten Prozess der LA-Infrastruktur.
Weitere Details werden hier bald ergänzt.
</p>
<div class="diagram-container">
<svg width="800" height="700" viewBox="0 0 800 700" xmlns="http://www.w3.org/2000/svg">
<!-- Rectangle: Lerninmaterialien und Evaluationswerkzeuge -->
<rect x="50" y="50" width="400" height="200" class="rect"/>
<text x="150" y="90" class="text">Lerninmaterialien und Evaluationswerkzeuge</text>
<text x="150" y="140" class="small-text">Moodle <br> Unipark <br> VR</text>
<!-- Arrow to Erfasste Daten -->
<line x1="150" y1="200" x2="150" y2="230" class="arrow"/>
<!-- Rectangle: Erfasste Daten -->
<rect x="50" y="230" width="200" height="200" class="rect"/>
<text x="150" y="270" class="text">Erfasste Daten</text>
<text x="150" y="300" class="small-text">Anwesenheit</text>
<text x="150" y="320" class="small-text">Quiz-Ergebnisse</text>
<text x="150" y="340" class="small-text">Interaktionen</text>
<text x="150" y="360" class="small-text">Lernzeit</text>
<text x="150" y="380" class="small-text">Kommunikationsmuster</text>
<text x="150" y="400" class="small-text">Subjektive Angaben</text>
<!-- Arrow to xAPI -->
<line x1="150" y1="430" x2="150" y2="460" class="arrow"/>
<!-- Rectangle: xAPI -->
<rect x="50" y="460" width="200" height="100" class="rect"/>
<text x="150" y="500" class="text">xAPI</text>
<!-- Arrow to Datenspeicherung und Aufbereitung -->
<line x1="150" y1="560" x2="150" y2="590" class="arrow"/>
<!-- Rectangle: Datenspeicherung und Aufbereitung -->
<rect x="50" y="590" width="200" height="100" class="rect"/>
<text x="150" y="630" class="text">Datenspeicherung und</text>
<text x="150" y="650" class="text">Aufbereitung</text>
<text x="150" y="670" class="small-text">Learning Locker</text>
<!-- Arrow to Datenvisualisierung und Feedback -->
<line x1="250" y1="630" x2="350" y2="630" class="arrow"/>
<line x1="350" y1="630" x2="350" y2="560" class="arrow"/>
<!-- Rectangle: Datenvisualisierung und Feedback -->
<rect x="350" y="460" width="200" height="100" class="rect"/>
<text x="450" y="500" class="text">Datenvisualisierung und</text>
<text x="450" y="520" class="text">Feedback</text>
<text x="450" y="540" class="small-text">Grafana</text>
<text x="450" y="560" class="small-text">Excalibur</text>
<!-- Arrow back to Erfasste Daten -->
<line x1="450" y1="580" x2="450" y2="610" class="arrow"/>
<line x1="450" y1="610" x2="150" y2="610" class="arrow"/>
<line x1="150" y1="610" x2="150" y2="430" class="arrow"/>
</svg>
</div>
</section>
</main>
<!-- Updated Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6">
<h3>KNIGHT</h3>
<p>
Das KNIGHT-Projekt zielt darauf ab, durch den Einsatz von Learning Analytics die Lernprozesse der Studierenden zu optimieren und personalisierte Feedbacksysteme zu entwickeln.
</p>
</div>
<div class="col-lg-6 col-md-6">
<h4>Kontakt</h4>
<ul>
<li><i class="bi bi-geo-alt"></i> Hochschule für Technik Stuttgart, 70569 Stuttgart, Deutschland</li>
<li><i class="bi bi-envelope"></i> <a href="mailto:info@hft-stuttgart.de">info@hft-stuttgart.de</a></li>
<li><i class="bi bi-phone"></i> +49 711 8926-0</li>
</ul>
</div>
</div>
</div>
</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>
<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>
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