Update public/personalisiertes-lernen.html, public/assets/img/AVERT-ST.png

public/personalisiertes-lernen.html

@@ -42,23 +42,24 @@
 
   <!-- Main Content -->
   <main>
-    <section class="container">
-    <!-- Optional Intro Section if needed -->
-  </section>
+     <section class="container my-5 item-red " >
+      <header class="mb-4">
+        <h1 class="display-4"> Personalisiertes Lernen in der Programmierung </h1>
+        <hr class="mt-2 mb-4" />
+      </header>
     
-  <section class="container">
-    <div>
-      <h1>Personalisiertes Lernen in der Programmierung</h1>
-     <p>
-     <h3>AP 5.1 Personalisiertes Lernen in der Programmierung</h3>
+      <article class="mb-5">
+      <h2>AP 5.1 Personalisiertes Lernen in der Programmierung</h2>
         <ul>
           <li>Initiale Umsetzung durch automatisierte E-Mail-Rückmeldungen bei Git-Commits</li>
           <li>Weiterentwicklung zu einem KI-basierten Chatbot auf Basis von LLMs (zunächst PATE, später AVERT)</li>
           <li>AVERT ersetzt PATE und kombiniert Feedback mit Autorschaftsanalyse</li>
           <li>Personalisiertes Feedback soll künftig direkt im Dialogkontext eingebunden werden</li>
         </ul>
+      </article>
 
-    <h3>AP 5.2 KI-basierte Plagiatserkennung in der Programmierung</h3>
+      <article class="mb-5">
+      <h2> AP 5.2 KI-basierte Plagiatserkennung in der Programmierung</h2>
         <ul>
           <li>Entwicklung des Systems <strong>AVERT</strong> (Authorship Verification and Evaluation through Responsive Testing)</li>
           <li>Nutzung eines Custom GPT mit:
@@ -73,15 +74,24 @@
           <li>Evaluation der Effektivität zur Plagiatserkennung bei KI-generiertem Code</li>
         </ul>
 
-    <h3>AP 5.3 Vergleich Studierendengenerationen</h3>
+         <div class="image-frame my-4">
+          <img src="assets/img/plagiatserkennung.png" alt="AVERT Prozessdarstellung" class="img-fluid">
+        </div>
+        <p class="fst-italic text-center">Abbildung: Prozessbeschreibung der KI-gestützten Plagiatserkennung durch AVERT</p>
+      </article>
+
+    <article class="mb-5">
+      <h2>AP 5.3 Vergleich Studierendengenerationen</h2>
       <ul>
         <li>Feinjustierung der GPT-Parameter für realistische Authentizität und Erkennung</li>
         <li>Erstellung und Überarbeitung von Fragebögen für Studierende und Lehrende</li>
         <li>Abstimmung der Pilotphase mit Beteiligten: Umfang, Zeitplan, Methodik</li>
         <li>Ziel: Validierung der Wirksamkeit unter realen Bildungsbedingungen im SoSe 2025</li>
       </ul>
+    </article>
 
-    <h3>Relevanz & Perspektiven</h3>
+    <article class="mb-5">
+      <h2>Relevanz & Perspektiven</h2>
         <ul>
           <li><strong>Herausforderung:</strong> Zunahme von KI-generiertem Code untergräbt klassische Plagiatsprüfung</li>
           <li><strong>Antwort:</strong> AVERT prüft Verständnis statt nur Code-Inhalte</li>
@@ -89,8 +99,10 @@
           <li><strong>Technischer Ausblick:</strong> Integration in LMS, adaptive Tutoring-Systeme, skalierbare KI-Fragelogik</li>
           <li><strong>Wirtschaftliche Anwendung:</strong> Perspektiven für Weiterbildung & Industrie (z. B. ethisches Coding)</li>
         </ul>
+    </article>
 
-    <h3>Meilensteine</h3>
+    <article class="mb-5">
+      <h2>Meilensteine</h2>
         <ul>
           <li>M5.1: Automatisches Feedback im Abgabeworkflow (Moodle/Git) – <strong>erreicht</strong></li>
           <li>M5.2: Entwicklung von Mustererkennung zur Plagiatsidentifikation – <strong>erreicht</strong></li>
@@ -100,17 +112,18 @@
           </li>
           <li>M5.3: Vergleich Studierendengenerationen – <strong>teilweise erreicht</strong></li>
         </ul>
+    </article>
 
-    <div class="image-frame my-4">
-      <img src="assets/img/plagiatserkennung.png" alt="AVERT Prozessdarstellung" class="img-fluid">
-      <p class="fst-italic text-center">Abbildung: Prozessbeschreibung der KI-gestützten Plagiatserkennung durch AVERT</p>
-    </div>
+       
+
+        <div>
           <h3>Verantwortliche für den Themenbereich</h3>
         <p>
           Prof. Dr. Peter Heusch<br>
           Dipl.-Ing. Florentin Vintila
         </p>
       </div>
+
 </section>