Skip to content
GitLab
Commit 9c7316f3 authored by Traboulsi's avatar Traboulsi
Browse files

Update public/index-save.html, public/index.html

parent a4fcbb5e
Pipeline #11162 passed with stage
in 8 seconds
Show whitespace changes
Inline Side-by-side
public/index-save.html 0 → 100644
View file @ 9c7316f3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>KNIGHT – KI für die Lehre</title>
<meta name="description" content="KNIGHT ist ein KI-Forschungsprojekt der HFT Stuttgart zur Individualisierung von Lernprozessen.">
<meta name="keywords" content="KI, Lehre, Hochschule, KNIGHT, HFT Stuttgart, Lernprozesse, digitale Bildung, Forschung">
<!-- Favicons -->
<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">
<!-- Google Fonts -->
<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">
<!-- Vendor CSS Files -->
<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">
<!-- Template Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
<!-- link to style.css : added by Salam -->
<style>
.portfolio-content {
background: #fff;
border-radius: 20px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
padding: 0;
overflow: hidden;
display: flex;
flex-direction: column;
transition: all 0.3s ease-in-out;
}
.portfolio-content:hover {
transform: translateY(-5px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}
.portfolio-content img {
width: 100%;
max-height: 180px; /* Bildhöhe begrenzen */
object-fit: contain; /* Inhalt einpassen, nicht beschneiden */
padding: 10px;
background: #f9f9f9;
border-bottom: 1px solid #eee;
}
.portfolio-info {
padding: 15px 20px;
text-align: left;
}
.portfolio-info h4 {
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 5px;
}
.portfolio-info p {
font-size: 0.95rem;
color: #666;
margin-bottom: 10px;
}
.portfolio-info a {
margin-right: 12px;
color: #007bff;
text-decoration: none;
}
.portfolio-info a:hover {
color: #0056b3;
}
.portfolio-info i {
font-size: 1.3rem;
}
.custom-card-link {
text-decoration: none;
color: inherit;
}
.custom-card-horizontal {
display: flex;
align-items: center;
background: white;
border: 1px solid #ddd;
border-radius: 12px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
padding: 12px 16px;
margin-bottom: 20px;
transition: transform 0.2s, box-shadow 0.2s;
}
.custom-card-horizontal:hover {
transform: translateY(-4px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.custom-card-horizontal img {
width: 48px;
height: 48px;
object-fit: contain;
margin-right: 16px;
flex-shrink: 0;
}
.custom-card-info h4 {
margin: 0 0 4px 0;
font-size: 1.05rem;
}
.custom-card-info p {
margin: 0;
font-size: 0.95rem;
color: #555;
}
.publication-card {
display: flex;
align-items: center;
background: #fff;
border: 1px solid #ddd;
border-radius: 12px;
padding: 12px 16px;
margin-bottom: 16px;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
transition: transform 0.2s, box-shadow 0.2s;
}
.publication-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.publication-card img {
width: 48px;
height: 48px;
object-fit: contain;
margin-right: 16px;
flex-shrink: 0;
}
.publication-info h4 {
margin: 0 0 4px 0;
font-size: 1rem;
}
.publication-info h4 a {
text-decoration: none;
color: #007bff;
}
.publication-info h4 a:hover {
text-decoration: underline;
}
.publication-info p {
margin: 0;
font-size: 0.9rem;
color: #555;
}
</style>
<!-- =======================================================
* Template Name: FlexStart
* Template URL: https://bootstrapmade.com/flexstart-bootstrap-startup-template/
* Updated: Jun 29 2024 with Bootstrap v5.3.3
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body class="index-page">
<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">
<!-- Uncomment the line below if you also wish to use an image logo-->
<img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt="">
<h1 class="sitename">KNIGHT</h1>
</a>
<!-- Updated Navigation Menu -->
<nav id="navmenu" class="navmenu">
<ul>
<!--<li><a href="index.html#hero" class="active">Home<br></a></li>-->
<li><a href="index.html#about">Über das Projekt</a></li>
<li><a href="index.html#services">Arbeitspakete</a></li>
<li><a href="index.html#portfolio">Erkenntnisse</a></li>
<li><a href="index.html#team">Projektteam</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>
<!-- <a class="btn-getstarted flex-md-shrink-0" href="index.html#about">Get Started</a> -->
</div>
</header>
<!-- End Header -->
<main class="main">
<!-- Hero Section -->
<section id="hero" class="hero section">
<div class="container">
<div class="row gy-4">
<div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center">
<h1 data-aos="fade-up">Künstliche Assistenz für Lehrende und Studierende</h1>
<p data-aos="fade-up" data-aos-delay="100">Wie lehren und lernen wir in der Zukunft? 1,9 Millionen Förderung für das Projekt „KNIGHT – Künstliche Intelligenz für die Lehre an der HFT Stuttgart“</p>
<div class="d-flex flex-column flex-md-row" data-aos="fade-up" data-aos-delay="200">
<!--<a href="#about" class="btn-get-started">Jetzt starten <i class="bi bi-arrow-right"></i></a>-->
<a href="#services" class="btn-get-started">Arbeitspakete ansehen <i class="bi bi-arrow-right"></i></a>
<a href="https://www.youtube.com/watch?v=blDgzP6E3uU" class="glightbox btn-watch-video d-flex align-items-center justify-content-center ms-0 ms-md-4 mt-4 mt-md-0"><i class="bi bi-play-circle"></i><span>Video abspielen</span></a>
</div>
</div>
<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-out">
<img src="assets/img/knight.png" class="img-fluid animated d-none d-md-block" alt="">
</div>
</div>
</div>
</section><!-- /Hero Section -->
<!-- About Section -->
<section id="about" class="about section">
<div class="container" data-aos="fade-up">
<div class="row gx-0">
<!-- Projektübersicht -->
<div class="col-lg-6 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200">
<div class="content">
<h2><strong>KNIGHT</strong></h2>
<p><strong>KNIGHT</strong> ist ein innovatives Forschungsprojekt an der HFT Stuttgart, das darauf abzielt, Lernprozesse durch Automatisierung zu verbessern und administrative Aufgaben für Lehrende zu reduzieren.</p>
<p><strong>Hauptziele:</strong></p>
<ul>
<li>Individualisierung der Lernprozesse der Studierenden.</li>
<li>Unterstützung der Lehrenden bei ihren Betreuungsaufgaben.</li>
<li>Aufbau von Kompetenzen für den effektiven und ethischen Einsatz von KI-Technologie.</li>
</ul>
<p>Das Projekt arbeitet mit dem <a href="https://www.hft-stuttgart.de/forschung/struktur/kompetenzzentren/digitalisierung-in-forschung-lehre-wirtschaft">ZeDFLoW</a> für digitale Bildung und dem <a href="https://www.hft-stuttgart.de/forschung/forschungsprofil/kompetenzzentren/nachhaltiges-wirtschaften-und-management" >ZNWM</a> für ethische und rechtliche Standards zusammen.</p>
<p>Wir entwickeln Kompetenzrahmen, KI-Maßnahmen und Feedbackprozesse und sorgen gleichzeitig für die Einhaltung ethischer Richtlinien und den Schutz von Daten.</p>
<!-- Read More Button -->
<div class="text-center text-lg-start">
<a href="https://hochschul-job.de/kuenstliche-intelligenz-an-deutschen-hochschulen-und-universitaeten-interview-ulrike-pado-knight-forschung-entwicklung-studiengaenge/#Angewandte_Mathematik_und_Kunstliche_Intelligenz_BSc_-_Hochschule_fur_Technik_Stuttgart" class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center" target="_blank">
<span>Mehr erfahren über dieses Thema</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- Flussdiagramm -->
<div class="col-lg-6 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200">
<img src="assets/img/knight_overview.png" class="img-fluid" alt="Übersicht des KNIGHT-Projekts mit sieben Arbeitspaketen und Partnern">
</div>
</div>
</div>
</section>
<!-- /About Section -->
<!-- Services Section -->
<section id="services" class="services section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Arbeitspakete</h2>
<p> Sieben Arbeitspakete bilden das Fundament unseres Forschungsvorhabens. Sie sind interdisziplinär angelegt und eng miteinander verzahnt.</p>
<!--<p>Check Our Wok Packages<br></p>-->
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-4">
<!-- AP1 -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="service-item item-cyan position-relative">
<!--<i class="bi bi-activity icon"></i>-->
<h3>Entwicklung einer Kompetenzmatrix für KI</h3>
<p>In diesem Arbeitspaket wird eine interdisziplinäre Kompetenzmatrix für KI-Kompetenzen in der Hochschulbildung entwickelt. Sie dient als Orientierungshilfe für die Lehre und wird mithilfe von Learning Analytics validiert.(Leitung: Prof. Uckelmann)</p>
<a href="ki-kompetenzen.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<!-- AP2 -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
<div class="service-item item-red position-relative">
<!--<i class="bi bi-bounding-box-circles icon"></i> -->
<h3>Formulierung ethischer Leitlinien</h3>
<p>Es wird ein ethischer Werterahmen für den Umgang mit Künstlicher Intelligenz in der Hochschulbildung entwickelt. Ziel ist die Erstellung von konkreten ethischen Leitlinien, die auf die praktische Anwendung von KI ausgerichtet sind. (Leitung: Prof. Popović)</p>
<a href="ki-ethik.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<!-- AP3 -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
<div class="service-item item-orange position-relative">
<!--<i class="bi bi-broadcast icon"></i>-->
<h3>Aufbau einer Learning-Analytics-Infrastruktur</h3>
<p>In diesem Arbeitspaket wird die technische Infrastruktur für Learning Analytics und KI-gestützte Werkzeuge entwickelt. Dazu gehören Prototypen wie ein Digital Educational Mirror und ein Digital Assistant für Interaktionsanalysen. (Leitung: Prof. Uckelmann, Prof. Rausch)</p>
<a href="learning-analytics.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<!-- AP4 -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="700">
<div class="service-item item-cyan position-relative">
<!--<i class="bi bi-chat-square-text icon"></i>-->
<h3>Implementierung adaptiver Tests</h3>
<p>Leistungsadaptive Tests werden entwickelt, die KI-gestützte Methoden zur automatischen Bewertung von studentischen Antworten und Vorhersage des Schwierigkeitsgrads nutzen. Ziel ist es, diese Tests in verschiedene Studiengänge zu integrieren. (Leitung: Prof. Padó)
</p>
<a href="adaptives-testen.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<!-- AP5 -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
<div class="service-item item-teal position-relative">
<!--<i class="bi bi-easel icon"></i>-->
<h3>Fachspezifische Umsetzung in der Programmierung </h3>
<p>Dieses Arbeitspaket entwickelt individuelle Lernpfade für Studierende, die durch KI-gestützte Anpassungen die Programmierfähigkeiten fördern. Die Aufgaben und Tests werden auf unterschiedliche Leistungsniveaus zugeschnitten. (Leitung: Prof. Heusch)</p>
<a href="personalisiertes-lernen.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<!-- AP6 -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
<div class="service-item item-indigo position-relative">
<!-- <i class="bi bi-calendar4-week icon"></i> -->
<h3>Stärkung der KI-Kompetenz bei Lernenden und Lehrenden </h3>
<p>In diesem Arbeitspaket werden Weiterbildungsangebote für Studierende und Lehrende entwickelt, um die KI-Kompetenz an der Hochschule zu stärken. Dabei werden sowohl technische als auch ethische Aspekte der KI behandelt. (Leitung: Prof. Popović)</p>
<a href="study-dean-cockpit.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<!-- Ap8: Einsatz textgenerierender KI in der Lehre -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="800">
<div class="service-item item-yellow position-relative">
<!--<i class="bi bi-type icon"></i>-->
<h3>Einsatz textgenerierender KI in der Lehre</h3>
<p>Dieses Arbeitspaket untersucht den didaktisch reflektierten Einsatz von KI-Systemen wie ChatGPT in Schreibseminaren und Programmiermodulen.
Ziel ist es, Lernmodule zu entwickeln, die den kritischen und produktiven Umgang mit generativer KI fördern. </p>
<a href="generative-ki-schreibseminar.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div>
<!-- AP6 -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
<div class="service-item item-pink position-relative">
<!--<i class="bi bi-chat-square-text icon"></i>-->
<h3>Evaluation und Projektverankerung</h3>
<p>Das Arbeitspaket konzentriert sich auf die Evaluation der entwickelten Ansätze und deren Dissemination. Ergebnisse werden durch Workshops und eine Abschlusskonferenz verbreitet und für eine potenzielle Integration in den Lehrplan vorbereitet.</p>
<a href="projekt-evaluation.html" class="read-more stretched-link"><span>Mehr erfahren</span> <i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
</div>
</div>
</section><!-- /Services Section -->
<!-- Portfolio Section -->
<section id="portfolio" class="portfolio section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Erkenntnisse</h2>
<p>Erkenntnisse aus dem Projekt</p>
</div><!-- End Section Title -->
<div class="container">
<div class="isotope-layout" data-default-filter=".filter-publikationen" data-layout="masonry" data-sort="original-order">
<ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100">
<li data-filter=".filter-publikationen" class="filter-active">Publikationen</li>
<li data-filter=".filter-prototypen">Prototypen & Tools</li>
<li data-filter=".filter-gitlab">GitLab-Repositories</li>
<li data-filter=".filter-berichte">Berichte & Evaluationsergebnisse</li>
<li data-filter=".filter-workshops">Workshops, Schulungen & Events</li>
<li data-filter=".filter-videos">Videos & Tutorials</li>
<li data-filter=".filter-sonstiges">Sonstiges</li>
</ul><!-- End Portfolio Filters -->
<div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">
<!-- Publikationen -->
<!-- Paper 1 -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen">
<div class="publication-card">
<img src="ausschreibung/img/pado1.PNG" alt="Paper 1">
<div class="publication-info">
<h4><a href="https://doi.org/10.1007/s40593-023-00383-w" target="_blank">Short-Answer Grading for German</a></h4>
<p>Padó et al. (2023) – Addressing the Challenges</p>
</div>
</div>
<!-- <div class="portfolio-content h-100">
<img src="ausschreibung/img/pado1.PNG" class="img-fluid" alt="Paper 1">
<div class="portfolio-info">
<h4>Paper 1</h4>
<p>Short-Answer Grading for German: Addressing the Challenges</p>
<a href="ausschreibung/img/pado-paper1.PNG" data-gallery="portfolio-gallery-app" class="glightbox preview-link" title="Paper 1"><i class="bi bi-zoom-in"></i></a>
<a href="https://doi.org/10.1007/s40593-023-00383-w" class="details-link" title="Padó et al. (2023)"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div> -->
<!-- End Paper 1 -->
<!-- Paper 2 -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen">
<div class="portfolio-content h-100">
<img src="ausschreibung/img/mudssair1.PNG" class="img-fluid" alt="Paper 2">
<div class="portfolio-info">
<h4>Paper 2</h4>
<p>KNIGHT Learning Analytics Architecture for Betterment of Student Education</p>
<a href="ausschreibung/img/mudssair-paper1.PNG" data-gallery="portfolio-gallery-app" class="glightbox preview-link" title="Paper 2"><i class="bi bi-zoom-in"></i></a>
<a href="https://doi.org/10.1007/s40593-023-00383-w" class="details-link" title="Sharif et al. (2023)"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div>
<!-- End Paper 2 -->
<!-- Paper 3 -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen">
<div class="portfolio-content h-100">
<img src="ausschreibung/img/bhavar1.PNG" class="img-fluid" alt="Paper 3">
<div class="portfolio-info">
<h4>Paper 3</h4>
<p>Enhancing Personalized Learning Experiences: Leveraging Multi-Modal Learning Analytics Dashboards</p>
<a href="ausschreibung/img/bhavar1.PNG" data-gallery="portfolio-gallery-app" class="glightbox preview-link" title="Paper 3"><i class="bi bi-zoom-in"></i></a>
<a href="https://www.dpublication.com/wp-content/uploads/2023/11/50-3909.pdf" class="details-link" title="Bhavasar et al. (2023)"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div>
<!-- End Paper 3 -->
<!-- Paper 4-->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen">
<div class="portfolio-content h-100">
<img src="ausschreibung/img/arfeli1.PNG" class="img-fluid" alt="Paper 4">
<div class="portfolio-info">
<h4>Paper 4</h4>
<p>Development of an AI Competence Matrix for AI Teaching at Universities</p>
<a href="ausschreibung/img/arfeli1.PNG" data-gallery="portfolio-gallery-app" class="glightbox preview-link" title="Paper 4"><i class="bi bi-zoom-in"></i></a>
<a href="https://link.springer.com/chapter/10.1007/978-3-031-71530-3_7" class="details-link" title="Arfeli et al. (2024)"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div>
<!-- End Paper 4 -->
<!-- End Publikation -->
<!-- Beispiel: Sonstiges -->
<!-- Prototypen & Tools -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-prototypen">
<div class="portfolio-content h-100">
<img src="ausschreibung/img/digital-mirror.png" class="img-fluid" alt="Digital Educational Mirror">
<div class="portfolio-info">
<h4>Prototyp: Digital Educational Mirror</h4>
<p>Ein KI-basiertes Dashboard zur Visualisierung von Lernverhalten</p>
<a href="ausschreibung/img/digital-mirror.png" data-gallery="portfolio-gallery-product" class="glightbox preview-link" title="Digital Educational Mirror"><i class="bi bi-zoom-in"></i></a>
<a href="produkt-digital-mirror.html" class="details-link" title="Details zum Prototyp"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Prototyp -->
<!-- GitLab-Repositories -->
<!-- GitLab Repository: Adaptive Tests Plugin -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-gitlab">
<a href="https://transfer.hft-stuttgart.de/gitlab/knight/adaptivetests" class="custom-card-link">
<div class="custom-card-horizontal">
<img src="ausschreibung/img/gitlab.PNG" alt="Adaptive Tests Plugin">
<div class="custom-card-info">
<h4>(AP4) Moodle-Plugin: Adaptive Tests</h4>
<p>Plugin-Code zur Unterstützung adaptiver Tests (Moodle 4.1)</p>
</div>
</div>
</a>
</div>
<!-- GitLab Repository: ASYST Plugin -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-gitlab">
<a href="https://transfer.hft-stuttgart.de/gitlab/ulrike.pado/asyst-moodle-plugin" class="custom-card-link">
<div class="custom-card-horizontal">
<img src="ausschreibung/img/gitlab.PNG" alt="ASYST Plugin">
<div class="custom-card-info">
<h4>Moodle-Plugin: ASYST</h4>
<p>Freitextbewertung mit KI – Plugin zur automatisierten Korrekturunterstützung</p>
</div>
</div>
</a>
</div>
<!-- End GitLab -->
<!-- Berichte & Evaluationsergebnisse -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-berichte">
<div class="portfolio-content h-100">
<img src="ausschreibung/img/evaluation-uebersicht.png" class="img-fluid" alt="Evaluationsergebnisse">
<div class="portfolio-info">
<h4>Evaluationsergebnisse</h4>
<p>Zwischenbericht zur Wirksamkeit von KI-Weiterbildungen</p>
<a href="ausschreibung/img/evaluation-uebersicht.png" data-gallery="portfolio-gallery-evaluation" class="glightbox preview-link" title="Evaluationsergebnisse"><i class="bi bi-zoom-in"></i></a>
<a href="evaluation-bericht.html" class="details-link" title="Vollständiger Bericht als PDF"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Bericht -->
<!-- Workshops, Schulungen & Events -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-workshops">
<div class="portfolio-content h-100">
<img src="ausschreibung/img/workshop.png" class="img-fluid" alt="Abschlussworkshop">
<div class="portfolio-info">
<h4>Abschlussworkshop</h4>
<p>Zusammenfassung der Ergebnisse und Ausblick</p>
<a href="ausschreibung/img/workshop.png" data-gallery="portfolio-gallery-workshops" class="glightbox preview-link" title="Abschlussworkshop"><i class="bi bi-zoom-in"></i></a>
<a href="abschlussworkshop.html" class="details-link" title="Zur Workshop-Dokumentation"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Workshop -->
<!-- Videos & Tutorials -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-videos">
<div class="portfolio-content h-100">
<img src="ausschreibung/img/tutorial-thumbnail.png" class="img-fluid" alt="Video Tutorial">
<div class="portfolio-info">
<h4>Video Tutorial</h4>
<p>Erklärvideo zum KNIGHT Learning Analytics Dashboard</p>
<a href="https://www.youtube.com/watch?v=example" target="_blank" class="details-link" title="YouTube Video"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div><!-- End Video -->
<!-- Sonstiges -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-sonstiges">
<div class="portfolio-content h-100">
<img src="ausschreibung/img/blog-article.png" class="img-fluid" alt="Blog Artikel">
<div class="portfolio-info">
<h4>Blog Artikel</h4>
<p>Neuigkeiten und Updates zum KNIGHT Projekt</p>
<a href="blog.html" class="details-link" title="Blog Artikel"><i class="bi bi-link-45deg"></i></a>
</div>
</div>
</div>
<!-- End Sonstiges -->
<!-- Weitere Portfolio Items... -->
</div><!-- End Portfolio Container -->
</div>
</div>
</section>
<!-- Chancen für die studentische Mitarbeit im Projekt -->
<section id="student-opportunities" class="student-opportunities section">
<div class="container section-title" data-aos="fade-up">
<h2>Chancen für die studentische Mitarbeit im Projekt</h2>
<p>Hier finden Sie aktuelle Ausschreibungen und Informationen zur studentischen Mitarbeit.</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row">
<!-- Karte für Abschlussarbeiten -->
<div class="col-lg-6 col-md-12 mb-4">
<div class="card">
<div class="card-body">
<h3 class="card-title"> Abschlussarbeiten</h3>
<p class="card-text">Hier finden Sie aktuelle Ausschreibungen für Abschlussarbeiten.</p>
<a href="ausschreibung/Abschlussarbeit1.pdf" target="_blank" class="btn btn-primary mb-2">Abschlussarbeit 1</a>
<a href="ausschreibung/Abschlussarbeit2.pdf" target="_blank" class="btn btn-primary mb-2">Abschlussarbeit 2</a>
<!-- Weitere Buttons können hier hinzugefügt werden -->
</div>
</div>
</div>
<!-- Karte für Stellenangebote -->
<div class="col-lg-6 col-md-12 mb-4">
<div class="card">
<div class="card-body">
<h3 class="card-title">Stellenangebote</h3>
<p class="card-text">Hier finden Sie aktuelle Stellenangebote.</p>
<a href="ausschreibung/Stellenausschreibung1.pdf" target="_blank" class="btn btn-primary mb-2">Stellenausschreibung 1</a>
<a href="ausschreibung/Stellenausschreibung2.pdf" target="_blank" class="btn btn-primary mb-2">Stellenausschreibung 2</a>
<a href="ausschreibung/Stellenausschreibung3.pdf" target="_blank" class="btn btn-primary mb-2">Stellenausschreibung 3</a>
<!-- Weitere Buttons können hier hinzugefügt werden -->
</div>
</div>
</div>
</div
</div>
</section>
<!-- End Chancen für die studentische Mitarbeit im Projekt -->
</section><!-- /Portfolio Section -->
<!-- Team Section -->
<section id="team" class="team section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Projektteam</h2>
<p>Unser engagiertes Team</p>
</div><!-- End Section Title -->
<div class="container">
<div id="teamCarousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<!-- Carousel Item 1 -->
<div class="carousel-item active">
<div class="row gy-4">
<!-- Team Member 1 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/DieterUckelmann.png" class="img-fluid" alt="">
<div class="social">
<a href="https://www.linkedin.com/in/dieter-uckelmann-58aaa93/"><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/dieter-uckelmann" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Prof. Dr.-Ing. Dieter Uckelmann</h4>
<span>Professor / Wissenschaftlicher Direktor</span>
</div>
</div>
</div><!-- End Team Member -->
<!-- Team Member 2 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/avatar.png" class="img-fluid" alt="">
<div class="social">
<a href="https://www.hft-stuttgart.de/p/peter-heusch" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Prof. Dr. Peter Heusch</h4>
<span>Professor / Dekan</span>
</div>
</div>
</div><!-- End Team Member -->
<!-- Team Member 3 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/avatar.png" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/michael-mommert" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Prof. Dr. rer. nat. Michael Mommert</h4>
<span>Professor</span>
</div>
</div>
</div><!-- End Team Member -->
<!-- Team Member 4 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400">
<div class="team-member">
<div class="member-img">
<img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/0/6/csm_Popovic-Tobias__4__bearbeitet_0cd4ce34b7.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href="" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Prof. Dr. Tobias Popovic</h4>
<span>Professor / Ethikbeauftragter der HFT Stuttgart</span>
</div>
</div>
</div><!-- End Team Member -->
</div>
</div><!-- End Carousel Item 1 -->
<!-- Carousel Item 2 -->
<div class="carousel-item">
<div class="row gy-4">
<!-- Team Member 5 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="500">
<div class="team-member">
<div class="member-img">
<img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/1/5/csm_Rausch-Alexander__2__29cbc409b2.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/alexander-rausch" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Prof. Dr. Alexander Rausch</h4>
<span>Professor für Wirtschaftsinformatik</span>
</div>
</div>
</div><!-- End Team Member -->
<!-- Team Member 6 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="600">
<div class="team-member">
<div class="member-img">
<img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/2/2/csm_Pado-Ulrike__4__5a061080e9.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/ulrike-pado" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Prof. Dr. Ulrike Pado</h4>
<span>Professorin</span>
</div>
</div>
</div><!-- End Team Member -->
<!-- Team Member 7 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="700">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/Tatyana.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/tatyana-podgayetskaya" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Dr. Tatyana Podgayetskaya</h4>
<span>Akademische Mitarbeiterin</span>
</div>
</div>
</div><!-- End Team Member -->
<!-- Team Member 8 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="800">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/sunita.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/sunita-hirsch" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Dr. Sunita Hirsch</h4>
<span>Akademische Mitarbeiterin</span>
</div>
</div>
</div><!-- End Team Member -->
</div>
</div><!-- End Carousel Item 2 -->
<!-- Additional Carousel Items... -->
<!-- Carousel Item 3 -->
<div class="carousel-item">
<div class="row gy-4">
<!-- Team Member 9 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="900">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/avatar.png" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/diana-arfeli" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Dr. phil. Diana Arfeli</h4>
<span>Referentin für Ethik</span>
</div>
</div>
</div><!-- End Team Member -->
<!-- Team Member 10 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="900">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/avatar.png" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href="" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Tim Herbst</h4>
<span>Teammitglied</span>
</div>
</div>
</div><!-- End Team Member -->
<!-- Team Member 11 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="900">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/avatar.png" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/annegret-hoepner" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Annegret Höpner</h4>
<span>Akademische Mitarbeiterin</span>
</div>
</div>
</div><!-- End Team Member -->
<!-- Team Member 12 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="900">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/avatar.png" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/niko-jochim" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Niko Jochim</h4>
<span>Teammitglied</span>
</div>
</div>
</div><!-- End Team Member -->
</div>
</div><!-- End Carousel Item 3 -->
<!-- Carousel Item 4 -->
<div class="carousel-item">
<div class="row gy-4">
<!-- Team Member 13 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="1000">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/avatar.png" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/konstanze-mehmedovski" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Dipl.-Math. Konstanze Mehmedovski</h4>
<span>Akademische Mitarbeiterin</span>
</div>
</div>
</div><!-- End Team Member -->
<!-- Team Member 14 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="1000">
<div class="team-member">
<div class="member-img">
<img src="https://www.hft-stuttgart.de/fileadmin/Dateien/Profilbilder/_processed_/d/2/csm_Screenshot_2020-08-31_at_10.20.20_fd173e3d66.png" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/muddsair-sharif" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Muddsair Sharif</h4>
<span>Akademische Mitarbeiter</span>
</div>
</div>
</div><!-- End Team Member -->
<!-- Team Member 15 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="1000">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/avatar.png" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href="https://www.hft-stuttgart.de/p/florentin-vintila" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Dipl.-Ing. Florentin Vintila</h4>
<span>Teammitglied</span>
</div>
</div>
</div><!-- End Team Member -->
<!-- Team Member 16 -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="900">
<div class="team-member">
<div class="member-img">
<img src="assets/img/team/avatar.png" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href="" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
</div>
</div>
<div class="member-info">
<h4>Maximilian Weber</h4>
<span>Teammitglied</span>
</div>
</div>
</div><!-- End Team Member -->
</div>
</div><!-- End Carousel Item 4 -->
</div><!-- End carousel-inner -->
<!-- Carousel Controls -->
<button class="carousel-control-prev" type="button" data-bs-target="#teamCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#teamCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div><!-- End teamCarousel -->
</div><!-- End container -->
</section><!-- End Team Section -->
<!-- Contact Section -->
<section id="contact" class="contact section">
<!-- Section Title -->
<div class="container contact-title" data-aos="fade-up">
<header class="section-header ">
<h2>Kontakt</h2>
<p>Kontaktieren Sie uns</p>
</header>
<div class="row gy-4 ">
<div class="col-lg-8 ">
<div class="row gy-4 ">
<div class="col-md-6 ">
<div class="info-box ">
<i class="bi bi-geo-alt "></i>
<h3>Addresse</h3>
<p>Schellingstr. 24 <br> D-70174 Stuttgart</p>
</div>
</div>
<div class="col-md-6 ">
<div class="info-box ">
<i class="bi bi-telephone "></i>
<h3>Rufen Sie uns an</h3>
<p> Sekretariat <br> +49 (0)711 8926 0 <br> </p>
<p></p>
</div>
</div>
<div class="col-md-6 ">
<div class="info-box ">
<i class="bi bi-envelope "></i>
<h3>E-Mail</h3>
<p>Sekretariat <br>knight(at)hft-stuttgart.de
<br></p>
</div>
</div>
<div class="col-md-6 ">
<div class="info-box ">
<i class="bi bi-clock "></i>
<h3>Öffnungszeiten</h3>
<p>Montag - Freitag<br>9:00 Uhr - 17:00 Uhr</p>
</div>
</div>
</div>
</div>
<div class="col-xl-4 text-center ">
<img src="assets/img/knight.png " class="img-fluid p-4 " alt=" ">
</div>
</div>
</div>
</section>
<!-- /Contact Section -->
</main>
<footer id="footer" class="footer">
<div class="container footer-top">
<div class="row gy-4">
<div class="col-lg-4 col-md-6 footer-about">
<a href="index.html" class="d-flex align-items-center">
<span class="sitename"><strong>Hochschule für Technik Stuttgart</strong></span>
</a>
<div class="footer-contact pt-3">
<p>Schellingstr. 24, 70174 Stuttgart</p>
<p>Postfach 101452, 70013 Stuttgart</p>
<p class="mt-3"><strong>Phone:</strong> <span>+49 (0)711 8926 0</span></p>
<p><strong>Email:</strong> <span> knight(at)hft-stuttgart.de</span></p>
</div>
</div>
<!--<div class="col-lg-2 col-6 footer-links ">
</div>-->
<div class="col-lg-5 col-md-12 footer-info ">
<a>
<img src="assets/img/logo2.png" alt=" ">
</a>
</div>
<div class="col-lg-2 col-6 footer-info ">
<a>
<img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt=" ">
</a>
</div>
</div>
</div>
<div class="container copyright text-center mt-4">
<p>© <span>Copyright</span> <strong class="px-1 sitename">HFT Stuttgart</strong> <span>All Rights Reserved</span></p>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you've purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer>
<!-- Scroll Top -->
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/js/bootstrap.min.js"></script>
<!-- Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>
public/index.html
View file @ 9c7316f3
...@@ -126,50 +126,41 @@ ...@@ -126,50 +126,41 @@
} }
.publication-card { .publication-card {
display: flex;
align-items: center;
background: #fff; background: #fff;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 12px; border-radius: 12px;
padding: 12px 16px; padding: 20px;
margin-bottom: 16px; margin-bottom: 20px;
box-shadow: 0 2px 6px rgba(0,0,0,0.08); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
transition: transform 0.2s, box-shadow 0.2s; transition: all 0.3s ease;
} }
.publication-card:hover { .publication-card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
transform: translateY(-3px); transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.publication-card img {
width: 48px;
height: 48px;
object-fit: contain;
margin-right: 16px;
flex-shrink: 0;
} }
.publication-info h4 { .publication-card h4 {
margin: 0 0 4px 0; margin: 0 0 8px 0;
font-size: 1rem; font-size: 1.05rem;
} }
.publication-info h4 a { .publication-card a {
text-decoration: none;
color: #007bff; color: #007bff;
text-decoration: none;
} }
.publication-info h4 a:hover { .publication-card a:hover {
text-decoration: underline; text-decoration: underline;
} }
.publication-info p { .publication-card p {
margin: 0; margin: 0;
font-size: 0.9rem; color: #444;
color: #555; font-size: 0.95rem;
} }
</style> </style>
<!-- ======================================================= <!-- =======================================================
...@@ -417,67 +408,37 @@ ...@@ -417,67 +408,37 @@
<!-- Publikationen --> <!-- Publikationen -->
<!-- Paper 1 --> <!-- Paper 1 -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen"> <div class="col-lg-6">
<div class="publication-card"> <div class="publication-card">
<img src="ausschreibung/img/pado1.PNG" alt="Paper 1">
<div class="publication-info">
<h4><a href="https://doi.org/10.1007/s40593-023-00383-w" target="_blank">Short-Answer Grading for German</a></h4> <h4><a href="https://doi.org/10.1007/s40593-023-00383-w" target="_blank">Short-Answer Grading for German</a></h4>
<p>Padó et al. (2023) – Addressing the Challenges</p> <p><strong>Padó et al. (2023):</strong> Addressing the Challenges</p>
</div>
</div>
<!-- <div class="portfolio-content h-100">
<img src="ausschreibung/img/pado1.PNG" class="img-fluid" alt="Paper 1">
<div class="portfolio-info">
<h4>Paper 1</h4>
<p>Short-Answer Grading for German: Addressing the Challenges</p>
<a href="ausschreibung/img/pado-paper1.PNG" data-gallery="portfolio-gallery-app" class="glightbox preview-link" title="Paper 1"><i class="bi bi-zoom-in"></i></a>
<a href="https://doi.org/10.1007/s40593-023-00383-w" class="details-link" title="Padó et al. (2023)"><i class="bi bi-link-45deg"></i></a>
</div> </div>
</div> </div>
</div> -->
<!-- End Paper 1 -->
<!-- Paper 2 --> <!-- Paper 2 -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen"> <div class="col-lg-6">
<div class="portfolio-content h-100"> <div class="publication-card">
<img src="ausschreibung/img/mudssair1.PNG" class="img-fluid" alt="Paper 2"> <h4><a href="https://doi.org/10.1007/s40593-023-00383-w" target="_blank">KNIGHT Learning Analytics Architecture</a></h4>
<div class="portfolio-info"> <p><strong>Sharif et al. (2023):</strong> Betterment of Student Education</p>
<h4>Paper 2</h4>
<p>KNIGHT Learning Analytics Architecture for Betterment of Student Education</p>
<a href="ausschreibung/img/mudssair-paper1.PNG" data-gallery="portfolio-gallery-app" class="glightbox preview-link" title="Paper 2"><i class="bi bi-zoom-in"></i></a>
<a href="https://doi.org/10.1007/s40593-023-00383-w" class="details-link" title="Sharif et al. (2023)"><i class="bi bi-link-45deg"></i></a>
</div>
</div> </div>
</div> </div>
<!-- End Paper 2 -->
<!-- Paper 3 --> <!-- Paper 3 -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen"> <div class="col-lg-6">
<div class="portfolio-content h-100"> <div class="publication-card">
<img src="ausschreibung/img/bhavar1.PNG" class="img-fluid" alt="Paper 3"> <h4><a href="https://www.dpublication.com/wp-content/uploads/2023/11/50-3909.pdf" target="_blank">Enhancing Personalized Learning</a></h4>
<div class="portfolio-info"> <p><strong>Bhavasar et al. (2023):</strong> Multi-Modal Learning Analytics Dashboards</p>
<h4>Paper 3</h4>
<p>Enhancing Personalized Learning Experiences: Leveraging Multi-Modal Learning Analytics Dashboards</p>
<a href="ausschreibung/img/bhavar1.PNG" data-gallery="portfolio-gallery-app" class="glightbox preview-link" title="Paper 3"><i class="bi bi-zoom-in"></i></a>
<a href="https://www.dpublication.com/wp-content/uploads/2023/11/50-3909.pdf" class="details-link" title="Bhavasar et al. (2023)"><i class="bi bi-link-45deg"></i></a>
</div>
</div> </div>
</div> </div>
<!-- End Paper 3 -->
<!-- Paper 4--> <!-- Paper 4 -->
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-publikationen"> <div class="col-lg-6">
<div class="portfolio-content h-100"> <div class="publication-card">
<img src="ausschreibung/img/arfeli1.PNG" class="img-fluid" alt="Paper 4"> <h4><a href="https://link.springer.com/chapter/10.1007/978-3-031-71530-3_7" target="_blank">AI Competence Matrix for Universities</a></h4>
<div class="portfolio-info"> <p><strong>Arfeli et al. (2024):</strong> Development for AI Teaching</p>
<h4>Paper 4</h4>
<p>Development of an AI Competence Matrix for AI Teaching at Universities</p>
<a href="ausschreibung/img/arfeli1.PNG" data-gallery="portfolio-gallery-app" class="glightbox preview-link" title="Paper 4"><i class="bi bi-zoom-in"></i></a>
<a href="https://link.springer.com/chapter/10.1007/978-3-031-71530-3_7" class="details-link" title="Arfeli et al. (2024)"><i class="bi bi-link-45deg"></i></a>
</div>
</div> </div>
</div> </div>
<!-- End Paper 4 --> </div>
<!-- End Publikation --> <!-- End Publikation -->
<!-- Beispiel: Sonstiges --> <!-- Beispiel: Sonstiges -->
......
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