ki-kompetenzen.html 6.78 KiB
<!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>