<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>KI Kompetenzen - KNIGHT</title>
  <meta content="" name="description">
  <meta content="" name="keywords">
  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="icon">
  <link href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" rel="apple-touch-icon">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/css/main.css" rel="stylesheet">
  <style>
    .hero {
      background: url('images/hero-background.jpg') no-repeat center center;
      background-size: cover;
      color: white;
      padding: 50px 0;
      text-align: center;
    }

    .card {
      margin-bottom: 20px;
    }

    .responsibles {
      margin-top: 20px;
    }

    .responsibles h4 {
      margin-bottom: 10px;
    }

    /* Improved button design */
    .accordion-button {
      font-weight: bold;
      background-color: #007bff;
      color: white;
      border-radius: 5px;
      padding: 10px;
    }

    .accordion-button:not(.collapsed) {
      background-color: #0056b3;
    }

    /* Improved card title design */
    .card-title {
      font-size: 1.5rem;
      font-weight: bold;
      text-align: center;
      margin-top: 20px;
    }

    /* Centering image */
    .card-img-top {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
    }

    footer {
      background-color: #f8f9fa;
      padding: 20px 0;
      text-align: center;
    }

    footer a {
      text-decoration: none;
      color: #007bff;
    }
  </style>
</head>

<body>
  <header id="header" class="header d-flex align-items-center fixed-top">
    <div class="container-fluid container-xl d-flex align-items-center">
      <a href="index.html" class="logo d-flex align-items-center me-auto">
        <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt="">
        <h1 class="sitename">KNIGHT</h1>
      </a>
      <nav id="navmenu" class="navmenu">
        <ul>
          <li><a href="index.html#hero">Home</a></li>
          <li><a href="index.html#about">About</a></li>
          <li><a href="index.html#services">Projektbereiche</a></li>
          <li><a href="index.html#portfolio">Erkenntnisse</a></li>
          <li><a href="index.html#team">Team</a></li>
          <li><a href="index.html#contact">Kontakt</a></li>
        </ul>
        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
      </nav>
    </div>
  </header>

  <main>
    <section class="hero">
      <div class="container">
        <h1>KI Kompetenzen</h1>
        <p>Schlüsselkompetenzen im Umgang mit Künstlicher Intelligenz für Hochschul- und Unternehmenskontexte.</p>
        <h4>Verantwortliche:</h4>
        <p>Prof. Dr. Tobias Popovic´, Dr. Diana Arfeli, Maximilian Weber, Sunita Hirsch, Tatyana Podgayetskaya</p>
        <p>Um die Herausforderungen der Künstlichen Intelligenz (KI) erfolgreich zu bewältigen, sind relevante Schlüsselkompetenzen unerlässlich. Das KNIGHT-Projekt fokussiert sich auf die systematische Vermittlung dieser Kompetenzen.</p>
      </div>
    </section>

    <section class="container mt-5">
      <div class="accordion" id="competenceAccordion">
        <div class="accordion-item">
          <h2 class="accordion-header" id="headingOne">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
              Unsere Vorgehensweise
            </button>
          </h2>
          <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#competenceAccordion">
            <div class="accordion-body">
              <h4>Unsere Vorgehensweise umfasst drei zentrale Schritte:</h4>
              <ol>
                <li><strong>Ermittlung und Klassifizierung von KI-Kompetenzen:</strong> Identifikation der wichtigsten Kompetenzen für Unternehmen und Bildungseinrichtungen.</li>
                <li><strong>Regelmäßige Weiterbildungsangebote:</strong> Schulungen für Mitarbeitende und Studierende zur kontinuierlichen Erweiterung ihrer Fähigkeiten.</li>
                <li><strong>KI-Zertifikat:</strong> Motivation für vertieftes, kompetenzorientiertes Lernen durch das KNIGHT-Zertifikat.</li>
              </ol>
              <p>Basierend auf umfassender Literaturrecherche wurden die wichtigsten KI-Kompetenzen für unternehmerische und bildungsbezogene Kontexte ermittelt. KNIGHT betont neben technischen Kompetenzen auch ethische Fragestellungen, die in die KI-Kompetenzmatrix einfließen.</p>
              <p>Die Matrix orientiert sich am Hochschulqualifikationsrahmen und unterteilt die technischen Kompetenzen in vier Niveaustufen. Die Rolle ethischer Reflexion wird dabei visuell hervorgehoben.</p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="container mt-5">
      <div class="card">
        <!-- Moved title above the image -->
        <h5 class="card-title">KNIGHT KI-Kompetenzmatrix</h5>
        <img src="assets/img/ki-kompetenz.png" class="card-img-top" alt="KI-Kompetenzmatrix">
        <div class="card-body">
          <p class="card-text">KNIGHT bietet regelmäßige Schulungen zu technischen, ethischen und datenschutzrechtlichen Inhalten an. Diese Inhalte werden auch in die bestehenden Studiengänge der HFT Stuttgart integriert.</p>
          <p class="card-text">Das KI-Zertifikat bietet Mitarbeitenden und Studierenden die Möglichkeit, durch Selbststudium und Teilnahme an Workshops KI-Kompetenzen zu erwerben. Diese werden in der KI-Kompetenzmatrix dokumentiert. Wer in einem der vier Schwerpunktbereiche genügend Leistungen erbracht hat, erhält eine besondere Auszeichnung auf dem Zertifikat.</p>
        </div>
      </div>
    </section>
  </main>

  <footer>
    <div class="container">
      <p>Zurück zur <a href="index.html">Startseite</a></p>
      <p>&copy; 2024 KNIGHT Project. All rights reserved.</p>
    </div>
  </footer>

  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>

</html>