Commit 29c0b798 authored by Traboulsi's avatar Traboulsi
Browse files

Update public/ki-kompetenzen.html

parent 8ffb9f9f
Pipeline #11290 passed with stage
in 9 seconds
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="de">
<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="" name="description"> <link rel="icon" href="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg">
<meta content="" name="keywords"> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap" rel="stylesheet">
<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/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"> <link href="assets/css/main.css" rel="stylesheet">
<style> <style>
body {
font-family: 'Open Sans', sans-serif;
}
.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: 60px 0;
text-align: center; text-align: center;
} }
.card { .card {
margin-bottom: 20px; margin-bottom: 30px;
}
.responsibles {
margin-top: 20px;
} }
.responsibles h4 {
margin-bottom: 10px;
}
/* Improved button design */
.accordion-button { .accordion-button {
font-weight: bold; font-weight: 600;
background-color: #007bff; background-color: #007bff;
color: white; color: white;
border-radius: 5px; border-radius: 0.25rem;
padding: 10px;
} }
.accordion-button:not(.collapsed) { .accordion-button:not(.collapsed) {
background-color: #0056b3; background-color: #0056b3;
} }
/* Improved card title design */
.card-title { .card-title {
font-size: 1.5rem; font-size: 1.5rem;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
margin-top: 20px; margin: 20px 0 10px;
} }
/* Centering image */
.card-img-top { .card-img-top {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
footer { footer {
background-color: #f8f9fa; background-color: #f8f9fa;
padding: 20px 0; padding: 20px 0;
text-align: center; text-align: center;
} }
footer a { footer a {
text-decoration: none; text-decoration: none;
color: #007bff; color: #007bff;
} }
.accordion-button.small {
font-size: 0.9rem;
font-weight: 500;
}
h6.text-muted {
margin-top: 2rem;
font-weight: 600;
color: #6c757d;
}
</style> </style>
</head> </head>
<body> <body>
<header id="header" class="header d-flex align-items-center fixed-top"> <header class="bg-white shadow-sm sticky-top py-3">
<div class="container-fluid container-xl d-flex align-items-center"> <div class="container d-flex justify-content-between align-items-center">
<a href="index.html" class="logo d-flex align-items-center me-auto"> <a href="index.html" class="d-flex align-items-center">
<img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt=""> <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt="HFT Logo" height="40">
<h1 class="sitename">KNIGHT</h1> <h1 class="ms-3 h4 mb-0">KNIGHT</h1>
</a> </a>
<nav id="navmenu" class="navmenu"> <nav>
<ul> <ul class="nav">
<!--<li><a href="index.html#hero" class="active">Home<br></a></li>--> <li class="nav-item"><a class="nav-link" href="index.html#about">Über das Projekt</a></li>
<li><a href="index.html#about">Über das Projekt</a></li> <li class="nav-item"><a class="nav-link" href="index.html#services">Arbeitspakete</a></li>
<li><a href="index.html#services">Arbeitspakete</a></li> <li class="nav-item"><a class="nav-link" href="index.html#portfolio">Erkenntnisse</a></li>
<li><a href="index.html#portfolio">Erkenntnisse</a></li> <li class="nav-item"><a class="nav-link" href="index.html#team">Projektteam</a></li>
<li><a href="index.html#team">Projektteam</a></li> <li class="nav-item"><a class="nav-link" href="index.html#contact">Kontakt</a></li>
<li><a href="index.html#contact">Kontakt</a></li>
</ul> </ul>
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
</nav> </nav>
</div> </div>
</header> </header>
...@@ -118,93 +79,80 @@ ...@@ -118,93 +79,80 @@
<div class="container"> <div class="container">
<h2>KI-Kompetenzen im KNIGHT-Projekt</h2> <h2>KI-Kompetenzen im KNIGHT-Projekt</h2>
<p>Das KNIGHT-Projekt identifiziert, vermittelt und zertifiziert Schlüsselkompetenzen im Umgang mit Künstlicher Intelligenz (KI) – für Hochschulen und Unternehmen.</p> <p>Das KNIGHT-Projekt identifiziert, vermittelt und zertifiziert Schlüsselkompetenzen im Umgang mit Künstlicher Intelligenz (KI) – für Hochschulen und Unternehmen.</p>
<p>Im Zeitalter intelligenter Technologien sind fundierte KI-Kompetenzen unverzichtbar. KNIGHT entwickelt praxisnahe Orientierungsrahmen, Schulungsformate und Zertifizierungsmodelle.</p>
<p>Im Zeitalter intelligenter Technologien sind fundierte KI-Kompetenzen unverzichtbar. KNIGHT entwickelt praxisnahe Orientierungsrahmen, Schulungsformate und Zertifizierungsmodelle, um Lernende und Lehrende gezielt zu befähigen.</p> <h6 class="text-light mt-4">Projektverantwortliche</h6>
<h6 class="text-muted">Projektverantwortliche</h6> <p class="text-light small">Prof. Dr. Tobias Popovic, Dr. Diana Arfeli, Maximilian Weber, Sunita Hirsch, Tatyana Podgayetskaya</p>
<p class="small">Prof. Dr. Tobias Popovic, Dr. Diana Arfeli, Maximilian Weber, Sunita Hirsch, Tatyana Podgayetskaya</p>
</div> </div>
</section>
<section class="container my-5">
<div class="accordion" id="competenceAccordion"> <div class="accordion" id="competenceAccordion">
<div class="accordion-item"> <div class="accordion-item">
<h5 class="accordion-header" id="headingOne"> <h2 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed small" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne">
Vorgehensweise im Überblick Vorgehensweise im Überblick
</button> </button>
</h5> </h2>
<div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#competenceAccordion"> <div id="collapseOne" class="accordion-collapse collapse" data-bs-parent="#competenceAccordion">
<div class="accordion-body"> <div class="accordion-body">
<h6>Drei zentrale Schritte:</h6>
<ol> <ol>
<li><strong>Kompetenzerhebung & Systematisierung:</strong> Relevante KI-Kompetenzen für Hochschulen und Unternehmen analysieren und strukturieren.</li> <li><strong>Kompetenzerhebung & Systematisierung:</strong> Analyse und Struktur relevanter KI-Kompetenzen.</li>
<li><strong>Weiterbildungsangebote:</strong> Zielgruppenspezifische Trainingsformate für Studierende und Mitarbeitende entwickeln.</li> <li><strong>Weiterbildungsangebote:</strong> Entwicklung zielgruppenspezifischer Trainingsformate.</li>
<li><strong>KI-Zertifikat:</strong> Einführung eines modularen, praxisnahen Zertifikats zur Förderung vertiefter KI-Kompetenz.</li> <li><strong>KI-Zertifikat:</strong> Modularer, praxisnaher Zertifikatsaufbau zur Kompetenzförderung.</li>
</ol> </ol>
<p>Die Kompetenzmatrix basiert auf Bedarfsanalyse, HQR und integriert ethische Querschnittskompetenzen visuell und didaktisch.</p>
<p>Die KI-Kompetenzmatrix basiert auf einer fundierten Bedarfsanalyse und deckt technische sowie ethische Aspekte ab. Sie orientiert sich am Hochschulqualifikationsrahmen (HQR) und differenziert vier technische Niveaustufen.</p>
<p>Der ethische Reflexionsanteil wird als zentrale Querschnittskompetenz didaktisch und visuell betont.</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section class="container mt-5"> <section class="container">
<div class="card"> <div class="card">
<!-- Moved title above the image -->
<h5 class="card-title">KNIGHT KI-Kompetenzmatrix</h5> <h5 class="card-title">KNIGHT KI-Kompetenzmatrix</h5>
<img src="assets/img/ki-kompetenz.png" class="card-img-top" alt="KI-Kompetenzmatrix"> <img src="assets/img/ki-kompetenz.png" class="card-img-top" alt="KI-Kompetenzmatrix">
<div class="card-body"> <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>KNIGHT bietet Schulungen zu technischen, ethischen und datenschutzrechtlichen Themen und integriert diese in Studiengänge.</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> <p>Das KI-Zertifikat ermöglicht den Nachweis erworbener Kompetenzen. Besonders aktive Teilnehmende werden im Zertifikat hervorgehoben.</p>
</div> </div>
</div> </div>
</section> </section>
<section class="container my-5">
<section class="container mt-5">
<h2>Ergebnisse & Veröffentlichungen</h2> <h2>Ergebnisse & Veröffentlichungen</h2>
<div class="card mb-3"> <div class="card mb-4">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Ergebnisse aus AP 1</h5> <h5 class="card-title">Arbeitspaket 1 – Ergebnisse</h5>
<ul> <ul>
<li><strong>AP 1.1 Bedarfsanalyse:</strong> abgeschlossen (2022)</li> <li><strong>AP 1.1 Bedarfsanalyse:</strong> abgeschlossen (2022)</li>
<li><strong>AP 1.2 Entwicklung der Kompetenzmatrix:</strong> abgeschlossen (2024). Veröffentlichung im Buch: <li><strong>AP 1.2 Kompetenzmatrix:</strong> abgeschlossen (2024) – <a href="https://link.springer.com/chapter/10.1007/978-3-031-71530-3_7" target="_blank">zur Publikation</a></li>
<a href="https://link.springer.com/chapter/10.1007/978-3-031-71530-3_7" target="_blank">Springer-Link</a> <li><strong>AP 1.3 Integration & Zertifikate:</strong> implementiert ab WiSe 2023/24</li>
</li>
<li><strong>AP 1.3 Integration der Kompetenzmatrix:</strong> abgeschlossen. Einführung von KI-Zertifikaten ab WiSe 2023/24, fortlaufend auch im SoSe 2024 und WiSe 2024/25</li>
</ul> </ul>
<h5 class="mt-4">Meilensteine</h5>
<h5 class="mt-4">Erreichte Meilensteine</h5>
<ul> <ul>
<li><strong>M1.1 Bedarfsanalyse:</strong> erreicht</li> <li><strong>M1.1:</strong> Bedarfsermittlung abgeschlossen</li>
<li><strong>M1.2 Veröffentlichung der Kompetenzmatrix:</strong> erreicht</li> <li><strong>M1.2:</strong> Veröffentlichung Kompetenzmatrix</li>
<li><strong>M1.3 Erweiterte Kompetenzmatrix inkl. KI- und LA-Inhalte:</strong> weitgehend abgeschlossen, Publikation in Vorbereitung (ab Sept. 2024)</li> <li><strong>M1.3:</strong> Erweiterung mit KI-/LA-Inhalten – Publikation ab Sept. 2024</li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Wissenschaftliche Veröffentlichungen</h5> <h5 class="card-title">Publikationen</h5>
<ul> <ul>
<li><strong>2024:</strong> Arfeli, D.; Weber, M.; Uckelmann, D.; Popovic, T. – <em>Development of an AI Competence Matrix for AI Teaching at Universities</em>. In: Cukierman, Auer, Vendrell (Hrsg.), <em>Advanced Technologies and the University of the Future</em>, Springer. <li><strong>2024:</strong> Arfeli et al. – <em>Development of an AI Competence Matrix</em>, Springer – <a href="https://link.springer.com/chapter/10.1007/978-3-031-71530-3_7" target="_blank">Springer-Link</a></li>
<a href="https://link.springer.com/chapter/10.1007/978-3-031-71530-3_7" target="_blank">Springer-Link</a> <li><strong>2024:</strong> Weber, Jochim – <em>Ethics in AI-Supported Student Counselling</em>, Springer – <a href="https://link.springer.com/chapter/10.1007/978-3-031-71530-3_8" target="_blank">Springer-Link</a></li>
</li>
<li><strong>2024:</strong> Weber, M.; Jochim, N. – <em>Implementing Ethical Considerations into AI-Supported Student Counselling – A Case Study</em>. In: Cukierman et al. (Hrsg.), Springer.
<a href="https://link.springer.com/chapter/10.1007/978-3-031-71530-3_8" target="_blank">Springer-Link</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
</section> </section>
</main> </main>
<footer> <footer>
<div class="container"> <div class="container">
<p>Zurück zur <a href="index.html">Startseite</a></p> <p><a href="index.html">Zurück zur Startseite</a></p>
<p>&copy; 2024 KNIGHT Project. All rights reserved.</p> <p>&copy; 2024 KNIGHT Projekt. Alle Rechte vorbehalten.</p>
</div> </div>
</footer> </footer>
......
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