learning-analytics.html 5.68 KiB
<!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="" 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>
    .content-box {
      margin-bottom: 40px;
    .section-title {
      font-size: 1.5rem;
      margin-bottom: 1rem;
      position: relative;
    .section-title::after {
      content: "";
      display: block;
      width: 50px;
      height: 3px;
      background-color: #007bff;
      position: absolute;
      bottom: -5px;
      left: 0;
    .model-box {
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 20px;
      margin-bottom: 20px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    .model-box h3 {
      margin-bottom: 15px;
    .model-box img {
      max-width: 100%;
      height: auto;
      margin-bottom: 10px;
  </style>
</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">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> <section class="container"> <div class="content-box"> <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> </div> <div class="model-box"> <h3>Modellübersicht</h3> <img src="assets/img/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> <div class="model-box"> <h3>Bereitstellungslayer</h3> <img src="assets/img/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> <div class="model-box"> <h3>Designlayer</h3> <img src="assets/img/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> <div class="model-box"> <h3>Lernender</h3> <img src="assets/img/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> <div class="content-box"> <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> </div> </section> </main> <footer id="footer" class="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>