An error occurred while loading the file. Please try again.
-
Traboulsi authoredf8698e47
<!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>
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
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>
<section class="hero-section d-flex align-items-center" style="background: #003366; color: white; padding: 60px 0;">
<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="container content-section">
<h1>Learning Analytics Infrastruktur</h1>
<h2>Inhaltsverzeichnis</h2>
<ul>
<li><a href="#ziel">Ziel des Arbeitspakets</a></li>
<li><a href="#datenfluss">Datenfluss und Systemarchitektur</a></li>
<li><a href="#modell">Feedbackmodell</a></li>
<li><a href="#interaktive-elemente">Interaktive Elemente</a></li>
<li><a href="#feedbacktypen">Feedbacktypen</a></li>
<li><a href="#einsatz">Einsatz & Evaluation</a></li>
</ul>
</section>
<section class="container content-section">
<h2 id="ziel">Ziel des Arbeitspakets</h2>
<p>In diesem Arbeitspaket wird eine Infrastruktur aufgebaut, die datenbasierte Rückmeldungen zur Lernaktivität ermöglicht …</p>
<h2 id="datenfluss">Datenfluss und Systemarchitektur</h2>
<p>Die Systemarchitektur basiert auf …</p>
<h2 id="modell">Feedbackmodell</h2>
<p>Das zugrunde liegende Modell basiert auf …</p>
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<h2 id="interaktive-elemente">Interaktive Elemente</h2>
<div class="interactive-element">Klicke für mehr Informationen</div>
<div class="interactive-content">Hier erscheinen weitere Informationen zum Element …</div>
<h2 id="feedbacktypen">Feedbacktypen</h2>
<div class="feedback-types">
<ul>
<li>Leistungsbezogenes Feedback</li>
<li>Prozessbezogenes Feedback</li>
<li>Selbstregulierendes Feedback</li>
</ul>
</div>
<h2 id="einsatz">Einsatz & Evaluation</h2>
<p>Die Evaluation erfolgt in realen Lernsettings, unter anderem in …</p>
</section>
</main>
<footer id="footer" class="footer">
<div class="container">
<p>Zurück zur <a href="index.html">Startseite</a></p>
<p>© 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>