Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
learning-analytics.html 8.22 KiB
Open in Web IDE
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
  <meta charset="utf-8">
5 
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
6 
  <title>Learning Analytics Infrastruktur - KNIGHT</title>
7 
  <meta content="" name="description">
8 
  <meta content="" name="keywords">
9 
  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="icon">
10 
  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="apple-touch-icon">
11 
  <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">
12 
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
13 
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
14 
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
15 
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
16 
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
17 
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
18 
  <link href="assets/css/main.css" rel="stylesheet">
19 
  <style>
20 
    .diagram-container {
21 
      display: flex;
22 
      justify-content: center;
23 
      margin-top: 30px;
24 
    }
25 
    svg {
26 
      max-width: 100%;
27 
      height: auto;
28 
    }
29 
    .rect {
30 
      fill: #f4f4f4;
31 
      stroke: #333;
32 
      stroke-width: 2;
33 
      rx: 10;
34 
    }
35 
    .text {
36 
      font-size: 14px;
37 
      fill: #333;
38 
      text-anchor: middle;
39 
    }
40 
    .small-text {
41 
      font-size: 12px;
42 
      fill: #333;
43 
      text-anchor: middle;
44 
    }
45 
    .arrow {
46 
      stroke: #333;
47 
      stroke-width: 2;
48 
    }
49 
  </style>
50 
</head>
51 
<body>
52 
  <header id="header" class="header d-flex align-items-center fixed-top">
53 
    <div class="container-fluid container-xl position-relative d-flex align-items-center">
54 
      <a href="index.html" class="logo d-flex align-items-center me-auto">
55 
        <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt="">
56 
        <h1 class="sitename">KNIGHT</h1>
57 
      </a>
58 
      <nav id="navmenu" class="navmenu">
59 
        <ul>
60 
          <li><a href="index.html#hero">Home<br></a></li>
61 
          <li><a href="index.html#about">About</a></li>
62 
          <li><a href="index.html#services">Projektbereiche</a></li>
63 
          <li><a href="index.html#portfolio">Erkenntnisse</a></li>
64 
          <li><a href="index.html#team">Team</a></li>
65 
          <li><a href="index.html#contact">Kontakt</a></li>
66 
        </ul>
67 
        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
68 
      </nav>
69 
    </div>
70 
  </header>
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
<main> <section class="container"> <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. 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> 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"> <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>
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
<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>

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal