Skip to content
GitLab
"Visualization.html" did not exist on "b7e6aa5785d8d54acbde92f8aeb0d845f331af8e"
Commit 7f519abb authored by Traboulsi's avatar Traboulsi
Browse files

Update public/ki-kompetenzen.html

parent 4a6c48ff
Pipeline #10136 passed with stage
in 7 seconds
Hide whitespace changes
Inline Side-by-side
public/ki-kompetenzen.html
View file @ 7f519abb
...@@ -2,150 +2,109 @@ ...@@ -2,150 +2,109 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <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> <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 name="description" content="KI-Kompetenzen im KNIGHT-Projekt: Schlüsselkompetenzen für Künstliche Intelligenz in Hochschulen und Unternehmen.">
<meta content="KI, KNIGHT, Künstliche Intelligenz, Hochschulbildung, Kompetenzen" name="keywords"> <meta name="keywords" content="KI, KNIGHT, Künstliche Intelligenz, Hochschulbildung, Kompetenzen">
<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 rel="icon" href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg">
<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 rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="assets/vendor/bootstrap-icons/bootstrap-icons.css">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link rel="stylesheet" href="assets/css/main.css">
<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> <style>
.hero { .hero {
background: url('images/hero-background.jpg') no-repeat center center; background: url('images/hero-background.jpg') center center/cover no-repeat;
background-size: cover;
color: white; color: white;
padding: 50px 0; padding: 50px 0;
text-align: center; 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 { footer {
background-color: #f8f9fa; background-color: #f8f9fa;
padding: 20px 0; padding: 20px 0;
text-align: center; text-align: center;
} }
.accordion-button::after {
@media (max-width: 768px) { content: "\f078";
.hero { font-family: "bootstrap-icons";
padding: 20px 0; }
background-size: contain; .accordion-button.collapsed::after {
} content: "\f077";
} }
</style> </style>
</head> </head>
<body> <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> <header id="header" class="d-flex align-items-center fixed-top">
<section class="hero"> <div class="container d-flex justify-content-between">
<div class="container"> <a href="index.html" class="logo d-flex align-items-center">
<h1>KI Kompetenzen</h1> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt="KNIGHT Logo">
<p>Die Schlüsselkompetenzen im Umgang mit künstlicher Intelligenz für Hochschul- und Unternehmenskontexte.</p> <h1 class="ms-2">KNIGHT</h1>
<h4>Verantwortliche:</h4> </a>
<p>Prof. Dr. Tobias Popovic´, Dr. Diana Arfeli, Maximilian Weber, Sunita Hirsch, Tatyana Podgayetskaya</p> <nav id="navmenu" class="navbar">
<p> <ul class="nav">
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. <li><a href="index.html#hero" class="nav-link">Home</a></li>
</p> <li><a href="index.html#about" class="nav-link">About</a></li>
</div> <li><a href="index.html#services" class="nav-link">Projektbereiche</a></li>
</section> <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"> <section class="container mt-5">
<div class="accordion" id="competenceAccordion"> <div class="accordion" id="competenceAccordion">
<div class="accordion-item"> <div class="accordion-item">
<h2 class="accordion-header" id="headingOne"> <h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne">
Unsere Vorgehensweise Unsere Vorgehensweise
</button> </button>
</h2> </h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#competenceAccordion"> <div id="collapseOne" class="accordion-collapse collapse show">
<div class="accordion-body"> <div class="accordion-body">
<h4> Unsere Vorgehensweise umfasst drei zentrale Schritte:</h4> <ol>
<ol> <li>Ermittlung und Klassifizierung von KI-Kompetenzen für Unternehmen und Bildungseinrichtungen.</li>
<li>Ermittlung und Klassifizierung von KI-Kompetenzen: Zuerst identifizieren wir die für Unternehmen und Bildungseinrichtungen wichtigsten Kompetenzen.</li> <li>Regelmäßige Weiterbildungsangebote für Mitarbeitende und Studierende.</li>
<li>Regelmäßige Weiterbildungsangebote <li>KI-Zertifikat als Anreiz für vertiefte Auseinandersetzung mit KI-Themen.</li>
Diese Schulungen richten sich sowohl an Mitarbeitende als auch Studierende, um ihre Fähigkeiten kontinuierlich auszubauen.</li> </ol>
<li>KI-Zertifikat als Lernanreiz <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>
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>
</div> </div>
</div> </div>
</div> </div>
</section> </div>
</section>
<section class="container mt-5"> <section class="container mt-5">
<div class="card"> <div class="card">
<img src="assets/img/ki-kompetenz.png" class="card-img-top" alt="KI-Kompetenzmatrix">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">KNIGHT KI-Kompetenzmatrix</h5> <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> <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>
<img src="assets/img/ki-kompetenz.png" class="card-img-top" alt="KI-Kompetenzmatrix Image"> <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>
<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>
</div> </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> </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> </body>
</html> </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

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal