Commit 4be65343 authored by Traboulsi's avatar Traboulsi
Browse files

Update public/learning-analytics.html

parent f25ee365
Pipeline #10145 passed with stage
in 7 seconds
Showing with 68 additions and 39 deletions
+68 -39
......@@ -17,15 +17,27 @@
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/css/main.css" rel="stylesheet">
<style>
.model-section {
margin-top: 40px;
.diagram-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-top: 50px;
}
.model-image {
max-width: 100%;
height: auto;
.rectangle {
border: 2px solid #333;
border-radius: 8px;
padding: 20px;
margin: 10px;
width: 250px;
text-align: center;
background-color: #f4f4f4;
}
.btn-info {
margin-top: 20px;
.arrow {
width: 100%;
text-align: center;
font-size: 24px;
margin: 10px 0;
}
</style>
</head>
......@@ -33,12 +45,12 @@
<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="">
<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">Home</a></li>
<li><a href="index.html#hero">Home<br></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>
......@@ -51,44 +63,61 @@
</header>
<main>
<section class="container mt-5">
<section class="container">
<h1>Learning Analytics Infrastruktur</h1>
<p>
Das Ziel dieses Teilprojekts ist es, unterstützende Lernumgebungen zu schaffen, die die Lernprozesse der Studierenden durch den Einsatz von Learning Analytics optimieren. Verschiedene Datenquellen werden genutzt, um den Lernenden personalisiertes Feedback in Echtzeit zu geben und ihre Motivation sowie ihr Engagement zu steigern.
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 Kombination von Learning Analytics und modernen Technologien wie Künstlicher Intelligenz (KI) ermöglicht es, Erfolge oder Schwierigkeiten frühzeitig vorherzusagen und gezielte Empfehlungen zu generieren. Eine umfassende Learning Analytics-Infrastruktur sammelt, speichert, analysiert und visualisiert Daten aus verschiedenen Quellen wie Moodle, Unipark und VR-Anwendungen. Diese Daten werden in Learning Locker gespeichert und mit Visualisierungstools wie Grafana und Excalibur aufbereitet.
Weitere Details werden hier bald ergänzt.
</p>
<p>
Die aktuelle Forschung fokussiert sich auf die Verknüpfung von Learning Analytics mit psychologischen und didaktischen Modellen, um das Lernverhalten besser zu verstehen. Ein integratives Modell zur Gestaltung von lernzentrierten Feedbacksystemen wird verwendet, das kognitive, motivationale und selbstbezogene Faktoren berücksichtigt.
</p>
<p>
Ziel ist es, eine Learning Analytics-Infrastruktur zu entwickeln, die personalisiertes Feedback bereitstellt. Diese wird zunächst in den Kursen „Mathematik“ und „IT in Unternehmensnetzwerken“ eingesetzt und evaluiert.
</p>
</section>
<section class="container model-section">
<h2>Modell zur Gestaltung von lernzentrierten Feedbacksystemen</h2>
<img src="assets/img/feedback-model.png" alt="Modell zur Gestaltung von lernzentrierten Feedbacksystemen" class="model-image">
<div class="text-center">
<a href="#model-details" class="btn btn-info">Details zum Modell</a>
<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>
</div>
</section>
<section id="model-details" class="container mt-5">
<h3>Details zum Feedbackmodell</h3>
<p>
Das Modell unterscheidet vier Feedbacktypen, die durch verschiedene Faktoren beeinflusst werden und in drei Schichten organisiert sind:
</p>
<ul>
<li><strong>Bereitstellungslayer:</strong> Dashboards, Signalsysteme und pädagogische Agenten zur ansprechenden und benutzerfreundlichen Bereitstellung von Feedback.</li>
<li><strong>Designlayer:</strong> Sicherstellung der Verständlichkeit und Benutzerfreundlichkeit des Feedbacks, mit einem Fokus auf Usability.</li>
<li><strong>Lernschicht:</strong> Fokussierung auf den Lernenden, um kognitive Fähigkeiten, Motivation und Selbstkonzept zu berücksichtigen und personalisiertes Feedback zu ermöglichen.</li>
</ul>
<p>
Dieses integrative Modell basiert auf theoretischen Grundlagen und aktuellen Forschungsergebnissen und ist auf Akzeptanz und Benutzerfreundlichkeit ausgerichtet.
</p>
</section>
</main>
<footer>
......
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