Commit 7f519abb authored by Traboulsi's avatar Traboulsi
Browse files

Update public/ki-kompetenzen.html

parent 4a6c48ff
No related merge requests found
Pipeline #10136 passed with stage
in 7 seconds
Showing with 79 additions and 120 deletions
+79 -120
......@@ -2,150 +2,109 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KI Kompetenzen - KNIGHT</title>
<meta content="KI Kompetenzen im KNIGHT-Projekt zur Vermittlung von Schlüsselkompetenzen für künstliche Intelligenz in Hochschulen und Unternehmen" name="description">
<meta content="KI, KNIGHT, Künstliche Intelligenz, Hochschulbildung, Kompetenzen" 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">
<meta name="description" content="KI-Kompetenzen im KNIGHT-Projekt: Schlüsselkompetenzen für Künstliche Intelligenz in Hochschulen und Unternehmen.">
<meta name="keywords" content="KI, KNIGHT, Künstliche Intelligenz, Hochschulbildung, Kompetenzen">
<link rel="icon" href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg">
<link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/vendor/bootstrap-icons/bootstrap-icons.css">
<link rel="stylesheet" href="assets/css/main.css">
<style>
.hero {
background: url('images/hero-background.jpg') no-repeat center center;
background-size: cover;
background: url('images/hero-background.jpg') center center/cover no-repeat;
color: white;
padding: 50px 0;
text-align: center;
}
.card {
margin-bottom: 20px;
}
.video-container {
text-align: center;
}
.video-container iframe {
width: 100%;
height: 315px;
}
.responsibles {
margin-top: 20px;
}
.responsibles h4 {
margin-bottom: 10px;
}
footer {
background-color: #f8f9fa;
padding: 20px 0;
text-align: center;
}
@media (max-width: 768px) {
.hero {
padding: 20px 0;
background-size: contain;
}
.accordion-button::after {
content: "\f078";
font-family: "bootstrap-icons";
}
.accordion-button.collapsed::after {
content: "\f077";
}
</style>
</head>
<body>
<header id="header" class="header d-flex align-items-center fixed-top">
<div class="container-fluid container-xl position-relative 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 collapse">
<ul>
<li><a href="index.html#hero">Home<br></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" data-bs-toggle="collapse" data-bs-target="#navmenu"></i>
</nav>
</div>
</header>
<main>
<section class="hero">
<div class="container">
<h1>KI Kompetenzen</h1>
<p>Die 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) im Hochschulkontext und darüber hinaus erfolgreich zu bewältigen, sind relevante Schlüsselkompetenzen unerlässlich. Im Rahmen des KNIGHT-Projekts widmen wir uns systematisch der Vermittlung dieser KI-Kompetenzen.
</p>
</div>
</section>
<header id="header" class="d-flex align-items-center fixed-top">
<div class="container d-flex justify-content-between">
<a href="index.html" class="logo d-flex align-items-center">
<img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt="KNIGHT Logo">
<h1 class="ms-2">KNIGHT</h1>
</a>
<nav id="navmenu" class="navbar">
<ul class="nav">
<li><a href="index.html#hero" class="nav-link">Home</a></li>
<li><a href="index.html#about" class="nav-link">About</a></li>
<li><a href="index.html#services" class="nav-link">Projektbereiche</a></li>
<li><a href="index.html#portfolio" class="nav-link">Erkenntnisse</a></li>
<li><a href="index.html#team" class="nav-link">Team</a></li>
<li><a href="index.html#contact" class="nav-link">Kontakt</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>
</div>
</header>
<main>
<section class="hero">
<div class="container">
<h1>KI Kompetenzen</h1>
<p>Die Schlüsselkompetenzen im Umgang mit künstlicher Intelligenz für Hochschul- und Unternehmenskontexte.</p>
<p>Verantwortliche: Prof. Dr. Tobias Popovic´, Dr. Diana Arfeli, Maximilian Weber, Sunita Hirsch, Tatyana Podgayetskaya</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>Ermittlung und Klassifizierung von KI-Kompetenzen: Zuerst identifizieren wir die für Unternehmen und Bildungseinrichtungen wichtigsten Kompetenzen.</li>
<li>Regelmäßige Weiterbildungsangebote
Diese Schulungen richten sich sowohl an Mitarbeitende als auch Studierende, um ihre Fähigkeiten kontinuierlich auszubauen.</li>
<li>KI-Zertifikat als Lernanreiz
Als Motivation für eine vertiefte Auseinandersetzung mit KI-Themen bieten wir ein KI-Zertifikat an, das kompetenzorientiertes Lernen unterstützt.</li>
</ol>
<p>
Bevor die Stärkung der KI-Kompetenzen bei Lehrenden und Studierenden möglich ist, muss klar definiert werden, welche Kompetenzen relevant sind. Basierend auf einer umfassenden Literaturrecherche haben wir die bedeutendsten KI-Kompetenzen für den unternehmerischen und den Bildungssektor identifiziert. Da ethische Fragestellungen eine zentrale Rolle in KNIGHT spielen (vgl. Beitrag zu KI-Ethik), haben wir neben den technisch fokussierten Kompetenzen auch ethische Aspekte detailliert aufgearbeitet. Diese Kompetenzen fließen in unsere KI-Kompetenzmatrix ein.
</p>
<p>
Die KI-Kompetenzmatrix orientiert sich am Hochschulqualifikationsrahmen und unterteilt die technischen Kompetenzen zusätzlich in vier Niveaustufen. Dabei wird die übergeordnete Bedeutung ethischer Reflexion in der Matrix visuell hervorgehoben.
</p>
</div>
<section class="container mt-5">
<div class="accordion" id="competenceAccordion">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne">
Unsere Vorgehensweise
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show">
<div class="accordion-body">
<ol>
<li>Ermittlung und Klassifizierung von KI-Kompetenzen für Unternehmen und Bildungseinrichtungen.</li>
<li>Regelmäßige Weiterbildungsangebote für Mitarbeitende und Studierende.</li>
<li>KI-Zertifikat als Anreiz für vertiefte Auseinandersetzung mit KI-Themen.</li>
</ol>
<p>Basierend auf einer umfassenden Literaturrecherche haben wir die wichtigsten KI-Kompetenzen für den unternehmerischen und Bildungssektor identifiziert, einschließlich ethischer Aspekte. Diese fließen in die KI-Kompetenzmatrix ein, die sich am Hochschulqualifikationsrahmen orientiert und ethische Reflexion visualisiert.</p>
</div>
</div>
</div>
</section>
</div>
</section>
<section class="container mt-5">
<div class="card">
<div class="card-body">
<h5 class="card-title">KNIGHT KI-Kompetenzmatrix</h5>
<p class="card-text">Zur Stärkung der KI-Kompetenzen bieten wir im KNIGHT-Projekt regelmäßige Schulungen an, in denen sowohl technische als auch ethische und datenschutzrechtliche Inhalte vermittelt werden. Zusätzlich fördern wir die Einbettung von KI-Inhalten in die bestehenden Studiengänge der HFT Stuttgart.</p>
<img src="assets/img/ki-kompetenz.png" class="card-img-top" alt="KI-Kompetenzmatrix Image">
<p class="card-text"> Um das Interesse an KI weiter zu steigern, haben Studierende und Mitarbeitende die Möglichkeit, das KI-Zertifikat zu erwerben. Die dafür erforderlichen Leistungen können im Selbststudium oder durch die Teilnahme an Workshops, Seminaren und anderen Bildungsangeboten mit Bezug zu KI-Themen erbracht werden. Diese erworbenen Kompetenzen werden in der KI-Kompetenzmatrix erfasst, um einen Überblick über die individuellen thematischen Schwerpunkte zu bieten. Wenn in einem der vier Schwerpunktbereiche genügend Leistungen erbracht wurden, wird dieser Bereich auf dem Zertifikat hervorgehoben, wodurch es an Aussagekraft gewinnt.
</p>
</div>
<section class="container mt-5">
<div class="card">
<img src="assets/img/ki-kompetenz.png" class="card-img-top" alt="KI-Kompetenzmatrix">
<div class="card-body">
<h5 class="card-title">KNIGHT KI-Kompetenzmatrix</h5>
<p>Zur Stärkung der KI-Kompetenzen bieten wir Schulungen an, die technische, ethische und datenschutzrechtliche Inhalte abdecken. Zusätzlich fördern wir die curriculare Integration von KI-Themen in den Studiengängen der HFT Stuttgart.</p>
<p>Das KI-Zertifikat bietet Studierenden und Mitarbeitenden die Möglichkeit, sich intensiv mit KI auseinanderzusetzen. Die erworbenen Kompetenzen werden in der KI-Kompetenzmatrix erfasst, wobei Schwerpunkte auf dem Zertifikat hervorgehoben werden.</p>
</div>
</section>
</main>
<footer>
<div class="container">
<p>Um zur Startseite zurückzukehren, klicken Sie bitte auf den folgenden Link:</p>
<a href="index.html">Zurück zur Startseite</a>
<p>&copy; 2024 KNIGHT Project. All rights reserved.</p>
</div>
</footer>
</section>
</main>
<footer>
<div class="container">
<p><a href="index.html">Zurück zur 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>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment