Skip to content
GitLab
Commit c4d6401d authored by Traboulsi's avatar Traboulsi
Browse files

Update public/learning-analytics.html

parent f1a03c9b
Pipeline #11108 passed with stage
in 10 seconds
Hide whitespace changes
Inline Side-by-side
public/learning-analytics.html
View file @ c4d6401d
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
img { img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
</style> </style>
<script> <script>
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
...@@ -83,94 +83,100 @@ ...@@ -83,94 +83,100 @@
</script> </script>
</head> </head>
<body> <body>
<header id="header" class="header d-flex align-items-center fixed-top"> <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"> <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"> <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> <h1 class="sitename">KNIGHT</h1>
</a> </a>
<nav id="navmenu" class="navmenu"> <nav id="navmenu" class="navmenu">
<ul> <ul>
<li><a href="index.html#about" aria-label="Mehr über das Projekt erfahren">Über das Projekt</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#services">Arbeitspakete</a></li>
<li><a href="index.html#portfolio">Erkenntnisse</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#team">Projektteam</a></li>
<li><a href="index.html#contact">Kontakt</a></li> <li><a href="index.html#contact">Kontakt</a></li>
</ul> </ul>
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i> <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
</nav> </nav>
</div> </div>
</header> </header>
<main> <main>
<section class="hero-section d-flex align-items-center" style="background: #003366; color: white; padding: 60px 0;">
<section class="hero-section d-flex align-items-center" style="background: #003366; color: white; padding: 60px 0;"> <div class="container text-center">
<div class="container text-center"> <h1 style="font-size: 2.5rem;">Learning Analytics Infrastruktur</h1>
<h1 style="font-size: 2.5rem;">Learning Analytics Infrastruktur</h1> <p class="lead">Personalisierte Lernunterstützung durch datengestützte Analyse und Feedbacksysteme</p>
<p class="lead">Personalisierte Lernunterstützung durch datengestützte Analyse und Feedbacksysteme</p> </div>
</div> </section>
</section>
<section class="container content-section">
<section class="container content-section"> <h1>Arbeitspaket 3: Aufbau und Entwicklung der Learning Analytics und KI-Infrastruktur</h1>
<h1>Arbeitspaket 3: Aufbau und Entwicklung der Learning Analytics und KI-Infrastruktur</h1> <h2>Inhaltsverzeichnis</h2>
<h2>Inhaltsverzeichnis</h2> <ul>
<ul> <li><a href="#ziel">Ziel des Arbeitspakets</a></li>
<li><a href="#ziel">Ziel des Arbeitspakets</a></li> <li><a href="#technische-grundlage">Technische Grundlage</a></li>
<li><a href="#technische-grundlage">Technische Grundlage</a></li> <li><a href="#befragungen">Befragungen zur Studierendenakzeptanz</a></li>
<li><a href="#befragungen">Befragungen zur Studierendenakzeptanz</a></li> <li><a href="#weiterentwicklung">Weiterentwicklung der Infrastruktur</a></li>
<li><a href="#weiterentwicklung">Weiterentwicklung der Infrastruktur</a></li> <li><a href="#evaluierung">Evaluierung der Infrastruktur</a></li>
<li><a href="#evaluierung">Evaluierung der Infrastruktur</a></li> <li><a href="#dashboards">Dashboards und Feedbacksysteme</a></li>
<li><a href="#dashboards">Dashboards und Feedbacksysteme</a></li> <li><a href="#vr-interaktionsanalyse">VR-gestützte Interaktionsanalyse</a></li>
<li><a href="#vr-interaktionsanalyse">VR-gestützte Interaktionsanalyse</a></li> <li><a href="#digital-cockpits">Digital Educational Cockpits für Lehrende</a></li>
<li><a href="#digital-cockpits">Digital Educational Cockpits für Lehrende</a></li> <li><a href="#ergebnisse">Ergebnisse und Ausblick</a></li>
<li><a href="#ergebnisse">Ergebnisse und Ausblick</a></li> </ul>
</ul> </section>
</section>
<section class="container content-section" id="ziel">
<section class="container content-section"> <h2>Ziel des Arbeitspakets</h2>
<h2 id="ziel">Ziel des Arbeitspakets</h2> <p>Das Ziel von AP3 ist der Aufbau und die kontinuierliche Weiterentwicklung der Learning Analytics und KI-Infrastruktur im Rahmen des KNIGHT-Projekts...</p>
<p>Das Ziel von AP3 ist der Aufbau und die kontinuierliche Weiterentwicklung der Learning Analytics und KI-Infrastruktur im Rahmen des KNIGHT-Projekts. Diese Infrastruktur soll eine datengestützte Lernprozessanalyse und die Bereitstellung von personalisiertem Feedback ermöglichen, um die Lernprozesse von Studierenden zu unterstützen und zu optimieren.</p> <img src="path/to/project-goal-image.jpg" alt="Projekt Ziel" class="img-fluid">
</section>
<h2 id="technische-grundlage">Technische Grundlage</h2>
<p>Die technische Basis der Infrastruktur bildet das Excalibur-Plugin, das an die Moodle-Umgebung angepasst wurde. Dies ermöglicht eine nahtlose Integration von Dashboards für Studierende und Lehrende und bietet eine benutzerfreundliche Oberfläche, die den Zugriff auf Lernanalysen erleichtert.</p> <section class="container content-section" id="technische-grundlage">
<h2>Technische Grundlage</h2>
<h2 id="befragungen">Befragungen zur Studierendenakzeptanz</h2> <p>Die technische Basis der Infrastruktur bildet das Excalibur-Plugin, das an die Moodle-Umgebung angepasst wurde...</p>
<p>Zu Beginn und Ende des Semesters wurden Studierende zu ihrer Akzeptanz der Learning Analytics Infrastruktur befragt. Diese Umfragen lieferten wertvolle Erkenntnisse, die in die Weiterentwicklung der Infrastruktur einfließen.</p> <img src="path/to/architecture-diagram.png" alt="Systemarchitektur" class="img-fluid">
</section>
<h2 id="weiterentwicklung">Weiterentwicklung der Infrastruktur</h2>
<p>Die Infrastruktur wurde kontinuierlich weiterentwickelt, insbesondere mit der Integration von VR-Datenquellen und der Anbindung an eine NoSQL-Datenbank (MongoDB), um interaktive Lernumgebungen zu unterstützen.</p> <section class="container content-section" id="befragungen">
<h2>Befragungen zur Studierendenakzeptanz</h2>
<h2 id="evaluierung">Evaluierung der Infrastruktur</h2> <p>Zu Beginn und Ende des Semesters wurden Studierende zu ihrer Akzeptanz der Learning Analytics Infrastruktur befragt...</p>
<p>Die Infrastruktur wurde in mehreren Pilotkursen evaluiert, wobei technische Funktionalität, Akzeptanz und Lernerfolg im Fokus standen. Erste Ergebnisse wurden bereits auf internationalen Konferenzen präsentiert.</p> <img src="path/to/survey-results-graph.png" alt="Befragungsergebnisse" class="img-fluid">
</section>
<h2 id="dashboards">Dashboards und Feedbacksysteme</h2>
<p>Die Dashboards bieten eine detaillierte Visualisierung der Aktivitäten von Studierenden und Lehrenden. So können Fortschritte verfolgt und verschiedene Feedbackarten bereitgestellt werden, um die Lernprozesse zu unterstützen.</p> <section class="container content-section" id="weiterentwicklung">
<h2>Weiterentwicklung der Infrastruktur</h2>
<h2 id="vr-interaktionsanalyse">VR-gestützte Interaktionsanalyse</h2> <p>Die Infrastruktur wurde kontinuierlich weiterentwickelt, insbesondere mit der Integration von VR-Datenquellen...</p>
<p>In der ersten Phase der Entwicklung werden VR-Technologien eingesetzt, um Interaktionen in virtuellen Lernumgebungen zu analysieren, einschließlich Augenbewegungen, Gestik und Sprachinteraktionen.</p> <img src="path/to/future-development-roadmap.jpg" alt="Zukünftige Entwicklungen" class="img-fluid">
</section>
<h2 id="digital-cockpits">Digital Educational Cockpits für Lehrende</h2>
<p>Lehrende können über das Digital Educational Cockpit die Aktivitäten der Studierenden überwachen und auswerten. Dies umfasst die Nutzung von Online-Modulen und die Teilnahme an Trainingsmaßnahmen.</p> <section class="container content-section" id="evaluierung">
<h2>Evaluierung der Infrastruktur</h2>
<h2 id="ergebnisse">Ergebnisse und Ausblick</h2> <p>Die Infrastruktur wurde in mehreren Pilotkursen evaluiert...</p>
<p>Das Projekt hat bereits vier GPU-Workstations und einen GPU-Server installiert. Diese werden für Forschung und Studienprojekte verwendet und sollen die Infrastruktur weiter optimieren.</p> <img src="path/to/evaluation-results.jpg" alt="Evaluierung Ergebnisse" class="img-fluid">
</section> </section>
</main> <section class="container content-section" id="dashboards">
<h2>Dashboards und Feedbacksysteme</h2>
<footer id="footer" class="footer"> <p>Die Dashboards bieten eine detaillierte Visualisierung der Aktivitäten...</p>
<div class="container"> <img src="path/to/dashboard-screenshot.png" alt="Dashboard Screenshot" class="img-fluid">
<p>Zurück zur <a href="index.html">Startseite</a></p> </section>
<p>&copy; 2024 KNIGHT Project. All rights reserved.</p>
</div> <section class="container content-section" id="vr-interaktionsanalyse">
</footer> <h2>VR-gestützte Interaktionsanalyse</h2>
<p>In der ersten Phase der Entwicklung werden VR-Technologien eingesetzt...</p>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> <video controls class="img-fluid">
<source src="path/to/vr-demo-video.mp4" type="video/mp4">
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> Ihr Browser unterstützt kein HTML5-Video.
<script src="assets/vendor/aos/aos.js"></script> </video>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script> </section>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/js/main.js"></script> <section class="container content-section" id="digital-cockpits">
</body> <h2>Digital Educational Cockpits für Lehrende</h2>
</html> <p>Lehrende können über das Digital Educational Cockpit die Aktivitäten der Studierenden überwachen...</p>
<img src="path/to/cockpit-screenshot.jpg" alt="Digital Cockpit" class="img-fluid">
</section>
<section class="container content-section" id="ergebnisse">
<h2>Ergebnisse und Ausblick</h2>
<p>Das Projekt hat bereits mehrere Erfolge erzielt und plant in
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

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