Commit e2952dd0 authored by Traboulsi's avatar Traboulsi
Browse files

Update public/personalisiertes-lernen.html

parent c6a97da0
No related merge requests found
Pipeline #10163 passed with stage
in 6 seconds
Showing with 86 additions and 81 deletions
+86 -81
......@@ -2,98 +2,103 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>PATE - 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" 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">
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>PATE - 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" 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">
</head>
<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;">
<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<br></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>
<div class="container">
<h1 class="text-light">PATE - Proactive Learning Support in Programming</h1>
<p class="text-light">Integrating AI and Adaptive Learning</p>
</div>
</header>
<!-- Header Section -->
<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<br></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 data-aos="fade-up" class="container mt-5">
<section>
<h1>Personalisiertes Lernen in der Programmierung</h1>
<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>
<p>Weitere Details werden hier bald ergänzt.</p>
</section>
<!-- Main Content -->
<main class="container mt-5">
<!-- Section 1: Personalisiertes Lernen -->
<section class="mb-5" data-aos="fade-up">
<h1>Personalisiertes Lernen in der Programmierung</h1>
<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">
<h2>Beschreibung des Themas</h2>
<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 2: Beschreibung des Themas -->
<section class="mb-5" data-aos="fade-up">
<h2>Beschreibung des Themas</h2>
<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">
<h2>Konzeptabbildung: AVERT</h2>
<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>
<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 3: Konzeptabbildung - AVERT -->
<section class="mb-5" data-aos="fade-up">
<h2>Konzeptabbildung: AVERT</h2>
<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>
<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">
<h2>Was bieten wir im Rahmen der Hochschule an</h2>
<p>PATE und AVERT bieten aufgrund ihrer adaptiven Technologie eine individualisierte Interaktion, die es ermöglicht, strukturierte und personalisierte Inhalte anzubieten.</p>
</section>
<!-- Section 4: Was bieten wir im Rahmen der Hochschule an -->
<section class="mb-5" data-aos="fade-up">
<h2>Was bieten wir im Rahmen der Hochschule an</h2>
<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">
<h2>Veröffentlichungen/Ergebnisse/Produkte</h2>
<ul>
<li>PATE (Programming Assignments Tutor in Education) AI chatbot: HFTalk Poster</li>
<li>F. Vintila (2024). AVERT: Authorship Verification through Responsive Testing</li>
</ul>
</section>
<!-- Section 5: Veröffentlichungen/Ergebnisse/Produkte -->
<section class="mb-5" data-aos="fade-up">
<h2>Veröffentlichungen/Ergebnisse/Produkte</h2>
<ul>
<li>PATE (Programming Assignments Tutor in Education) AI chatbot: HFTalk Poster</li>
<li>F. Vintila (2024). AVERT: Authorship Verification and Evaluation through Responsive Testing</li>
</ul>
</section>
<section class="my-5">
<h2>Verantwortliche für den Themenbereich</h2>
<p><strong>Prof. Dr. Peter Heusch</strong><br>Dipl.-Ing. Florentin Vintila</p>
</section>
</main>
<!-- Section 6: Verantwortliche -->
<section class="mb-5" data-aos="fade-up">
<h2>Verantwortliche für den Themenbereich</h2>
<p><strong>Prof. Dr. Peter Heusch</strong><br>Dipl.-Ing. Florentin Vintila</p>
</section>
</main>
<footer class="bg-dark text-light py-4">
<div class="container text-center">
<p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
<a href="index.html" class="btn btn-primary">Zurück zur Startseite</a>
<p>&copy; 2024 KNIGHT Project. All rights reserved.</p>
</div>
</footer>
<!-- Footer -->
<footer>
<div class="container text-center">
<p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
<a href="index.html" class="btn btn-primary">Zurück zur Startseite</a>
<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>
AOS.init();
</script>
<!-- JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</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