Update public/personalisiertes-lernen.html

c6a97da0 · Traboulsi · e65a4983 · c6a97da0
Commit c6a97da0 authored 6 months ago by Traboulsi
Show whitespace changes
Inline Side-by-side

Showing

with 86 additions and 87 deletions
+86 -87
--- a/public/personalisiertes-lernen.html
+++ b/public/personalisiertes-lernen.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
@@ -8,7 +9,7 @@
    <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="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">
@@ -17,8 +18,9 @@
    <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
    <link href="assets/css/main.css" rel="stylesheet">
 </head>
 <body>
-  <header id="header" class="header d-flex align-items-center fixed-top">
+    <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="">
@@ -36,65 +38,62 @@
                <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>
-  <main>
+    <main data-aos="fade-up" class="container mt-5">
-    <section class="container">
+        <section>
-      <p><br></p>
-      <p><br></p>
-      <div>
            <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>
+        <section class="my-5">
            <h2>Beschreibung des Themas</h2>
-        <p>
+            <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>
-          Wir entwickeln und implementieren <strong>PATE</strong>, 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.
+        </section>
-        </p>
-        <h2>Konzeptabbildung</h2>
+        <section class="my-5">
-        <p>
+            <h2>Konzeptabbildung: AVERT</h2>
-          Eine bedeutende Erweiterung von PATE ist <strong>AVERT</strong> (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. Diese Dialoge bewerten das Verständnis der Studierenden für die Programmieraufgaben und adressieren die Hauptursachen für akademische Unehrlichkeit wie Motivationsdefizite und mangelndes Fachverständnis.
+            <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>
-        </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;">
-        <p>
+        </section>
-          AVERT stellt dynamisch zielgerichtete Fragen basierend auf den Einreichungen der Studierenden und bestätigt durch deren Antworten das echte Verständnis der Aufgaben.
-        </p>
+        <section class="my-5">
            <h2>Was bieten wir im Rahmen der Hochschule an</h2>
-        <p>
+            <p>PATE und AVERT bieten aufgrund ihrer adaptiven Technologie eine individualisierte Interaktion, die es ermöglicht, strukturierte und personalisierte Inhalte anzubieten.</p>
-          <strong>PATE</strong> und <strong>AVERT</strong> 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 nicht nur die Problemlösungsfähigkeiten und analytischen Kompetenzen der Studierenden, sondern tragen auch dazu bei, ein tieferes und engagierteres Lernerlebnis zu schaffen.
+        </section>
-        </p>
-        <p>
-          Zum Beispiel wird bei Programmieraufgaben, die den initialen Test bestehen, mittels <strong>AVERT</strong> die Originalität überprüft. Die Ergebnisse werden nicht nur den Studierenden mitgeteilt, sondern auch an die Lehrenden weitergeleitet. Falls ein Studierender nicht nachweisen kann, dass er den Code verstanden hat, bietet AVERT ihm die Möglichkeit, den Code oder Teile davon nachzubearbeiten.
-        </p>
-        <p>
-          Darüber hinaus hilft AVERT den Studierenden, die Kernpunkte einer Aufgabe zu verstehen und ihre Gedanken zur Problemlösung zu strukturieren, indem es relevante Informationen und Ressourcen bereitstellt. Durch personalisierte Anleitung werden die Studierenden dazu angeleitet, den Code so zu schreiben, dass er die Tests besteht, wobei der Chatbot darauf ausgelegt ist, Unterstützung zu geben, ohne direkten Code bereitzustellen.
-        </p>
-        <p>
-          Diese umfassende Unterstützung verbessert nicht nur die Lernergebnisse, sondern fördert auch eine Kultur der Integrität und Zusammenarbeit unter den Studierenden.
-        </p>
+        <section class="my-5">
            <h2>Veröffentlichungen/Ergebnisse/Produkte</h2>
            <ul>
-          <li>PATE (Programming Assignments Tutor in Education) an AI chatbot that proactively helps students in programming assignments bei HFTalk (POSTER intern)</li>
+                <li>PATE (Programming Assignments Tutor in Education) AI chatbot: HFTalk Poster</li>
-          <li>F. Vintila (2024). AVERT: Authorship Verification and Evaluation through Responsive Testing, an LLM-based procedure that interactively verifies code authorship and evaluates student understanding. "IEEE 21st International Conference on Information Technology Based Higher Education and Training (ITHET 2024) (in preparation)</li>
+                <li>F. Vintila (2024). AVERT: Authorship Verification through Responsive Testing</li>
            </ul>
+        </section>
+        <section class="my-5">
            <h2>Verantwortliche für den Themenbereich</h2>
-        <ul>
+            <p><strong>Prof. Dr. Peter Heusch</strong><br>Dipl.-Ing. Florentin Vintila</p>
-          <li>Prof. Dr. Peter Heusch</li>
-          <li>Dipl.Ing. Florentin Vintila</li>
-        </ul>
-      </div>
        </section>
    </main>
-  <footer>
+    <footer class="bg-dark text-light py-4">
-    <div class="container">
+        <div class="container text-center">
            <p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
-      <a href="index.html">Zurück zur Startseite</a>
+            <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>
 </body>
 </html>