Commit 70706b4d authored by Traboulsi's avatar Traboulsi
Browse files

Update public/learning-analytics.html

parent 66165dab
No related merge requests found
Pipeline #10179 passed with stage
in 6 seconds
Showing with 147 additions and 117 deletions
+147 -117
......@@ -2,148 +2,178 @@
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Learning Analytics Infrastruktur - Modell zur Gestaltung von Feedbacksystemen</title>
<link rel="stylesheet" href="styles.css"> <!-- Verlinken Sie Ihre CSS-Datei hier -->
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Learning Analytics Infrastruktur - KNIGHT</title>
<meta content="" name="description">
<meta content="" 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>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
.content-section {
margin-top: 20px;
}
.container {
max-width: 1200px;
margin: auto;
padding: 20px;
.content-section h2 {
margin-top: 30px;
}
.section-title {
font-size: 1.8em;
.content-section p {
margin-bottom: 20px;
position: relative;
padding-bottom: 10px;
line-height: 1.6;
}
.section-title::after {
content: "";
display: block;
width: 60px;
height: 3px;
background: #007bff;
position: absolute;
bottom: 0;
left: 0;
}
.model-overview, .model-detail, .project-goal {
margin-bottom: 40px;
}
.model-detail {
display: flex;
flex-direction: column;
gap: 20px;
}
.model-box {
border: 1px solid #ddd;
border-radius: 8px;
padding: 20px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.model-box img {
.content-section img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
.model-box h3 {
margin-top: 0;
.feedback-types ul {
list-style-type: disc;
padding-left: 20px;
}
footer {
background: #f1f1f1;
padding: 20px;
text-align: center;
border-top: 1px solid #ddd;
.feedback-types li {
margin-bottom: 10px;
}
.feedback-model-description {
background-color: #f8f9fa;
padding: 15px;
border-radius: 8px;
margin-top: 20px;
}
</style>
</head>
<body>
<header>
<!-- Header-Inhalte hier -->
<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">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>
<li><a href="index.html#team">Team</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>
<div class="container">
<section class="model-overview">
<h2 class="section-title">Modell zur Gestaltung von Feedbacksystemen</h2>
<p>Dieses Modell basiert auf theoretischen Grundlagen und aktuellen Forschungsergebnissen und umfasst mehrere Schichten, die verschiedene Aspekte des Feedbackprozesses abdecken. Es verbindet kognitive, motivationale und selbstbezogene Faktoren durch unterschiedliche Feedbacktypen, die in einem theoretischen Rahmen eingebettet sind, der auf Akzeptanz und Benutzerfreundlichkeit fokussiert ist.</p>
</section>
<section class="model-detail">
<div class="model-box">
<h3>Kognitive Faktoren</h3>
<img src="kognitive-faktoren.png" alt="Kognitive Faktoren">
<p>Kognitive Faktoren beziehen sich auf mentale Prozesse, die das Lernen beeinflussen, wie beispielsweise Vorwissen, Denkprozesse und angewandte Lernstrategien. Eine grundlegende Theorie ist hierbei die Cognitive Load Theory, die erklärt, dass Lernende nur eine begrenzte Menge an Informationen gleichzeitig verarbeiten können.</p>
<p>Ein gut gestaltetes Feedbacksystem muss daher die kognitive Belastung minimieren, indem es Informationen so strukturiert, dass sie leicht aufgenommen und verarbeitet werden können, ohne Überforderung zu verursachen. In Kombination mit motivationalen und selbstbezogenen Faktoren trägt dies zur Entwicklung von personalisiertem und effektivem Feedback bei.</p>
</div>
<section class="container content-section">
<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.
</p>
<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.
</p>
<div class="model-box">
<h3>Motivationale Faktoren</h3>
<img src="motivationale-faktoren.png" alt="Motivationale Faktoren">
<p>Motivationale Faktoren betreffen die inneren Antriebe, die das Lernverhalten beeinflussen, wie z.B. Interesse, Engagement und Zielorientierung der Lernenden. Eine zentrale Theorie in diesem Zusammenhang ist die Self-Determination Theory, die besagt, dass Motivation durch die Erfüllung der Grundbedürfnisse nach Autonomie, Kompetenz und sozialer Eingebundenheit gefördert wird.</p>
<p>Ein gut gestaltetes Feedbacksystem muss diese Bedürfnisse berücksichtigen, indem es Lernenden die Möglichkeit gibt, ihre Lernprozesse selbst zu steuern und Fortschritte zu erkennen. Zusammen mit kognitiven und selbstbezogenen Faktoren hilft dies, personalisiertes Feedback zu gestalten, das die Motivation stärkt und das Lernen unterstützt.</p>
</div>
<div class="text-center">
<img src="assets/img/LA-prozess.png" alt="Prozess der Learning Analytics Infrastruktur" class="img-fluid">
</div>
<div class="model-box">
<h3>Selbstbezogene Faktoren</h3>
<img src="selbstbezogene-faktoren.png" alt="Selbstbezogene Faktoren">
<p>Selbstbezogene Faktoren umfassen das Selbstbild und die Fähigkeit der Lernenden, ihre eigenen Lernprozesse zu steuern. Ein zentrales Konzept ist hierbei das Selbstgesteuerte Lernen (Self-Regulated Learning), das beschreibt, wie Lernende aktiv ihre Ziele setzen, Lernstrategien wählen und ihre Fortschritte überwachen.</p>
<p>Ein wirksames Feedbacksystem muss diese Selbstregulationsfähigkeiten unterstützen, indem es den Lernenden hilft, ihren Lernprozess besser zu reflektieren und zu steuern. In Kombination mit kognitiven und motivationalen Faktoren trägt dies dazu bei, personalisiertes Feedback zu gestalten, das die Eigenverantwortung und den Lernerfolg fördert.</p>
</div>
<p>
Die aktuelle Forschung im KNIGHT-Projekt konzentriert sich auf die Verknüpfung von Learning Analytics mit psychologischen und didaktischen Modellen, um das Lernverhalten besser zu verstehen und zu fördern. Dafür wird ein integratives Modell zur Gestaltung von lernzentrierten Feedbacksystemen eingesetzt (siehe Abbildung unten).
</p>
<div class="model-box">
<h3>Usability und Akzeptanz</h3>
<img src="usability-akzeptanz.png" alt="Usability und Akzeptanz">
<h4>Usability</h4>
<p>Usability bezieht sich auf die Benutzerfreundlichkeit eines Systems, insbesondere darauf, wie einfach und effektiv ein Feedbacksystem von Lernenden genutzt werden kann. Ein benutzerfreundliches System zeichnet sich durch eine intuitive Bedienung, klare Struktur und verständliche Visualisierungen aus. In einem Learning Analytics-System bedeutet das, dass die bereitgestellten Daten und Feedbackmechanismen leicht zugänglich und verständlich sind, sodass Lernende die Informationen ohne großen Aufwand nutzen können, um ihre Lernprozesse zu verbessern.</p>
<h4>Akzeptanz</h4>
<p>Akzeptanz bezieht sich darauf, inwieweit ein System oder ein Feedbackmechanismus von den Nutzenden angenommen und positiv bewertet wird. Das Technology Acceptance Model (TAM) besagt, dass die Akzeptanz vor allem durch zwei Faktoren bestimmt wird:</p>
<ul>
<li><strong>Wahrgenommene Nützlichkeit:</strong> Wie sehr die Nutzenden glauben, dass das System ihre Leistung verbessert.</li>
<li><strong>Wahrgenommene Benutzerfreundlichkeit:</strong> Wie einfach das System zu bedienen ist, ohne dass es zu einer übermäßigen Belastung wird.</li>
</ul>
<p>Je positiver die beiden Faktoren bewertet werden, desto höher ist die Wahrscheinlichkeit, dass die Lernenden das System nutzen und akzeptieren. Diese beiden Dimensionen beeinflussen stark, ob ein Learning Analytics-System erfolgreich in den Lernprozess integriert wird und wie bereitwillig es von den Lernenden angenommen wird.</p>
</div>
<div class="text-center">
<img src="assets/img/modell.png" alt="Integratives Modell zur Gestaltung von lernzentrierten Feedbacksystemen" class="img-fluid">
</div>
<div class="model-box">
<h3>Modellübersicht</h3>
<img src="model-overview.png" alt="Modellübersicht">
<p>Das Modell unterscheidet vier Feedbacktypen, die durch verschiedene Faktoren beeinflusst werden und in drei Schichten organisiert sind.</p>
</div>
<h2>Kognitive Faktoren</h2>
<p>
Kognitive Faktoren beziehen sich auf mentale Prozesse, die das Lernen beeinflussen, wie beispielsweise Vorwissen, Denkprozesse und angewandte Lernstrategien. Eine grundlegende Theorie ist hierbei die <strong>Cognitive Load Theory</strong>, die erklärt, dass Lernende nur eine begrenzte Menge an Informationen gleichzeitig verarbeiten können.
<br><br>
Ein gut gestaltetes Feedbacksystem muss daher die kognitive Belastung minimieren, indem es Informationen so strukturiert, dass sie leicht aufgenommen und verarbeitet werden können, ohne Überforderung zu verursachen.
</p>
<div class="model-box">
<h3>Bereitstellungslayer</h3>
<img src="bereitstellungslayer.png" alt="Bereitstellungslayer">
<p>In der inneren Schicht, dem sogenannten <strong>Bereitstellungslayer</strong>, werden Dashboards, Signalsysteme und pädagogische Agenten verwendet, um Feedback auf ansprechende und benutzerfreundliche Weise bereitzustellen.</p>
</div>
<h2>Motivationale Faktoren</h2>
<p>
Motivationale Faktoren betreffen die inneren Antriebe, die das Lernverhalten beeinflussen, wie z.B. Interesse, Engagement und Zielorientierung der Lernenden. Eine zentrale Theorie in diesem Zusammenhang ist die <strong>Self-Determination Theory</strong>, die besagt, dass Motivation durch die Erfüllung der Grundbedürfnisse nach Autonomie, Kompetenz und sozialer Eingebundenheit gefördert wird.
<br><br>
Ein gut gestaltetes Feedbacksystem muss diese Bedürfnisse berücksichtigen, indem es Lernenden die Möglichkeit gibt, ihre Lernprozesse selbst zu steuern und Fortschritte zu erkennen.
</p>
<div class="model-box">
<h3>Designlayer</h3>
<img src="designlayer.png" alt="Designlayer">
<p>Die nächste Schicht, das <strong>Designlayer</strong>, stellt sicher, dass das Feedback verständlich und benutzerfreundlich gestaltet ist, wobei hier vor allem Fragen zur Usability im Mittelpunkt stehen.</p>
</div>
<h2>Selbstbezogene Faktoren</h2>
<p>
Selbstbezogene Faktoren umfassen das Selbstbild und die Fähigkeit der Lernenden, ihre eigenen Lernprozesse zu steuern. Ein zentrales Konzept ist hierbei das <strong>Selbstgesteuerte Lernen (Self-Regulated Learning)</strong>, das beschreibt, wie Lernende aktiv ihre Ziele setzen, Lernstrategien wählen und ihre Fortschritte überwachen.
<br><br>
Ein wirksames Feedbacksystem muss diese Selbstregulationsfähigkeiten unterstützen, indem es den Lernenden hilft, ihren Lernprozess besser zu reflektieren und zu steuern.
</p>
<div class="model-box">
<h3>Lernender</h3>
<img src="lernender.png" alt="Lernender">
<p>Die äußere Schicht fokussiert sich auf den <strong>Lernenden</strong>, indem sie kognitive Fähigkeiten, Motivation und Selbstkonzept berücksichtigt, um personalisiertes Feedback zu ermöglichen.</p>
</div>
</section>
<h2>Usability und Akzeptanz</h2>
<h3>Usability</h3>
<p>
Usability bezieht sich auf die Benutzerfreundlichkeit eines Systems, insbesondere darauf, wie einfach und effektiv ein Feedbacksystem von Lernenden genutzt werden kann. Ein benutzerfreundliches System zeichnet sich durch eine intuitive Bedienung, klare Struktur und verständliche Visualisierungen aus.
</p>
<section class="project-goal">
<p>Ziel dieses Teilprojekts ist es, eine Learning Analytics-Infrastruktur zu entwickeln, die lernendenzentriertes und personalisiertes Feedback bereitstellt. Diese Infrastruktur wird zunächst in den beiden Kursen „Mathematik“ und „IT in Unternehmensnetzwerken“ eingesetzt und evaluiert.</p>
</section>
</div>
<h3>Akzeptanz</h3>
<p>
Akzeptanz bezieht sich darauf, inwieweit ein System oder ein Feedbackmechanismus von den Nutzenden angenommen und positiv bewertet wird. Das <strong>Technology Acceptance Model (TAM)</strong> besagt, dass die Akzeptanz vor allem durch zwei Faktoren bestimmt wird:
<ul>
<li><strong>Wahrgenommene Nützlichkeit:</strong> Wie sehr die Nutzenden glauben, dass das System ihre Leistung verbessert.</li>
<li><strong>Wahrgenommene Benutzerfreundlichkeit:</strong> Wie einfach das System zu bedienen ist, ohne dass es zu einer übermäßigen Belastung wird.</li>
</ul>
</p>
<h2>Modell zur Gestaltung von Feedbacksystemen</h2>
<p class="feedback-model-description">
Dieses Modell basiert auf theoretischen Grundlagen und aktuellen Forschungsergebnissen und umfasst mehrere Schichten, die verschiedene Aspekte des Feedbackprozesses abdecken. Es verbindet kognitive, motivationale und selbstbezogene Faktoren durch unterschiedliche Feedbacktypen, die in einem theoretischen Rahmen eingebettet sind, der auf Akzeptanz und Benutzerfreundlichkeit fokussiert ist.
<br><br>
Das Modell unterscheidet vier Feedbacktypen, die durch verschiedene Faktoren beeinflusst werden und in drei Schichten organisiert sind. In der inneren Schicht, dem sogenannten
<strong>Bereitstellungslayer</strong>, werden Dashboards, Signalsysteme und pädagogische Agenten verwendet, um Feedback auf ansprechende und benutzerfreundliche Weise bereitzustellen. Die nächste Schicht, das <strong>Designlayer</strong>, stellt sicher, dass das Feedback verständlich und benutzerfreundlich gestaltet ist, wobei hier vor allem Fragen zur Usability im Mittelpunkt stehen. Die äußere Schicht fokussiert sich auf den <strong>Lernenden</strong>, indem sie kognitive Fähigkeiten, Motivation und Selbstkonzept berücksichtigt, um personalisiertes Feedback zu ermöglichen.
</p>
<h3>Feedbacktypen</h3>
<div class="feedback-types">
<ul>
<li><strong>Deskriptives Feedback:</strong> Gibt eine detaillierte Beschreibung der aktuellen Leistung der Lernenden, z.B. durch die Darstellung von Fortschritten oder erreichten Ergebnissen. Es zeigt, was gut funktioniert und wo Verbesserungen notwendig sind.</li>
<li><strong>Diagnostisches Feedback:</strong> Geht tiefer und analysiert die Ursachen hinter der Leistung. Es hilft Lernenden zu verstehen, warum bestimmte Ergebnisse erzielt wurden und wo ihre Stärken und Schwächen liegen.</li>
<li><strong>Präskriptives Feedback:</strong> Gibt konkrete Empfehlungen, was die Lernenden tun können, um ihre Leistung zu verbessern. Es bietet klare Handlungsanweisungen basierend auf der aktuellen Leistung.</li>
<li><strong>Prädiktives Feedback:</strong> Nutzt Daten, um zukünftige Entwicklungen vorherzusagen. Es gibt Hinweise darauf, welche Herausforderungen oder Erfolge die Lernenden in Zukunft erwarten können und wie sie sich darauf vorbereiten sollten.</li>
</ul>
</div>
<h2>Ziel des Teilprojekts</h2>
<p>
Ziel dieses Teilprojekts ist es, eine Learning Analytics-Infrastruktur zu entwickeln, die lernendenzentriertes und personalisiertes Feedback bereitstellt. Diese Infrastruktur wird zunächst in den beiden Kursen „Mathematik“ und „IT in Unternehmensnetzwerken“ eingesetzt und evaluiert.
</p>
</section>
</main>
<footer>
<p>© 2024 KNIGHT. Alle Rechte vorbehalten.</p>
<footer id="footer" class="footer">
<div class="container">
<div class="footer-info">
<h3>KNIGHT</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta.
</p>
<div class="social-links mt-3">
<a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
<a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</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
</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