index.html

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>KI-AgentenTestplatz — Testbench zur Mensch-KI-Agenten-Interaktion</title>
  <meta name="description" content="Agentische Testbench für die empirische Forschung zur Interaktion von Menschen mit KI-Agenten (Claude, GPT, Gemini).">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <header class="site">
    <h1>KI-AgentenTestplatz</h1>
    <div class="untertitel">Testbench für die empirische Forschung zur Interaktion von Menschen mit KI-Agenten</div>
    <nav class="haupt">
      <a href="index.html">Start</a>
      <a href="study.html">Sitzung</a>
      <a href="admin.html">Forschungsansicht</a>
      <a href="legal.html">Impressum &amp; Datenschutz</a>
    </nav>
  </header>

  <main>
    <section class="panel">
      <h2>Worum es geht</h2>
      <p>
        Diese Plattform setzt ein experimentelles Untersuchungsdesign zur Zusammenarbeit
        zwischen Menschen und KI-Agenten (Claude, GPT, Gemini) bei unternehmerischen
        Entscheidungs- und Führungsaufgaben um. Teilnehmende bearbeiten über mehrere
        „Geschäftsrunden" hinweg Aufgabenmodule der fiktiven <em>NordTec GmbH</em> gemeinsam
        mit einem KI-Agenten; erfasst werden Interaktionsverläufe, Vertrauens- und
        Beanspruchungsmaße sowie Entscheidungsqualität.
      </p>
      <p>
        Konzeption: <a href="KONZEPT.md">KONZEPT.md</a> im Repository ·
        Wissenschaftliche Leitung: Dr.&nbsp;Pantaleon&nbsp;Fassbender und Dr.&nbsp;Uwe&nbsp;Klein.
      </p>
      <div class="hinweis warnung">
        <strong>Hinweis für Teilnehmende:</strong> Alle Unternehmens- und Personendaten in
        den Aufgaben sind frei erfunden. Ihre Chat-Eingaben werden zur Bearbeitung an den
        jeweils gewählten Modellanbieter (Anthropic, OpenAI oder Google) übermittelt —
        bitte geben Sie keine realen personenbezogenen Daten oder Geschäftsgeheimnisse ein.
        Details in der <a href="legal.html">Datenschutzerklärung</a>.
      </div>
    </section>

    <section class="panel">
      <h2>Untersuchungsbedingungen, Modelle und Autonomiegrade</h2>
      <p>Jede Sitzung läuft unter genau einer der fünf folgenden Bedingungen
        (between-subject). Die eingesetzten Modellversionen werden zusätzlich bei jeder
        einzelnen Agentenantwort protokolliert.</p>
      <table>
        <thead>
          <tr><th>Bedingung</th><th>Anbieter / Modell (derzeit)</th><th>Charakter</th></tr>
        </thead>
        <tbody>
          <tr>
            <td>Claude</td>
            <td>Anthropic — <code>claude-sonnet-5</code></td>
            <td>Kommerzielles Frontier-Modell</td>
          </tr>
          <tr>
            <td>GPT</td>
            <td>OpenAI — <code>gpt-5</code></td>
            <td>Kommerzielles Frontier-Modell</td>
          </tr>
          <tr>
            <td>Gemini</td>
            <td>Google — <code>gemini-2.5-flash</code></td>
            <td>Kommerzielles Modell, auf Geschwindigkeit optimiert</td>
          </tr>
          <tr>
            <td>Open Source</td>
            <td>Llama&nbsp;3.3&nbsp;70B Instruct — betrieben über Together&nbsp;AI</td>
            <td>Offenes Modell (Meta, frei verfügbare Gewichte) als Vergleichspunkt zu den kommerziellen Anbietern</td>
          </tr>
          <tr>
            <td>Ohne KI (Postkorb)</td>
            <td>—</td>
            <td>Kontrollbedingung: dieselben Aufgaben werden eigenständig bearbeitet, wie ein Posteingang ohne Assistenz; es wird nichts an Modellanbieter übermittelt</td>
          </tr>
        </tbody>
      </table>
      <h3>Autonomiegrade des Agenten</h3>
      <ul>
        <li><strong>Niedrig:</strong> Der Agent macht ausschließlich Vorschläge und
          beantwortet Fragen; jede Festlegung trifft die menschliche Person. Kein
          fertiges Endprodukt vom Agenten.</li>
        <li><strong>Hoch:</strong> Der Agent erstellt zu Rundenbeginn eigenständig einen
          vollständigen, abgabefertigen Entwurf; die menschliche Person prüft, korrigiert
          und verantwortet die Abgabe.</li>
        <li><strong>Within-subject:</strong> Jede Person durchläuft beide Grade in zwei
          Blöcken, die Reihenfolge wird randomisiert — der Standardmodus für
          Vergleiche innerhalb derselben Person.</li>
      </ul>
      <p>In jeder Runde stehen zusätzlich drei Agentenrollen zur Wahl: <strong>Analyst</strong>
        (erarbeitet Analysen und Entwürfe), <strong>Kritiker</strong> (prüft Entwürfe auf
        Schwächen, liefert keine Lösungen) und <strong>Koordinator</strong> (strukturiert
        das Vorgehen). Die Rollen nutzen dasselbe Modell und kommunizieren nicht
        untereinander.</p>
    </section>

    <section class="panel">
      <h2>Neue Sitzung anlegen</h2>
      <p class="status" id="speicherStatus"></p>
      <form id="setupForm">
        <label for="code">Teilnahmecode (pseudonym, z.&nbsp;B. „P07")</label>
        <input type="text" id="code" maxlength="24" autocomplete="off" required>

        <label for="provider">Bedingung: KI-Agent (Anbieter, between-subject) oder Kontrollbedingung</label>
        <select id="provider">
          <option value="anthropic">Claude (Anthropic)</option>
          <option value="openai">GPT (OpenAI)</option>
          <option value="gemini">Gemini (Google)</option>
          <option value="opensource">Open-Source-Modell (vom Betreiber konfigurierter Endpunkt)</option>
          <option value="none">Ohne KI — Postkorb-Kontrollbedingung (eigenständige Bearbeitung)</option>
        </select>

        <label for="autonomyPlan">Autonomiegrad des Agenten</label>
        <select id="autonomyPlan">
          <option value="within">within-subject: zwei Blöcke, Reihenfolge randomisiert</option>
          <option value="niedrig">konstant niedrig (Agent macht nur Vorschläge)</option>
          <option value="hoch">konstant hoch (Agent erstellt Entwürfe, Mensch kontrolliert)</option>
        </select>

        <label for="rounds">Anzahl Runden (3–15)</label>
        <input type="number" id="rounds" min="3" max="15" value="6">

        <button type="submit">Sitzung anlegen und starten</button>
      </form>
      <p class="status" id="setupStatus"></p>
    </section>

    <section>
      <h2>Die sechs Aufgabenmodule im Volltext</h2>
      <p>Vollständige Darstellung aller Aufgabenmodule: Szenario, Eingabedaten,
        Bearbeitungsauftrag und Bewertungsraster. Sämtliche Angaben sind fiktiv.
        Die Bewertung der Teilnehmerleistungen erfolgt kriterienbasiert; der
        verhaltensverankerte <a href="admin.html">Bewertungsleitfaden</a> (Stufen 1/3/5
        je Kriterium) ist in der Forschungsansicht hinterlegt.</p>
      <div id="modulListe"></div>
    </section>
  </main>

  <footer class="site">
    KI-AgentenTestplatz · Fassbender &amp; Klein ·
    <a href="legal.html">Impressum &amp; Datenschutz</a> ·
    <a href="https://github.com/pantaleonfassbender-coder/KI-AgentenTestplatz">Quellcode</a>
  </footer>

  <script src="js/tasks-data.js"></script>
  <script src="js/store.js"></script>
  <script src="js/engine.js"></script>
  <script src="js/surveys.js"></script>
  <script src="js/index-page.js"></script>
</body>
</html>