diff --git a/public/learning-analytics.html b/public/learning-analytics.html index 6b18351147dac8ee54e5435c718bb94a0997f5f4..0347f13b7194012995ccec2d9a0d154a90c5d503 100644 --- a/public/learning-analytics.html +++ b/public/learning-analytics.html @@ -84,6 +84,94 @@ </script> </head> <body> -<!-- CONTENT OMITTED FOR BREVITY --> + <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"> + <ul> + <!--<li><a href="index.html#hero" class="active">Home<br></a></li>--> + <li><a href="index.html#about" aria-label="Mehr über das Projekt erfahren">Ü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> + </div> + </header> + + <main> + + <section class="hero-section d-flex align-items-center" style="background: #003366; color: white; padding: 60px 0;"> + <div class="container text-center"> + <h1 style="font-size: 2.5rem;">Learning Analytics Infrastruktur</h1> + <p class="lead">Personalisierte Lernunterstützung durch datengestützte Analyse und Feedbacksysteme</p> + </div> + </section> + + <section class="container content-section"> + + <h1>Learning Analytics Infrastruktur</h1> + + <h2>Inhaltsverzeichnis</h2> + <ul> + <li><a href="#ziel">Ziel des Arbeitspakets</a></li> + <li><a href="#datenfluss">Datenfluss und Systemarchitektur</a></li> + <li><a href="#modell">Feedbackmodell</a></li> + <li><a href="#interaktive-elemente">Interaktive Elemente</a></li> + <li><a href="#feedbacktypen">Feedbacktypen</a></li> + <li><a href="#einsatz">Einsatz & Evaluation</a></li> + </ul> + + </section> + + <section class="container content-section"> + <h2 id="ziel">Ziel des Arbeitspakets</h2> + <p>In diesem Arbeitspaket wird eine Infrastruktur aufgebaut, die datenbasierte Rückmeldungen zur Lernaktivität ermöglicht …</p> + + <h2 id="datenfluss">Datenfluss und Systemarchitektur</h2> + <p>Die Systemarchitektur basiert auf …</p> + + <h2 id="modell">Feedbackmodell</h2> + <p>Das zugrunde liegende Modell basiert auf …</p> + + <h2 id="interaktive-elemente">Interaktive Elemente</h2> + <div class="interactive-element">Klicke für mehr Informationen</div> + <div class="interactive-content">Hier erscheinen weitere Informationen zum Element …</div> + + <h2 id="feedbacktypen">Feedbacktypen</h2> + <div class="feedback-types"> + <ul> + <li>Leistungsbezogenes Feedback</li> + <li>Prozessbezogenes Feedback</li> + <li>Selbstregulierendes Feedback</li> + </ul> + </div> + + <h2 id="einsatz">Einsatz & Evaluation</h2> + <p>Die Evaluation erfolgt in realen Lernsettings, unter anderem in …</p> + </section> + + + </main> + + <footer id="footer" class="footer"> + <div class="container"> + <p>Zurück zur <a href="index.html">Startseite</a></p> + <p>© 2024 KNIGHT Project. All rights reserved.</p> + </div> + </footer> + + <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> + + <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> + <script src="assets/vendor/aos/aos.js"></script> + <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> + <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> + <script src="assets/js/main.js"></script> </body> </html>