Compare commits
2 Commits
9e2a733015
...
c3b5c5e5b4
| Author | SHA1 | Date | |
|---|---|---|---|
| c3b5c5e5b4 | |||
| f9a48b5b50 |
@ -282,20 +282,23 @@ def startup_checks():
|
|||||||
ensure_default_admin()
|
ensure_default_admin()
|
||||||
|
|
||||||
|
|
||||||
@app.route("/")
|
|
||||||
@app.route("/home")
|
@app.route("/home")
|
||||||
def home():
|
def home():
|
||||||
return render_template(
|
return render_template(
|
||||||
"index.html",
|
#"index.html",
|
||||||
page_title="Info",
|
#page_title="Info",
|
||||||
active_page="home",
|
#active_page="home",
|
||||||
|
"preise2.html",
|
||||||
|
page_title="Preise",
|
||||||
|
active_page="preise",
|
||||||
vat_label=COUNTRY_VAT_LABELS.get(session.get("country", "DE")),
|
vat_label=COUNTRY_VAT_LABELS.get(session.get("country", "DE")),
|
||||||
**get_current_user()
|
**get_current_user()
|
||||||
)
|
)
|
||||||
|
|
||||||
|
@app.route("/")
|
||||||
@app.route("/preise")
|
@app.route("/preise")
|
||||||
@login_required
|
#@login_required
|
||||||
def preise():
|
def preise():
|
||||||
return render_template(
|
return render_template(
|
||||||
"preise2.html",
|
"preise2.html",
|
||||||
@ -386,7 +389,7 @@ def logout():
|
|||||||
user_email = session.get("user_email", "unknown")
|
user_email = session.get("user_email", "unknown")
|
||||||
session.clear()
|
session.clear()
|
||||||
app.logger.info("Logout: %s", user_email)
|
app.logger.info("Logout: %s", user_email)
|
||||||
return redirect(url_for("home"))
|
return redirect(url_for("preise"))
|
||||||
|
|
||||||
|
|
||||||
@app.route("/health")
|
@app.route("/health")
|
||||||
|
|||||||
@ -19,9 +19,9 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<nav class="top-nav">
|
<nav class="top-nav">
|
||||||
<a href="/home" class="{% if active_page == 'home' %}active{% endif %}">Home</a>
|
<!-- <a href="/home" class="{% if active_page == 'home' %}active{% endif %}">Home</a> -->
|
||||||
<a href="/preise" class="{% if active_page == 'preise' %}active{% endif %}">Preise</a>
|
<a href="/preise" class="{% if active_page == 'preise' %}active{% endif %}">Preise</a>
|
||||||
<a href="/allgemein" class="{% if active_page == 'allgemein' %}active{% endif %}">Allgemein</a>
|
<!-- <a href="/allgemein" class="{% if active_page == 'allgemein' %}active{% endif %}">Allgemein</a> -->
|
||||||
|
|
||||||
{% if is_logged_in %}
|
{% if is_logged_in %}
|
||||||
<a href="/courses" class="{% if active_page == 'courses' %}active{% endif %}">
|
<a href="/courses" class="{% if active_page == 'courses' %}active{% endif %}">
|
||||||
|
|||||||
@ -2,10 +2,30 @@
|
|||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
<h2>A2 – Ethical AI</h2>
|
<h2>A4 – Transparenz</h2>
|
||||||
|
|
||||||
<section class="content-section ai-explainer">
|
<section class="content-section ai-explainer">
|
||||||
content
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Willkommen zu Compliance Verification und zum Modul A4 – Transparency & Customer Disclosure</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
In diesem Modul lernen Sie:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Wann der EU AI Act eine Transparenzpflicht vorschreibt</li>
|
||||||
|
<li>Wie man AI-generated und AI-assisted korrekt kennzeichnet</li>
|
||||||
|
<li>Warum falsche oder fehlende Kennzeichnung rechtliche Folgen haben kann</li>
|
||||||
|
<li>Wo im Unternehmen Transparenz besonders wichtig ist</li>
|
||||||
|
<li>Wie Sie im Alltag sicherstellen, dass Kund:innen und Geschäftspartner nicht in die Irre geführt werden</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Transparenz ist nicht nur ein rechtliches Gebot —
|
||||||
|
sie ist ein Kernelement eines verantwortungsvollen KI-Einsatzes.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="course-nav">
|
<div class="course-nav">
|
||||||
|
|||||||
@ -2,10 +2,54 @@
|
|||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
<h2>A2 Ethikrahmen</h2>
|
<h2>A4 – Transparenz</h2>
|
||||||
|
|
||||||
<section class="content-section ai-explainer">
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 1 – Warum Transparenz wichtig ist: Vertrauen, Fairness, Verantwortung</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Transparenz ist die Grundlage jeder vertrauenswürdigen KI-Nutzung.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Kund:innen müssen erkennen können, ob sie:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>einen echten Menschen lesen,</li>
|
||||||
|
<li>ein KI-generiertes Bild sehen,</li>
|
||||||
|
<li>oder mit einem KI-System interagieren.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>Warum?</strong></p>
|
||||||
|
|
||||||
|
<p><strong>1. Vertrauen:</strong></p>
|
||||||
|
<p>
|
||||||
|
Menschen wollen wissen, ob sie gerade mit Technik oder mit einer Person kommunizieren.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>2. Verbraucherschutz:</strong></p>
|
||||||
|
<p>
|
||||||
|
Wer Entscheidungen trifft — beispielsweise beim Kauf eines Produkts —
|
||||||
|
muss wissen, ob Inhalte automatisiert erstellt wurden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>3. Rechtsklarheit:</strong></p>
|
||||||
|
<p>
|
||||||
|
Die EU betrachtet mangelnde Transparenz als potenziell irreführendes Verhalten.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Deshalb gibt es klare Kennzeichnungspflichten.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Transparenz ist keine Zusatzoption,<br>
|
||||||
|
sondern ein gesetzlich verankerter Mindeststandard.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="course-nav">
|
<div class="course-nav">
|
||||||
|
|||||||
@ -2,10 +2,78 @@
|
|||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
<h2>A2 Was ist Bias?</h2>
|
<h2>A4 – Transparenz</h2>
|
||||||
|
|
||||||
<section class="content-section ai-explainer">
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 2 – Was der EU AI Act verlangt: Art. 52 „Transparenzpflichten“</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Der EU AI Act enthält einen eigenen Transparenzartikel — Art. 52.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Er definiert, wann Unternehmen offenlegen müssen,
|
||||||
|
dass KI beteiligt war.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Die wichtigsten Fälle:</strong></p>
|
||||||
|
|
||||||
|
<p><strong>1. AI-generated content</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Wenn KI Inhalte selbst erstellt hat (Text, Bild, Video),
|
||||||
|
muss klar und erkennbar sein,
|
||||||
|
dass es sich nicht um ein menschliches Original handelt.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Beispiel in der Praxis:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>„Dieser Produkttext wurde maschinell erstellt.“</li>
|
||||||
|
<li>„Dieses Bild wurde mit KI generiert.“</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>2. AI-assisted content</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Wenn KI eine wesentliche Rolle gespielt hat,
|
||||||
|
aber ein Mensch das Ergebnis geprüft oder weiterverarbeitet hat,
|
||||||
|
darf dies angegeben werden:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>„Der folgende Text wurde teilweise mit KI-Unterstützung erstellt.“</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>3. Chatbots & Interaktive Systeme</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Wenn Kund:innen mit einem KI-System interagieren,
|
||||||
|
müssen sie vor oder bei Beginn der Interaktion wissen,
|
||||||
|
dass es kein Mensch ist.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Beispiel:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>„Hinweis: Dies ist ein automatisiertes System.“</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>4. Manipulative oder emotionale KI (besonders sensibel)</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Bei Systemen, die Emotionen erkennen oder beeinflussend wirken könnten,
|
||||||
|
müssen Menschen stets wissen, dass KI im Spiel ist —
|
||||||
|
und sie müssen der Nutzung widersprechen können.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Der Kern:<br>
|
||||||
|
➡️ Niemand darf durch KI unbemerkt beeinflusst oder getäuscht werden.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="course-nav">
|
<div class="course-nav">
|
||||||
|
|||||||
@ -2,10 +2,68 @@
|
|||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
<h2>A2 Diskriminierung</h2>
|
<h2>A4 – Transparenz</h2>
|
||||||
|
|
||||||
<section class="content-section ai-explainer">
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 3 – Was in Unternehmen als „AI-Generated“ oder „AI-Assisted“ gilt</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Damit Transparenz im Alltag funktioniert,
|
||||||
|
müssen Mitarbeitende verstehen,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
wie sie KI-Einfluss korrekt einordnen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>AI-generated</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
KI erstellt den Inhalt vollständig oder überwiegend.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Beispiele:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Ein automatisch erstellter Produkttext</li>
|
||||||
|
<li>Ein KI-generiertes Bild auf der Website</li>
|
||||||
|
<li>Eine automatisch erzeugte Zusammenfassung ohne menschliche Prüfung</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Hier ist die Kennzeichnung zwingend.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>AI-assisted</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Der Mensch bleibt Autor —
|
||||||
|
aber KI hat vorgeschlagen, strukturiert oder ergänzt.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Beispiele:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Ein Textentwurf, der von der KI stammt, aber vollständig überarbeitet wurde</li>
|
||||||
|
<li>Eine E-Mail, die durch KI nur geglättet wurde</li>
|
||||||
|
<li>Ein Foto, das durch KI verbessert wurde</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Hier kann Transparenz nötig sein,
|
||||||
|
wenn der Assistenzgrad relevant ist —
|
||||||
|
z. B. im Journalismus, Marketing oder Kundenservice.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Wichtig ist:<br>
|
||||||
|
Wenn der Eindruck entsteht, ein Mensch hätte etwas vollständig selbst erstellt,<br>
|
||||||
|
obwohl KI beteiligt war,<br>
|
||||||
|
besteht eine Kennzeichnungspflicht.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="course-nav">
|
<div class="course-nav">
|
||||||
|
|||||||
@ -2,10 +2,67 @@
|
|||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
<h2>A2 Praxisbeispiele</h2>
|
<h2>A4 – Transparenz</h2>
|
||||||
|
|
||||||
<section class="content-section ai-explainer">
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 4 – Transparenz im Marketing, Vertrieb und Kundenservice</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„In diesen Bereichen ist transparente KI-Nutzung besonders kritisch,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
weil Kund:innen Entscheidungen auf Grundlage der Inhalte treffen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Typische Risikofälle:</strong></p>
|
||||||
|
|
||||||
|
<p><strong>1. Produktbeschreibungen</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Wird ein technisches Detail aus Versehen halluziniert,
|
||||||
|
kann das irreführende Werbung nach UWG §§ 5 und 5a sein.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>2. Werbeanzeigen</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Wenn Bilder KI-generiert sind, muss klar sein,
|
||||||
|
dass es sich nicht um reale Fotos handelt
|
||||||
|
(z. B. bei „Vorher-Nachher“-Effekten).
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>3. Kundenservice-Chatbots</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Kund:innen müssen wissen,
|
||||||
|
dass sie nicht mit einer Person sprechen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Das ist sowohl eine Transparenz-
|
||||||
|
als auch Verbraucherschutzpflicht.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>4. automatisierte E-Mail-Antworten</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Auch hier:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Nicht den Eindruck erwecken,
|
||||||
|
eine Person habe etwas persönlich geschrieben,
|
||||||
|
wenn es in Wahrheit maschinell erzeugt wurde.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Der Grundsatz lautet:<br>
|
||||||
|
➡️ Keine Täuschung über Art, Herkunft oder Entstehung des Inhalts.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="course-nav">
|
<div class="course-nav">
|
||||||
|
|||||||
@ -2,10 +2,64 @@
|
|||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
<h2>A2 Fairness</h2>
|
<h2>A4 – Transparenz</h2>
|
||||||
|
|
||||||
<section class="content-section ai-explainer">
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 5 – Praktische Regeln für Mitarbeitende: So kennzeichnen Sie korrekt</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Damit transparente KI-Nutzung gelingt,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
gibt es klare und einfach anwendbare Grundregeln:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>1. Immer prüfen: Hat KI den Inhalt erstellt oder beeinflusst?</strong></p>
|
||||||
|
<p>
|
||||||
|
Wenn ja → überlegen, ob der Einfluss offengelegt werden muss.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>2. Bei vollständiger KI-Erstellung: Immer kennzeichnen.</strong></p>
|
||||||
|
|
||||||
|
<p><strong>Beispiele:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>„Dieser Text wurde maschinell erstellt.“</li>
|
||||||
|
<li>„Dieses Bild wurde mit KI generiert.“</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>3. Bei Assistenz: Kennzeichnen, wenn relevant.</strong></p>
|
||||||
|
|
||||||
|
<p><strong>Besonders bei:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Produkttexten</li>
|
||||||
|
<li>Preisgestaltung</li>
|
||||||
|
<li>rechtlich relevanten Aussagen</li>
|
||||||
|
<li>journalistischen oder erklärenden Inhalten</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>4. Bei Chatbots: Immer zu Beginn informieren.</strong></p>
|
||||||
|
|
||||||
|
<p><strong>5. Keine falsche Autorenschaft suggerieren.</strong></p>
|
||||||
|
<p>
|
||||||
|
Kein „Ich habe … geschrieben“, wenn KI das Werk erstellt hat.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>6. Keine sensiblen Inhalte durch KI verschleiern.</strong></p>
|
||||||
|
<p>
|
||||||
|
Wenn KI Inhalte verändert, z. B. Bilder retuschiert,
|
||||||
|
und dies die Aussagekraft beeinflusst,
|
||||||
|
muss dies offen gesagt werden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Mit diesen einfachen Regeln lassen sich rechtliche Verstöße zuverlässig vermeiden.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="course-nav">
|
<div class="course-nav">
|
||||||
|
|||||||
@ -2,10 +2,36 @@
|
|||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
<h2>A2 Abschluss</h2>
|
<h2>A4 Abschluss</h2>
|
||||||
|
|
||||||
<section class="content-section ai-explainer">
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Abschluss – Überblick & Ausblick</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
In diesem Modul haben Sie gelernt,
|
||||||
|
warum Transparenz beim KI-Einsatz unverzichtbar ist
|
||||||
|
und welche Pflichten der EU AI Act für Unternehmen festlegt.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sie wissen nun,
|
||||||
|
wie Sie AI-generated und AI-assisted korrekt kennzeichnen,
|
||||||
|
wo Transparenz in Marketing, Kundenservice und Unternehmenskommunikation besonders wichtig ist
|
||||||
|
und wie Sie im Alltag sicherstellen,
|
||||||
|
dass keine Irreführung entsteht.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Im nächsten und letzten A-Level-Modul —
|
||||||
|
<strong>A5: Documentation & Internal Processes</strong> —
|
||||||
|
sehen wir uns an,
|
||||||
|
wie Unternehmen ihren KI-Einsatz dokumentieren,
|
||||||
|
welche internen Regeln gelten
|
||||||
|
und wie Sie in der Praxis dafür sorgen,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="course-nav">
|
<div class="course-nav">
|
||||||
|
|||||||
39
app/flask-postgres/app/templates/course/A5_page1.html
Normal file
39
app/flask-postgres/app/templates/course/A5_page1.html
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>A5 – Dokumentation</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Willkommen zu Compliance Verification und zum Modul A5 – Documentation & Internal Processes</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
In diesem Modul lernen Sie:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>warum Dokumentation ein Schlüsselfaktor für sicheren KI-Einsatz ist,</li>
|
||||||
|
<li>welche Mindestinformationen bei KI-Nutzung erfasst werden müssen,</li>
|
||||||
|
<li>welche internen Prozesse Unternehmen typischerweise einführen,</li>
|
||||||
|
<li>und wie Sie als Mitarbeitende im Alltag dazu beitragen,</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
dass KI-Nutzung transparent, nachvollziehbar und auditierbar bleibt.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Dokumentation ist kein Selbstzweck —<br>
|
||||||
|
sie schützt Mitarbeitende, Kund:innen und das Unternehmen.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/2" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
57
app/flask-postgres/app/templates/course/A5_page2.html
Normal file
57
app/flask-postgres/app/templates/course/A5_page2.html
Normal file
@ -0,0 +1,57 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>A5 – Dokumentation</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 1 – Warum Dokumentation wichtig ist: Nachvollziehbarkeit & Accountability</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Der Einsatz von KI erzeugt neue Arten von Risiken.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Deshalb ist es entscheidend, nachvollziehen zu können:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Wer hat KI verwendet?</li>
|
||||||
|
<li>Wofür wurde sie eingesetzt?</li>
|
||||||
|
<li>Welche Daten wurden eingegeben?</li>
|
||||||
|
<li>Welches Ergebnis kam heraus?</li>
|
||||||
|
<li>Wie wurde es geprüft?</li>
|
||||||
|
<li>Wer trägt die Verantwortung für das Endergebnis?</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Dafür verlangt der EU AI Act in mehreren Artikeln
|
||||||
|
(u. a. Art. 12, 13 und 29)
|
||||||
|
eine dokumentierte Nachvollziehbarkeit —
|
||||||
|
auch bei Nicht-Hochrisiko-Systemen,
|
||||||
|
sofern KI geschäftsrelevante Wirkung hat.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Dokumentation stellt sicher,
|
||||||
|
dass Entscheidungen rekonstruiert,
|
||||||
|
überprüft und auditierbar sind.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Sie verhindert, dass das Unternehmen später erklären muss:<br>
|
||||||
|
„Wir wissen nicht mehr, wie dieser Text,<br>
|
||||||
|
diese Entscheidung oder dieses Bild zustande gekommen ist.“
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/1" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/3" class="btn-primary">Weiter</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
86
app/flask-postgres/app/templates/course/A5_page3.html
Normal file
86
app/flask-postgres/app/templates/course/A5_page3.html
Normal file
@ -0,0 +1,86 @@
|
|||||||
|
{% 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 %}
|
||||||
70
app/flask-postgres/app/templates/course/A5_page4.html
Normal file
70
app/flask-postgres/app/templates/course/A5_page4.html
Normal file
@ -0,0 +1,70 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>A5 – Dokumentation</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 3 – Wie „leichte“ Dokumentation im Alltag aussieht: Einfach & pragmatisch</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Viele Mitarbeitende haben Sorge,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Dokumentation wäre zeitintensiv oder kompliziert.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
In der Praxis ist das Gegenteil der Fall:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
➡️ Die meisten Unternehmen verwenden einfache 1-Minute-Protokolle.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p><strong>Beispiele:</strong></p>
|
||||||
|
|
||||||
|
<p><strong>Beispiel 1 – Kurzes KI-Einsatzprotokoll (Text)</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Zweck: Entwurf Produktbeschreibung</li>
|
||||||
|
<li>Prompt: „Bitte erstelle einen kurzen Produkttext zu…“</li>
|
||||||
|
<li>Output: Datei gespeichert / Screenshot</li>
|
||||||
|
<li>Prüfung: „Fakten korrigiert, Stil angepasst“</li>
|
||||||
|
<li>Verantwortlich: Name der prüfenden Person</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>Beispiel 2 – KI im Kundenservice</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Zweck: Antwortentwurf</li>
|
||||||
|
<li>Prompt: „Formuliere höflich…“</li>
|
||||||
|
<li>Output: Text eingefügt, angepasst</li>
|
||||||
|
<li>Prüfung: Inhalt kontrolliert, rechtliche Aussagen entfernt</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>Beispiel 3 – KI im Einkauf / Recherche</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Zweck: Marktüberblick</li>
|
||||||
|
<li>Prompt: „Liste mögliche Anbieter für …“</li>
|
||||||
|
<li>Prüfung: Quellen manuell verifiziert</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Es geht nicht um Bürokratie,<br>
|
||||||
|
sondern um Minimalschritte,<br>
|
||||||
|
die Sicherheit und Qualität gewährleisten.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/3" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/5" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
77
app/flask-postgres/app/templates/course/A5_page5.html
Normal file
77
app/flask-postgres/app/templates/course/A5_page5.html
Normal file
@ -0,0 +1,77 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>A5 – Dokumentation</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 4 – Interne Prozesse: Wie Unternehmen KI-Nutzung steuern</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Neben der individuellen Dokumentation
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
führen Unternehmen klare interne Prozesse ein,
|
||||||
|
um KI-Nutzung strukturiert, sicher und verantwortungsvoll zu gestalten.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Häufige interne Prozesse:</strong></p>
|
||||||
|
|
||||||
|
<p><strong>1. KI-Policy / Nutzungsregelwerk</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Klärt:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Was ist erlaubt?</li>
|
||||||
|
<li>Was ist verboten?</li>
|
||||||
|
<li>Welche Tools dürfen genutzt werden?</li>
|
||||||
|
<li>Welche Daten dürfen eingegeben werden?</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>2. Freigabeprozesse</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Für sensible Bereiche wie HR, Compliance oder Recht
|
||||||
|
sind zusätzliche Freigaben nötig,
|
||||||
|
damit KI nicht ungewollt Entscheidungen beeinflusst.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>3. Tool-Whitelist / Blacklist</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Welche Tools sind geprüft und sicher?</li>
|
||||||
|
<li>Welche Tools sind unsicher oder verboten?</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>4. Logging / Nachverfolgung</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
In bestimmten Bereichen werden KI-Nutzungen
|
||||||
|
automatisch oder manuell protokolliert.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>5. Feedback-Mechanismen</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Mitarbeitende können melden,
|
||||||
|
wenn KI fehlerhafte, diskriminierende oder riskante Ergebnisse liefert.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Diese Prozesse sind nicht hinderlich,<br>
|
||||||
|
sondern schützen Unternehmen vor erheblichen Risiken.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/4" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/6" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
63
app/flask-postgres/app/templates/course/A5_page6.html
Normal file
63
app/flask-postgres/app/templates/course/A5_page6.html
Normal file
@ -0,0 +1,63 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>A5 – Dokumentation</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 5 – Was Mitarbeitende konkret tun müssen: Ihr Beitrag zur Sicherheit</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Damit Dokumentation und interne Prozesse funktionieren,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
braucht es den Beitrag jeder einzelnen Person im Unternehmen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Die wichtigsten Pflichten im Alltag:</strong></p>
|
||||||
|
|
||||||
|
<p><strong>1. KI-Ausgaben prüfen und korrigieren</strong></p>
|
||||||
|
<p>
|
||||||
|
Keine ungeprüften Outputs weitergeben.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>2. Keine sensiblen Daten in öffentliche KI eingeben</strong></p>
|
||||||
|
<p>
|
||||||
|
Personenbezogene Daten → verboten<br>
|
||||||
|
Vertrauliche Daten → verboten<br>
|
||||||
|
Interne Informationen → nur in geprüften Tools verwenden
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>3. Dokumentation ausfüllen, wenn relevant</strong></p>
|
||||||
|
<p>
|
||||||
|
Bei geschäftskritischen Prozessen Pflicht.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>4. KI-Beteiligung offenlegen, wenn erforderlich</strong></p>
|
||||||
|
<p>
|
||||||
|
→ wie in Modul A4 gelernt.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>5. Im Zweifel Rücksprache halten</strong></p>
|
||||||
|
<p>
|
||||||
|
Bei Unsicherheit:<br>
|
||||||
|
Supervisor, IT, Compliance oder HR kontaktieren.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>6. Sorgfalt walten lassen</strong></p>
|
||||||
|
<p>
|
||||||
|
KI ist ein Werkzeug —<br>
|
||||||
|
die Verantwortung bleibt immer menschlich.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/5" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/7" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
51
app/flask-postgres/app/templates/course/A5_page7.html
Normal file
51
app/flask-postgres/app/templates/course/A5_page7.html
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>A5 Abschluss</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Abschluss – A-Level erfolgreich abgeschlossen</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
Sie haben nun das letzte Modul des A-Level-Kurses abgeschlossen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Sie wissen jetzt:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>wie KI funktioniert,</li>
|
||||||
|
<li>warum Halluzinationen unvermeidbar sind,</li>
|
||||||
|
<li>wie Bias entsteht,</li>
|
||||||
|
<li>welche ethischen Risiken es gibt,</li>
|
||||||
|
<li>warum Transparenz vorgeschrieben ist,</li>
|
||||||
|
<li>und wie Dokumentation und interne Prozesse einen sicheren, fairen und rechtskonformen KI-Einsatz ermöglichen.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Damit haben Sie alle Grundlagen des
|
||||||
|
<strong>Essential AI Safety & Ethics</strong>-Niveaus gelernt.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Im nächsten Schritt kann Ihr Unternehmen höhere Zertifizierungsstufen wählen —
|
||||||
|
etwa <strong>B-Level (AI Readiness)</strong> oder
|
||||||
|
<strong>C-Level (AI Governance Professional)</strong> —
|
||||||
|
je nach Einsatzintensität und individueller Risikolage.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Sie haben die Basis geschaffen,<br>
|
||||||
|
um KI verantwortungsvoll und sicher im Unternehmen einzusetzen.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/6" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/assessment" class="btn-primary">Zum Assessment</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
43
app/flask-postgres/app/templates/course/B2_page1.html
Normal file
43
app/flask-postgres/app/templates/course/B2_page1.html
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B2 Unternehmensrichtlinien</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Willkommen zu Compliance Verification und zum Modul B2 – AI Use Policies und Unternehmensrichtlinien</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
In diesem Kurs lernen Sie,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>wie Unternehmen den Einsatz von KI verbindlich regeln,</li>
|
||||||
|
<li>welche Anwendungen erlaubt oder unzulässig sind,</li>
|
||||||
|
<li>wann Freigaben erforderlich sind,</li>
|
||||||
|
<li>wie mit externen KI-Tools umzugehen ist</li>
|
||||||
|
<li>und welche Verhaltensregeln im Arbeitsalltag gelten.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Unser Ziel ist nicht,
|
||||||
|
Ihnen abstrakte Richtlinien zu erklären.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Unser Ziel ist,
|
||||||
|
dass Sie verstehen,
|
||||||
|
welche konkreten Regeln im Unternehmen gelten
|
||||||
|
und wie Sie diese sicher im Alltag anwenden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/2" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
60
app/flask-postgres/app/templates/course/B2_page2.html
Normal file
60
app/flask-postgres/app/templates/course/B2_page2.html
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B2 Unternehmensrichtlinien</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 1 – Aufbau einer AI Policy: Klare Regeln statt Unsicherheit</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Ein verbreiteter Irrtum lautet:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<strong>„KI kann einfach genutzt werden – Regeln ergeben sich schon.“</strong>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Tatsächlich benötigt jedes Unternehmen
|
||||||
|
eine klare und strukturierte KI-Richtlinie.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Diese sogenannte AI Policy legt fest:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>welche KI-Systeme verwendet werden dürfen</li>
|
||||||
|
<li>welche Anwendungen erlaubt sind</li>
|
||||||
|
<li>welche Anwendungen untersagt sind</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sie definiert außerdem,
|
||||||
|
unter welchen Bedingungen KI eingesetzt werden darf
|
||||||
|
und welche Anforderungen dabei zu erfüllen sind.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Ohne eine solche Struktur entsteht Unsicherheit.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Mit einer klaren Policy wird festgelegt:<br>
|
||||||
|
➡️ Was erlaubt ist<br>
|
||||||
|
➡️ Was nicht erlaubt ist<br>
|
||||||
|
➡️ Und wer entscheidet
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/1" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/3" class="btn-primary">Weiter</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
57
app/flask-postgres/app/templates/course/B2_page3.html
Normal file
57
app/flask-postgres/app/templates/course/B2_page3.html
Normal file
@ -0,0 +1,57 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B2 Unternehmensrichtlinien</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 2 – Zulässige und unzulässige Anwendungen</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Nicht jede Nutzung von KI ist gleich zu bewerten.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Einige Anwendungen sind in der Regel unkritisch:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>allgemeine Textentwürfe</li>
|
||||||
|
<li>Ideensammlungen</li>
|
||||||
|
<li>interne Unterstützung ohne sensible Inhalte</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Andere Anwendungen sind deutlich kritischer:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Einsatz im Personalbereich</li>
|
||||||
|
<li>Nutzung im Marketing und in der Kommunikation</li>
|
||||||
|
<li>rechtliche Bewertungen</li>
|
||||||
|
<li>Verarbeitung sensibler oder personenbezogener Daten</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Hier besteht ein erhöhtes Risiko
|
||||||
|
für Fehlentscheidungen,
|
||||||
|
Diskriminierung
|
||||||
|
oder rechtliche Verstöße.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Deshalb ist es notwendig,<br>
|
||||||
|
klar zwischen zulässigen und unzulässigen Anwendungen zu unterscheiden<br>
|
||||||
|
und Risiken systematisch abzugrenzen.
|
||||||
|
</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 %}
|
||||||
62
app/flask-postgres/app/templates/course/B2_page4.html
Normal file
62
app/flask-postgres/app/templates/course/B2_page4.html
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B2 Unternehmensrichtlinien</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 3 – Freigabe- und Prüfprozesse</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Für bestimmte KI-Anwendungen
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
reichen allgemeine Regeln nicht aus.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Hier sind zusätzliche Freigabe- und Prüfprozesse erforderlich.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Eine zentrale Frage ist:</strong></p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
➡️ Wann muss ein KI-Einsatz freigegeben werden?
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p><strong>Typische Kriterien sind:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>rechtliche Relevanz</li>
|
||||||
|
<li>Auswirkungen auf Personen</li>
|
||||||
|
<li>externe Kommunikation</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Ein häufig eingesetztes Kontrollprinzip ist das Vier-Augen-Prinzip.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Das bedeutet:</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Eine zweite Person überprüft den Einsatz
|
||||||
|
oder das Ergebnis der KI.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Diese Kontrolle hilft,<br>
|
||||||
|
Fehler frühzeitig zu erkennen<br>
|
||||||
|
und Risiken zu reduzieren.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/3" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/5" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
60
app/flask-postgres/app/templates/course/B2_page5.html
Normal file
60
app/flask-postgres/app/templates/course/B2_page5.html
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B2 Unternehmensrichtlinien</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 4 – Umgang mit externen Tools und Vermeidung von Schatten-KI</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Ein weiterer zentraler Punkt ist der Umgang mit externen KI-Tools.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Dazu gehören zum Beispiel frei verfügbare Systeme,
|
||||||
|
die direkt im Internet genutzt werden können.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Hier besteht ein besonderes Risiko:</strong></p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
➡️ sogenannte Schatten-KI
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p><strong>Das bedeutet:</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
KI wird im Unternehmen genutzt,
|
||||||
|
ohne dass dies offiziell freigegeben oder geregelt ist.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Dadurch entstehen:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>fehlende Kontrolle</li>
|
||||||
|
<li>unklare Verantwortlichkeiten</li>
|
||||||
|
<li>erhöhte Datenschutz- und Sicherheitsrisiken</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>Deshalb gilt:</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Die Nutzung externer Tools
|
||||||
|
muss klar geregelt sein.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Nur freigegebene Systeme dürfen verwendet werden.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/4" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/6" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
55
app/flask-postgres/app/templates/course/B2_page6.html
Normal file
55
app/flask-postgres/app/templates/course/B2_page6.html
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B2 Unternehmensrichtlinien</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 5 – Verhaltensregeln und Verantwortung im Alltag</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Der wichtigste Grundsatz im Umgang mit KI lautet:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
➡️ Verantwortung liegt immer beim Menschen.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Auch wenn KI Vorschläge liefert,
|
||||||
|
bleibt die Entscheidung bei der handelnden Person.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Daraus ergeben sich klare Verhaltensregeln:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>KI-Ergebnisse müssen geprüft werden</li>
|
||||||
|
<li>Risiken müssen erkannt werden</li>
|
||||||
|
<li>Regeln der AI Policy müssen eingehalten werden</li>
|
||||||
|
<li>typische Verstöße müssen vermieden werden</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>Typische Verstöße sind zum Beispiel:</strong></p>
|
||||||
|
|
||||||
|
<ul class="key-points">
|
||||||
|
<li>Nutzung nicht freigegebener Tools</li>
|
||||||
|
<li>Eingabe sensibler Daten</li>
|
||||||
|
<li>ungeprüfte Übernahme von KI-Ergebnissen</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Diese Regeln stellen sicher,<br>
|
||||||
|
dass KI verantwortungsvoll eingesetzt wird<br>
|
||||||
|
und keine unbeabsichtigten Risiken entstehen.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/5" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/7" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
42
app/flask-postgres/app/templates/course/B2_page7.html
Normal file
42
app/flask-postgres/app/templates/course/B2_page7.html
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B2 Abschluss</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Abschluss – Überblick & Ausblick</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
Damit haben Sie die Grundlagen von AI Use Policies und Unternehmensrichtlinien verstanden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sie wissen jetzt,
|
||||||
|
wie eine KI-Richtlinie aufgebaut ist,
|
||||||
|
welche Anwendungen erlaubt oder kritisch sind,
|
||||||
|
wann zusätzliche Prüfungen erforderlich sind,
|
||||||
|
wie mit externen Tools umzugehen ist
|
||||||
|
und welche Verhaltensregeln im Alltag gelten.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Im nächsten Modul geht es um ein weiteres zentrales Thema:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Urheberrecht und KI<br><br>
|
||||||
|
und die Frage,<br>
|
||||||
|
wann KI-Nutzung rechtliche Risiken im Bereich geistigen Eigentums auslöst
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/6" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/assessment" class="btn-primary">Zum Assessment</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
43
app/flask-postgres/app/templates/course/B3_page1.html
Normal file
43
app/flask-postgres/app/templates/course/B3_page1.html
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B3 Copyright & AI (Basic)</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Willkommen zu Compliance Verification und zum Modul B3 – Copyright und KI</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
In diesem Kurs lernen Sie,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>wann die Nutzung von KI urheberrechtliche Risiken auslöst,</li>
|
||||||
|
<li>welche Inhalte überhaupt geschützt sind,</li>
|
||||||
|
<li>wie sich menschliche und KI-generierte Werke unterscheiden,</li>
|
||||||
|
<li>welche Probleme bei Trainingsdaten bestehen</li>
|
||||||
|
<li>und worauf Sie im Arbeitsalltag achten müssen.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Unser Ziel ist nicht,
|
||||||
|
Sie zu Urheberrechtsexpertinnen oder Urheberrechtsexperten zu machen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Unser Ziel ist,
|
||||||
|
dass Sie ein klares Verständnis dafür entwickeln,
|
||||||
|
wann KI-Nutzung rechtlich unproblematisch ist
|
||||||
|
und wann sie zu erheblichen Risiken führen kann.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/2" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
64
app/flask-postgres/app/templates/course/B3_page2.html
Normal file
64
app/flask-postgres/app/templates/course/B3_page2.html
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B3 Copyright & AI (Basic)</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 1 – Grundlagen Urheberrecht und KI: Was ist überhaupt geschützt?</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Ein verbreiteter Irrtum lautet:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<strong>„Alles, was im Internet steht, darf genutzt werden.“</strong>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Tatsächlich schützt das Urheberrecht
|
||||||
|
konkrete kreative Leistungen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Geschützt sind zum Beispiel:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Texte</li>
|
||||||
|
<li>Bilder</li>
|
||||||
|
<li>Musik</li>
|
||||||
|
<li>Videos</li>
|
||||||
|
<li>Software-Code</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Voraussetzung ist,
|
||||||
|
dass ein Werk eine eigene geistige Schöpfung darstellt.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Im KI-Kontext entsteht hier eine zentrale Abgrenzung:</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Das Urheberrecht schützt grundsätzlich menschliche Leistungen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
KI selbst ist kein Urheber.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Das bedeutet:<br>
|
||||||
|
Nicht jede KI-Ausgabe ist automatisch geschützt –<br>
|
||||||
|
und nicht jede Nutzung ist automatisch erlaubt.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/1" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/3" class="btn-primary">Weiter</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
67
app/flask-postgres/app/templates/course/B3_page3.html
Normal file
67
app/flask-postgres/app/templates/course/B3_page3.html
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B3 Copyright & AI (Basic)</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 2 – KI-generierte Inhalte: Wem gehören Texte, Bilder und Code?</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„KI kann Inhalte erzeugen,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
die wie kreative Werke wirken.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Zum Beispiel:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Texte</li>
|
||||||
|
<li>Bilder</li>
|
||||||
|
<li>Programmcode</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>Doch die zentrale Frage ist:</strong></p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
➡️ Wem gehören diese Inhalte?
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Da KI kein Urheber ist,
|
||||||
|
entstehen rechtliche Unsicherheiten.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
In vielen Fällen gilt:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Der Schutz hängt davon ab,
|
||||||
|
ob eine menschliche kreative Leistung vorliegt.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Das bedeutet:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Wenn ein Mensch die KI nur minimal steuert, kann der Schutz fraglich sein.</li>
|
||||||
|
<li>Wenn ein Mensch gezielt gestaltet, bearbeitet und auswählt, kann ein schutzfähiges Werk entstehen.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Für Unternehmen bedeutet das:<br>
|
||||||
|
➡️ Die kommerzielle Nutzung solcher Inhalte ist mit Risiken verbunden.
|
||||||
|
</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 %}
|
||||||
60
app/flask-postgres/app/templates/course/B3_page4.html
Normal file
60
app/flask-postgres/app/templates/course/B3_page4.html
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B3 Copyright & AI (Basic)</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 3 – Trainingsdaten: Nutzung geschützter Werke</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Ein weiterer zentraler Punkt ist die Frage:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
➡️ Woher lernt KI?
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
KI-Systeme werden mit großen Datenmengen trainiert.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Diese können auch urheberrechtlich geschützte Werke enthalten,
|
||||||
|
zum Beispiel:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Bilder aus Datenbanken</li>
|
||||||
|
<li>Zeitungsartikel</li>
|
||||||
|
<li>Bücher</li>
|
||||||
|
<li>Musik</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>Hier entstehen rechtliche Konflikte:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Wurden diese Inhalte rechtmäßig genutzt?</li>
|
||||||
|
<li>Oder wurden geschützte Werke ohne Erlaubnis verarbeitet?</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Diese Fragen sind aktuell Gegenstand zahlreicher Streitfälle,
|
||||||
|
zum Beispiel im Bereich von Bilddatenbanken und Medienhäusern.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Für die Nutzung von KI bedeutet das:<br>
|
||||||
|
➡️ Die Herkunft der Trainingsdaten kann rechtliche Risiken mit sich bringen.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/3" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/5" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
52
app/flask-postgres/app/templates/course/B3_page5.html
Normal file
52
app/flask-postgres/app/templates/course/B3_page5.html
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B3 Copyright & AI (Basic)</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 4 – Lizenz- und Nutzungsrechte</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Ein häufig unterschätzter Punkt sind die Nutzungsbedingungen der KI-Tools selbst.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Jedes System hat eigene Regelungen:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Wer darf die Inhalte nutzen?</li>
|
||||||
|
<li>Ist eine kommerzielle Nutzung erlaubt?</li>
|
||||||
|
<li>Welche Rechte behält der Anbieter?</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Das bedeutet:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Nicht jede KI-Ausgabe darf automatisch
|
||||||
|
für geschäftliche Zwecke verwendet werden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Deshalb ist es wichtig:<br>
|
||||||
|
➡️ Die Lizenzbedingungen der eingesetzten Tools zu verstehen.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Und sicherzustellen,
|
||||||
|
dass die Nutzung rechtlich abgesichert ist.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/4" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/6" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
59
app/flask-postgres/app/templates/course/B3_page6.html
Normal file
59
app/flask-postgres/app/templates/course/B3_page6.html
Normal file
@ -0,0 +1,59 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B3 Copyright & AI (Basic)</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 5 – Risiken im Arbeitsalltag</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Die größten Risiken entstehen nicht in der Theorie,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
sondern im Arbeitsalltag.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Typische Anwendungsbereiche sind:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Marketing</li>
|
||||||
|
<li>Social Media</li>
|
||||||
|
<li>Webseiten</li>
|
||||||
|
<li>Präsentationen</li>
|
||||||
|
<li>Inhalte mit Bildern, Texten oder Stimmen</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>Hier können Probleme entstehen:</strong></p>
|
||||||
|
|
||||||
|
<ul class="key-points">
|
||||||
|
<li>Nutzung von Bildern ohne ausreichende Rechte</li>
|
||||||
|
<li>Nachahmung von Stil oder Stimme</li>
|
||||||
|
<li>Verwendung von Inhalten ohne Prüfung der Herkunft</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>Das kann zu:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Abmahnungen</li>
|
||||||
|
<li>Schadensersatzforderungen</li>
|
||||||
|
<li>Reputationsschäden</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Deshalb gilt als Grundregel:<br>
|
||||||
|
➡️ KI-Inhalte dürfen nicht ungeprüft übernommen werden.<br>
|
||||||
|
Und ihre Nutzung muss rechtlich abgesichert sein.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/5" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/7" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
41
app/flask-postgres/app/templates/course/B3_page7.html
Normal file
41
app/flask-postgres/app/templates/course/B3_page7.html
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B3 Abschluss</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Abschluss – Überblick & Ausblick</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
Damit haben Sie die Grundlagen von Urheberrecht und KI verstanden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sie wissen jetzt,
|
||||||
|
welche Inhalte geschützt sind,
|
||||||
|
warum KI-generierte Inhalte rechtlich unsicher sein können,
|
||||||
|
welche Probleme bei Trainingsdaten bestehen,
|
||||||
|
welche Rolle Lizenzbedingungen spielen
|
||||||
|
und welche Risiken im Arbeitsalltag auftreten können.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Im nächsten Modul geht es um Dokumentation und Auditfähigkeit –
|
||||||
|
und die Frage,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
wie KI-Nutzung nachvollziehbar und prüfbar gemacht wird.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/6" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/assessment" class="btn-primary">Zum Assessment</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
43
app/flask-postgres/app/templates/course/B4_page1.html
Normal file
43
app/flask-postgres/app/templates/course/B4_page1.html
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B4 – Dokumentation</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Willkommen zu Compliance Verification und zum Modul B4 – Dokumentation und Audit Readiness</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
In diesem Kurs lernen Sie,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>welche erweiterten Anforderungen an die Dokumentation von KI bestehen,</li>
|
||||||
|
<li>welche Informationen nachvollziehbar sein müssen,</li>
|
||||||
|
<li>wie Dokumentation risikobasiert erfolgt,</li>
|
||||||
|
<li>wie Sie sich auf interne und externe Prüfungen vorbereiten</li>
|
||||||
|
<li>und wie sich diese Anforderungen mit dem Datenschutz verbinden.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Unser Ziel ist nicht,
|
||||||
|
Sie zu Auditorinnen oder Auditoren zu machen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Unser Ziel ist,
|
||||||
|
dass Sie verstehen,
|
||||||
|
welche Informationen im Zusammenhang mit KI dokumentiert werden müssen
|
||||||
|
und wie Sie diese im Arbeitsalltag nachvollziehbar festhalten.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/2" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
57
app/flask-postgres/app/templates/course/B4_page2.html
Normal file
57
app/flask-postgres/app/templates/course/B4_page2.html
Normal file
@ -0,0 +1,57 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B4 – Dokumentation</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 1 – Erweiterte Dokumentationsanforderungen: Mehr als nur Notizen</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Ein verbreiteter Irrtum lautet:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<strong>„Dokumentation bedeutet, ein paar Notizen zu machen.“</strong>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Im KI-Kontext reicht das nicht aus.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Dokumentation muss strukturiert,
|
||||||
|
vollständig
|
||||||
|
und nachvollziehbar sein.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Im Vergleich zu einfachen Anwendungen
|
||||||
|
gelten hier erweiterte Anforderungen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Das bedeutet:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Es muss klar erkennbar sein, warum KI eingesetzt wurde</li>
|
||||||
|
<li>in welchem Kontext sie genutzt wurde</li>
|
||||||
|
<li>welche Entscheidungen getroffen wurden</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Ziel ist es,
|
||||||
|
dass eine dritte Person den Einsatz von KI nachvollziehen kann –
|
||||||
|
auch ohne selbst beteiligt gewesen zu sein.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/1" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/3" class="btn-primary">Weiter</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
48
app/flask-postgres/app/templates/course/B4_page3.html
Normal file
48
app/flask-postgres/app/templates/course/B4_page3.html
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B4 – Dokumentation</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 2 – Audit-Trails und Logging: Wer hat was wann gemacht?</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Ein zentraler Bestandteil der Dokumentation sind sogenannte Audit-Trails.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Das bedeutet:</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Es wird nachvollziehbar festgehalten,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>wer eine KI genutzt hat</li>
|
||||||
|
<li>wann sie genutzt wurde</li>
|
||||||
|
<li>welche Eingaben erfolgt sind</li>
|
||||||
|
<li>welche Ergebnisse entstanden sind</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Dieses sogenannte Logging ist entscheidend,
|
||||||
|
um Abläufe später überprüfen zu können.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Denn nur wenn klar ist,
|
||||||
|
wer was wann gemacht hat,
|
||||||
|
können Fehler erkannt
|
||||||
|
und Verantwortlichkeiten zugeordnet werden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</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 %}
|
||||||
63
app/flask-postgres/app/templates/course/B4_page4.html
Normal file
63
app/flask-postgres/app/templates/course/B4_page4.html
Normal file
@ -0,0 +1,63 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B4 – Dokumentation</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 3 – Risikobasierte Dokumentation</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Nicht jede KI-Nutzung erfordert denselben Dokumentationsaufwand.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Ein zentraler Grundsatz lautet:</strong></p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
➡️ Dokumentation erfolgt risikobasiert.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p><strong>Das bedeutet:</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Je höher das Risiko einer Anwendung,
|
||||||
|
desto umfangreicher müssen die Nachweise sein.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Dabei wird häufig unterschieden zwischen:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Anwendungen mit geringem Risiko</li>
|
||||||
|
<li>Anwendungen mit erhöhtem Risiko</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Im Kontext regulatorischer Anforderungen
|
||||||
|
spricht man häufig auch von:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>High-Risk</li>
|
||||||
|
<li>Non-High-Risk</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Diese Unterscheidung bestimmt,
|
||||||
|
wie detailliert dokumentiert werden muss.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Ziel ist es,<br>
|
||||||
|
den Aufwand an das tatsächliche Risiko anzupassen.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/3" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/5" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
54
app/flask-postgres/app/templates/course/B4_page5.html
Normal file
54
app/flask-postgres/app/templates/course/B4_page5.html
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B4 – Dokumentation & Audit Readiness</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 4 – Vorbereitung auf interne und externe Prüfungen</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Dokumentation erfüllt nicht nur interne Zwecke.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sie ist auch entscheidend
|
||||||
|
für Prüfungen und Audits.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Das können sein:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>interne Kontrollen</li>
|
||||||
|
<li>externe Prüfungen</li>
|
||||||
|
<li>regulatorische Anforderungen</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>Typische Fragen in solchen Prüfungen sind:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Warum wurde KI eingesetzt?</li>
|
||||||
|
<li>Welche Daten wurden verwendet?</li>
|
||||||
|
<li>Wie wurde das Ergebnis überprüft?</li>
|
||||||
|
<li>Wer trägt die Verantwortung?</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Ohne strukturierte Dokumentation
|
||||||
|
lassen sich diese Fragen nicht beantworten.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Und genau das kann zu erheblichen Problemen führen.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/4" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/6" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
66
app/flask-postgres/app/templates/course/B4_page6.html
Normal file
66
app/flask-postgres/app/templates/course/B4_page6.html
Normal file
@ -0,0 +1,66 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B4 – Dokumentation</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 5 – Zusammenspiel mit Datenschutz und Rechenschaftspflicht</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Dokumentation im KI-Kontext steht nicht isoliert.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sie ist eng mit dem Datenschutz verbunden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Die Datenschutz-Grundverordnung verlangt:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
➡️ Rechenschaftspflicht
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p><strong>Das bedeutet:</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Unternehmen müssen nachweisen können,
|
||||||
|
dass sie die gesetzlichen Anforderungen einhalten.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Ein zentrales Instrument ist dabei
|
||||||
|
das Verzeichnis von Verarbeitungstätigkeiten.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Hier wird dokumentiert:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>welche Daten verarbeitet werden</li>
|
||||||
|
<li>zu welchem Zweck</li>
|
||||||
|
<li>auf welcher Grundlage</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Die Dokumentation von KI-Nutzung
|
||||||
|
muss in diese Strukturen integriert werden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Nur so entsteht ein konsistentes Gesamtbild,<br>
|
||||||
|
das sowohl technischen<br>
|
||||||
|
als auch rechtlichen Anforderungen entspricht.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/5" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/7" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
41
app/flask-postgres/app/templates/course/B4_page7.html
Normal file
41
app/flask-postgres/app/templates/course/B4_page7.html
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B4 Abschluss</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Abschluss – Überblick & Ausblick</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
Damit haben Sie die Grundlagen von Dokumentation und Audit Readiness verstanden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sie wissen jetzt,
|
||||||
|
welche erweiterten Anforderungen an die Dokumentation bestehen,
|
||||||
|
wie Audit-Trails funktionieren,
|
||||||
|
warum Dokumentation risikobasiert erfolgt,
|
||||||
|
wie Sie sich auf Prüfungen vorbereiten
|
||||||
|
und wie Dokumentation mit Datenschutz und Rechenschaftspflicht zusammenhängt.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Im nächsten Modul geht es um organisationale Umsetzung und Verantwortlichkeit –
|
||||||
|
und die Frage,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
wie KI-Compliance im Unternehmen strukturell verankert wird.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/6" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/assessment" class="btn-primary">Zum Assessment</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
43
app/flask-postgres/app/templates/course/B5_page1.html
Normal file
43
app/flask-postgres/app/templates/course/B5_page1.html
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B5 – Organisation & Verantwortlichkeiten</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Willkommen zu Compliance Verification und zum Modul B5 – Organisationale Umsetzung und Verantwortlichkeit</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
In diesem Kurs lernen Sie,
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>wie Unternehmen klare Zuständigkeiten für KI definieren,</li>
|
||||||
|
<li>welche Rollen erforderlich sind,</li>
|
||||||
|
<li>welche Verantwortung die Geschäftsleitung trägt,</li>
|
||||||
|
<li>wie interne Kontrollmechanismen aufgebaut sind</li>
|
||||||
|
<li>und wie KI-Compliance in bestehende Strukturen integriert wird.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Unser Ziel ist nicht,
|
||||||
|
Ihnen abstrakte Organisationsmodelle zu vermitteln.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Unser Ziel ist,
|
||||||
|
dass Sie verstehen,
|
||||||
|
wie Verantwortung im Unternehmen verteilt ist
|
||||||
|
und wie KI-Compliance strukturell umgesetzt wird.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/2" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
63
app/flask-postgres/app/templates/course/B5_page2.html
Normal file
63
app/flask-postgres/app/templates/course/B5_page2.html
Normal file
@ -0,0 +1,63 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B5 – Organisation & Verantwortlichkeiten</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 1 – Rollen im Unternehmen: Wer ist zuständig?</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Ein verbreiteter Irrtum lautet:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<strong>„KI ist ein IT-Thema.“</strong>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Tatsächlich betrifft KI mehrere Bereiche im Unternehmen gleichzeitig.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Deshalb ist es notwendig,
|
||||||
|
klare Rollen und Zuständigkeiten zu definieren.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Eine zentrale Rolle ist zum Beispiel:</strong></p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
➡️ eine verantwortliche Person für KI
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Diese koordiniert den Einsatz,
|
||||||
|
überwacht Risiken
|
||||||
|
und stellt sicher,
|
||||||
|
dass Regeln eingehalten werden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Gleichzeitig bestehen Schnittstellen zu:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Datenschutz</li>
|
||||||
|
<li>IT</li>
|
||||||
|
<li>Recht</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Nur wenn diese Bereiche zusammenarbeiten,<br>
|
||||||
|
kann KI verantwortungsvoll eingesetzt werden.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/1" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/3" class="btn-primary">Weiter</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
54
app/flask-postgres/app/templates/course/B5_page3.html
Normal file
54
app/flask-postgres/app/templates/course/B5_page3.html
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B5 – Organisation & Verantwortlichkeiten</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 2 – Verantwortung der Geschäftsleitung</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Ein zentraler Punkt ist die Verantwortung der Geschäftsleitung.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Diese trägt die sogenannte Organisationsverantwortung.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Das bedeutet:</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sie muss sicherstellen,
|
||||||
|
dass Strukturen geschaffen werden,
|
||||||
|
die einen rechtmäßigen und sicheren Einsatz von KI ermöglichen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Dazu gehören:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>klare Regeln</li>
|
||||||
|
<li>funktionierende Prozesse</li>
|
||||||
|
<li>ausreichende Kontrolle</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Werden diese Pflichten nicht erfüllt,
|
||||||
|
können Haftungsrisiken entstehen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Deshalb ist KI-Compliance<br>
|
||||||
|
keine operative Einzelaufgabe,<br>
|
||||||
|
sondern eine Führungsaufgabe.
|
||||||
|
</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 %}
|
||||||
55
app/flask-postgres/app/templates/course/B5_page4.html
Normal file
55
app/flask-postgres/app/templates/course/B5_page4.html
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B5 – Organisation & Verantwortlichkeiten</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 3 – Interne Kontrollmechanismen</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Neben klaren Zuständigkeiten
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
sind funktionierende Kontrollmechanismen erforderlich.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Dazu gehören:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>regelmäßige Überprüfungen</li>
|
||||||
|
<li>Monitoring von KI-Anwendungen</li>
|
||||||
|
<li>Eskalationsprozesse bei Problemen</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Diese Mechanismen stellen sicher,
|
||||||
|
dass Risiken erkannt
|
||||||
|
und rechtzeitig adressiert werden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Ein wichtiger Punkt ist:</strong></p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
➡️ Probleme müssen eskaliert werden können.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p><strong>Das bedeutet:</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Es muss klar geregelt sein,
|
||||||
|
wer informiert wird
|
||||||
|
und wie mit Risiken umzugehen ist.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/3" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/5" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
52
app/flask-postgres/app/templates/course/B5_page5.html
Normal file
52
app/flask-postgres/app/templates/course/B5_page5.html
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B5 – Organisation & Verantwortlichkeiten</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 4 – Integration in bestehende Compliance-Strukturen</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„KI-Compliance steht nicht isoliert.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sie muss in bestehende Strukturen integriert werden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Dazu gehören insbesondere:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>Datenschutz</li>
|
||||||
|
<li>IT-Sicherheit</li>
|
||||||
|
<li>Risikomanagement</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><strong>Das bedeutet:</strong></p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Bestehende Prozesse werden nicht ersetzt,
|
||||||
|
sondern erweitert.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
KI wird in vorhandene Systeme eingebunden,
|
||||||
|
statt neue Parallelstrukturen zu schaffen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Nur so entsteht ein konsistentes<br>
|
||||||
|
und funktionierendes Compliance-System.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/4" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/6" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
50
app/flask-postgres/app/templates/course/B5_page6.html
Normal file
50
app/flask-postgres/app/templates/course/B5_page6.html
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B5 – Organisation & Verantwortlichkeiten</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Teil 5 – Typische Organisationsfehler</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
„Ein entscheidender Punkt ist:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Viele Probleme entstehen nicht durch die Technologie,
|
||||||
|
sondern durch Organisation.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><strong>Typische Fehler sind:</strong></p>
|
||||||
|
|
||||||
|
<ul class="example-list">
|
||||||
|
<li>fehlende Zuständigkeiten</li>
|
||||||
|
<li>unklare Prozesse</li>
|
||||||
|
<li>Nutzung von nicht freigegebenen Systemen</li>
|
||||||
|
<li>sogenannte Schatten-KI</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Diese führen dazu,
|
||||||
|
dass Risiken nicht erkannt werden
|
||||||
|
oder nicht gesteuert werden können.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Deshalb gilt:<br>
|
||||||
|
➡️ Klare Strukturen sind die Grundlage jeder KI-Compliance.<br><br>
|
||||||
|
Nur wenn Verantwortlichkeiten eindeutig sind,<br>
|
||||||
|
kann KI sicher und rechtssicher eingesetzt werden.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/5" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/page/7" class="btn-primary">Weiter</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
42
app/flask-postgres/app/templates/course/B5_page7.html
Normal file
42
app/flask-postgres/app/templates/course/B5_page7.html
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<h2>B5 Abschluss</h2>
|
||||||
|
|
||||||
|
<section class="content-section ai-explainer">
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<h2 class="section-title">Abschluss – Level B erfolgreich abgeschlossen</h2>
|
||||||
|
|
||||||
|
<p class="lead">
|
||||||
|
Damit haben Sie die Grundlagen der organisationalen Umsetzung von KI-Compliance verstanden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sie wissen jetzt,
|
||||||
|
welche Rollen im Unternehmen erforderlich sind,
|
||||||
|
welche Verantwortung die Geschäftsleitung trägt,
|
||||||
|
wie Kontrollmechanismen funktionieren,
|
||||||
|
wie KI in bestehende Strukturen integriert wird
|
||||||
|
und welche typischen Organisationsfehler vermieden werden müssen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Damit ist Level B abgeschlossen.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote class="highlight-quote">
|
||||||
|
Sie verfügen nun über das notwendige Verständnis,<br>
|
||||||
|
um KI im Unternehmen nicht nur technisch,<br>
|
||||||
|
sondern auch rechtlich und organisatorisch sicher einzusetzen.
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="course-nav">
|
||||||
|
<a href="/course/{{ course_id }}/page/6" class="btn-secondary">Zurück</a>
|
||||||
|
<a href="/course/{{ course_id }}/assessment" class="btn-primary">Zum Assessment</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
@ -14,6 +14,11 @@
|
|||||||
{% elif country == "CH" %}
|
{% elif country == "CH" %}
|
||||||
Der Content ist auf die aktuellen Bestimmungen der Schweiz abgestimmt.
|
Der Content ist auf die aktuellen Bestimmungen der Schweiz abgestimmt.
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
<center>
|
||||||
|
<div class="hero-actions">
|
||||||
|
<a href="https://www.compliance-verification.info" class="btn-secondary">weitere Info zu den Produkten</a>
|
||||||
|
</div>
|
||||||
|
</center>
|
||||||
</p>
|
</p>
|
||||||
<p class="pricing-note-strong">
|
<p class="pricing-note-strong">
|
||||||
Alle Preise verstehen sich
|
Alle Preise verstehen sich
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user