Commit e2952dd0 authored by Traboulsi's avatar Traboulsi
Browse files

Update public/personalisiertes-lernen.html

parent c6a97da0
Pipeline #10163 passed with stage
in 6 seconds
Showing with 86 additions and 81 deletions
+86 -81
...@@ -2,98 +2,103 @@ ...@@ -2,98 +2,103 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>PATE - KNIGHT</title> <title>PATE - KNIGHT</title>
<meta content="" name="description"> <meta content="" name="description">
<meta content="" name="keywords"> <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="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://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" rel="stylesheet"> <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" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" 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/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.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/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.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/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/css/main.css" rel="stylesheet"> <link href="assets/css/main.css" rel="stylesheet">
</head> </head>
<body> <body>
<header id="hero" class="header d-flex align-items-center fixed-top" style="background-image: url('assets/img/hero-bg.jpg'); background-size: cover; background-position: center;"> <!-- Header Section -->
<div class="container-fluid container-xl position-relative d-flex align-items-center"> <header id="header" class="header d-flex align-items-center fixed-top">
<a href="index.html" class="logo d-flex align-items-center me-auto"> <div class="container-fluid container-xl position-relative d-flex align-items-center">
<img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt=""> <a href="index.html" class="logo d-flex align-items-center me-auto">
<h1 class="sitename">KNIGHT</h1> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt="">
</a> <h1 class="sitename">KNIGHT</h1>
<nav id="navmenu" class="navmenu"> </a>
<ul> <nav id="navmenu" class="navmenu">
<li><a href="index.html#hero">Home<br></a></li> <ul>
<li><a href="index.html#about">About</a></li> <li><a href="index.html#hero">Home<br></a></li>
<li><a href="index.html#services">Projektbereiche</a></li> <li><a href="index.html#about">About</a></li>
<li><a href="index.html#portfolio">Erkenntnisse</a></li> <li><a href="index.html#services">Projektbereiche</a></li>
<li><a href="index.html#team">Team</a></li> <li><a href="index.html#portfolio">Erkenntnisse</a></li>
<li><a href="index.html#contact">Kontakt</a></li> <li><a href="index.html#team">Team</a></li>
</ul> <li><a href="index.html#contact">Kontakt</a></li>
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i> </ul>
</nav> <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
</div> </nav>
<div class="container"> </div>
<h1 class="text-light">PATE - Proactive Learning Support in Programming</h1> </header>
<p class="text-light">Integrating AI and Adaptive Learning</p>
</div>
</header>
<main data-aos="fade-up" class="container mt-5"> <!-- Main Content -->
<section> <main class="container mt-5">
<h1>Personalisiertes Lernen in der Programmierung</h1> <!-- Section 1: Personalisiertes Lernen -->
<p>Auf der Seite „Personalisiertes Lernen in der Programmierung“ wird erläutert, wie KI-basierte Ansätze eingesetzt werden, um Lerninhalte und Aufgaben individuell auf den Fortschritt der Studierenden abzustimmen. Besucher erfahren, wie diese personalisierten Lernangebote entwickelt werden, um den unterschiedlichen Lernbedürfnissen gerecht zu werden und die Effektivität des Lernens zu steigern.</p> <section class="mb-5" data-aos="fade-up">
<p>Weitere Details werden hier bald ergänzt.</p> <h1>Personalisiertes Lernen in der Programmierung</h1>
</section> <p>Auf der Seite „Personalisiertes Lernen in der Programmierung“ wird erläutert, wie KI-basierte Ansätze eingesetzt werden, um Lerninhalte und Aufgaben individuell auf den Fortschritt der Studierenden abzustimmen. Besucher erfahren, wie diese personalisierten Lernangebote entwickelt werden, um den unterschiedlichen Lernbedürfnissen gerecht zu werden und die Effektivität des Lernens zu steigern.</p>
</section>
<section class="my-5"> <!-- Section 2: Beschreibung des Themas -->
<h2>Beschreibung des Themas</h2> <section class="mb-5" data-aos="fade-up">
<p>Wir entwickeln und implementieren PATE, einen fortschrittlichen KI-Chatbot, der auf großen Sprachmodellen (LLM) basiert und Studierende proaktiv bei der Lösung von Programmieraufgaben unterstützt. PATE nutzt die fortschrittlichen Fähigkeiten großer Sprachmodelle, um die Ansätze der Studierenden bei Programmieraufgaben zu identifizieren und zu analysieren, um so relevante und kontextbezogene Antworten zu generieren.</p> <h2>Beschreibung des Themas</h2>
</section> <p>Wir entwickeln und implementieren PATE, einen fortschrittlichen KI-Chatbot, der auf großen Sprachmodellen (LLM) basiert und Studierende proaktiv bei der Lösung von Programmieraufgaben unterstützt. PATE nutzt die fortschrittlichen Fähigkeiten großer Sprachmodelle, um die Ansätze der Studierenden bei Programmieraufgaben zu identifizieren und zu analysieren, um so relevante und kontextbezogene Antworten zu generieren.</p>
</section>
<section class="my-5"> <!-- Section 3: Konzeptabbildung - AVERT -->
<h2>Konzeptabbildung: AVERT</h2> <section class="mb-5" data-aos="fade-up">
<p>Eine bedeutende Erweiterung von PATE ist AVERT (Authorship Verification and Evaluation through Responsive Testing), eine Schlüsselkomponente zur Überprüfung der Urheberschaft eingereichter Programmieraufgaben.</p> <h2>Konzeptabbildung: AVERT</h2>
<img src="assets/img/avert-diagram.png" alt="AVERT Concept Diagram" class="img-fluid mx-auto d-block my-3" style="max-width: 600px;"> <p>Eine bedeutende Erweiterung von PATE ist AVERT (Authorship Verification and Evaluation through Responsive Testing), eine Schlüsselkomponente zur Überprüfung der Urheberschaft eingereichter Programmieraufgaben. AVERT verstärkt die akademische Integrität und fördert interaktives Lernen, indem es Studierende durch maßgeschneiderte Dialoge aktiv einbezieht.</p>
</section> <img src="assets/img/avert-diagram.png" alt="AVERT Concept Diagram" class="img-fluid mx-auto d-block my-3" style="max-width: 600px;">
</section>
<section class="my-5"> <!-- Section 4: Was bieten wir im Rahmen der Hochschule an -->
<h2>Was bieten wir im Rahmen der Hochschule an</h2> <section class="mb-5" data-aos="fade-up">
<p>PATE und AVERT bieten aufgrund ihrer adaptiven Technologie eine individualisierte Interaktion, die es ermöglicht, strukturierte und personalisierte Inhalte anzubieten.</p> <h2>Was bieten wir im Rahmen der Hochschule an</h2>
</section> <p>PATE und AVERT bieten aufgrund ihrer adaptiven Technologie eine individualisierte Interaktion, die es ermöglicht, strukturierte und personalisierte Inhalte anzubieten. Diese Systeme fördern durch direktes Feedback und interaktive Dialoge die Problemlösungsfähigkeiten und analytischen Kompetenzen der Studierenden.</p>
</section>
<section class="my-5"> <!-- Section 5: Veröffentlichungen/Ergebnisse/Produkte -->
<h2>Veröffentlichungen/Ergebnisse/Produkte</h2> <section class="mb-5" data-aos="fade-up">
<ul> <h2>Veröffentlichungen/Ergebnisse/Produkte</h2>
<li>PATE (Programming Assignments Tutor in Education) AI chatbot: HFTalk Poster</li> <ul>
<li>F. Vintila (2024). AVERT: Authorship Verification through Responsive Testing</li> <li>PATE (Programming Assignments Tutor in Education) AI chatbot: HFTalk Poster</li>
</ul> <li>F. Vintila (2024). AVERT: Authorship Verification and Evaluation through Responsive Testing</li>
</section> </ul>
</section>
<section class="my-5"> <!-- Section 6: Verantwortliche -->
<h2>Verantwortliche für den Themenbereich</h2> <section class="mb-5" data-aos="fade-up">
<p><strong>Prof. Dr. Peter Heusch</strong><br>Dipl.-Ing. Florentin Vintila</p> <h2>Verantwortliche für den Themenbereich</h2>
</section> <p><strong>Prof. Dr. Peter Heusch</strong><br>Dipl.-Ing. Florentin Vintila</p>
</main> </section>
</main>
<footer class="bg-dark text-light py-4"> <!-- Footer -->
<div class="container text-center"> <footer>
<p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p> <div class="container text-center">
<a href="index.html" class="btn btn-primary">Zurück zur Startseite</a> <p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
<p>&copy; 2024 KNIGHT Project. All rights reserved.</p> <a href="index.html" class="btn btn-primary">Zurück zur Startseite</a>
</div> <p>&copy; 2024 KNIGHT Project. All rights reserved.</p>
</footer> </div>
</footer>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- JS Files -->
<script src="assets/vendor/aos/aos.js"></script> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script> <script src="assets/vendor/aos/aos.js"></script>
AOS.init(); <script>
</script> AOS.init();
</script>
</body> </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