Commit 97c7123b authored by Traboulsi's avatar Traboulsi
Browse files

Update public/learning-analytics.html

parent dec8b6ba
Pipeline #10148 passed with stage
in 6 seconds
Showing with 104 additions and 67 deletions
+104 -67
......@@ -19,25 +19,32 @@
<style>
.diagram-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.rectangle {
border: 2px solid #333;
border-radius: 8px;
padding: 20px;
margin: 10px;
width: 300px;
text-align: center;
background-color: #f4f4f4;
svg {
max-width: 100%;
height: auto;
}
.arrow {
font-size: 30px;
margin: 10px 0;
.rect {
fill: #f4f4f4;
stroke: #333;
stroke-width: 2;
rx: 10;
}
.diagram-container {
text-align: center;
.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>
......@@ -66,66 +73,96 @@
<section class="container">
<h1>Learning Analytics Infrastruktur</h1>
<p>
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.
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.
</p>
<p>
Weitere Details werden hier bald ergänzt.
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.
</p>
<div class="diagram-container">
<div class="rectangle">
Lerninmaterialien und Evaluationswerkzeuge
<br><br>
Moodle<br>
Unipark<br>
thaVR
</div>
<div class="arrow"></div>
<div class="rectangle">
Erfasste Daten
<br><br>
Anwesenheit<br>
Quiz-Ergebnisse<br>
Interaktionen<br>
Lernzeit<br>
Kommunikationsmuster<br>
Subjektive Angaben
</div>
<div class="arrow"></div>
<div class="rectangle">
xAPI
</div>
<div class="arrow"></div>
<div class="rectangle">
Datenspeicherung und Aufbereitung
<br><br>
Learning Locker
</div>
<div class="arrow"></div>
<div class="rectangle">
Datenvisualisierung und Feedback
<br><br>
Grafana<br>
Excalibur
</div>
<div class="arrow"></div>
<div class="rectangle">
Erfasste Daten
</div>
<div class="arrow"></div>
<div class="rectangle">
Lerninmaterialien und Evaluationswerkzeuge
</div>
<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="200" height="100" class="rect"/>
<text x="150" y="90" class="text">Lerninmaterialien und</text>
<text x="150" y="110" class="text">Evaluationswerkzeuge</text>
<text x="150" y="140" class="small-text">Moodle</text>
<text x="150" y="160" class="small-text">Unipark</text>
<text x="150" y="180" class="small-text">thaVR</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>
<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>
<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>
<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