Update public/personalisiertes-lernen.html

public/personalisiertes-lernen.html

@@ -88,21 +88,49 @@
 
     <!-- debut -->
 
-<article class="mb-5">
-      <div class="row">
-        <div class="col-md-6 d-flex flex-column h-100">
-          <h3>Anwendungsprozess</h3>
-          <p>...........</p>
-          
-
+            <article class="mb-5">
+              <div class="row align-items-center">
+                <!-- Textbereich -->
+                <div class="col-md-6">
+                  <h3 class="mb-4">Anwendungsprozess</h3>
+                  <ul class="list-unstyled">
+                    <li class="mb-3 d-flex">
+                      <span class="me-2 text-primary">📥</span>
+                      <span><strong>Code-Einreichung:</strong> Studierende reichen ihre Programmieraufgaben ein.</span>
+                    </li>
+                    <li class="mb-3 d-flex">
+                      <span class="me-2 text-primary">🧠</span>
+                      <span><strong>Sokratische Befragung:</strong> AVERT führt adaptive Fragen, um das Verständnis des eingereichten Codes zu überprüfen.</span>
+                    </li>
+                    <li class="mb-3 d-flex">
+                      <span class="me-2 text-primary">🔄</span>
+                      <span><strong>Dynamische Anpassung:</strong> Die Fragen werden abhängig von den Antworten der Studierenden vereinfacht oder vertieft.</span>
+                    </li>
+                    <li class="mb-3 d-flex">
+                      <span class="me-2 text-primary">💬</span>
+                      <span><strong>Reflexives Feedback:</strong> Die Studierenden erhalten personalisierte Rückmeldungen, die Stärken und Verbesserungsbereiche hervorheben.</span>
+                    </li>
+                    <li class="mb-3 d-flex">
+                      <span class="me-2 text-primary">🧾</span>
+                      <span><strong>Autorschaftsbewertung:</strong> AVERT bewertet das Verständnis der Studierenden, um die Urheberschaft des Codes zu verifizieren.</span>
+                    </li>
+                    <li class="mb-3 d-flex">
+                      <span class="me-2 text-primary">👩‍🏫</span>
+                      <span><strong>Dozierendenanalyse:</strong> Detaillierte Interaktionsprotokolle unterstützen die Evaluation durch die Lehrenden.</span>
+                    </li>
+                  </ul>
                 </div>
-        <div class="col-md-6 d-flex flex-column h-100">
-          <h3>Bild</h3>
 
+                <!-- Bildbereich -->
+                <div class="col-md-6 text-center">
+                  <div class="image-frame p-2 border rounded shadow-sm bg-light">
+                    <img src="assets/img/plagiatserkennung.png" alt="AVERT Prozessdarstellung" class="img-fluid rounded">
+                  </div>
                 </div>
               </div>
             </article>
 
+
     <!-- fin-->