AICertification/app/flask-postgres/app/templates/course/A5_page3.html
2026-04-10 09:11:59 +02:00

86 lines
2.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% extends "base.html" %}
{% block content %}
<h2>A5 Dokumentation</h2>
<section class="content-section ai-explainer">
<div class="content-wrapper">
<h2 class="section-title">Teil 2 Was dokumentiert werden muss: Die vier Mindestinformationen</h2>
<p class="lead">
„Bei KI-Nutzung gibt es vier Mindestinformationen,
</p>
<p>
die fast alle Unternehmen erfassen müssen —
sowohl aus praktischen als auch aus rechtlichen Gründen.
</p>
<p><strong>1. Zweck / Use Case</strong></p>
<p>
Warum wurde KI eingesetzt?
</p>
<p><strong>Beispiele:</strong></p>
<ul class="example-list">
<li>„Entwurf eines Produkttextes“</li>
<li>„Vorschlag für eine Stellenanzeige“</li>
<li>„Ideen für Marketingtitel“</li>
</ul>
<p><strong>2. Input / Prompt</strong></p>
<p>
Welche Informationen wurden eingegeben?
</p>
<p><strong>Insbesondere wichtig:</strong></p>
<ul class="example-list">
<li>keine sensiblen Daten</li>
<li>keine personenbezogenen Daten</li>
<li>keine vertraulichen Geschäftsinhalte</li>
</ul>
<p>
Wenn doch → interne Tools nutzen, nicht öffentliche.
</p>
<p><strong>3. Output / Ergebnis</strong></p>
<p>
Was hat die KI erzeugt?
</p>
<p>
Hier kann abgespeichert werden:
Text, Screenshot, Export, Datei oder Bild.
</p>
<p><strong>4. Human Oversight / Prüfung</strong></p>
<p>
Wer hat das Ergebnis geprüft?
</p>
<p>
Wurde etwas geändert, ergänzt oder verworfen?
</p>
<blockquote class="highlight-quote">
Damit ist sichergestellt,<br>
dass jede KI-Nutzung später nachvollziehbar bleibt.
</blockquote>
</div>
</section>
<div class="course-nav">
<a href="/course/{{ course_id }}/page/2" class="btn-secondary">Zurück</a>
<a href="/course/{{ course_id }}/page/4" class="btn-primary">Weiter</a>
</div>
{% endblock %}