Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:m287:learningunits:lu00:lb02-projektauftrag [2025/05/23 06:03] – kdemirci
+++ modul:m287:learningunits:lu00:lb02-projektauftrag [2025/05/23 08:21] (aktuell) – kdemirci
@@ Zeile 1: / Zeile 1: @@
-====== LU00e - LB02 Projektarbeit [TBD] ======
+====== LU00f - LB02 Projektarbeit ======
 ===== Ziel =====
 Sie gestalten eine eigene, vollständig responsive Webseite zum vorgegebenen Thema. Es geht darum, Bootstrap sowie eigene CSS-Anpassungen gezielt anzuwenden.
-===== Inhalt =====
+===== Auftrag =====
-**Konzept**
+Nachfolgend finden Sie eine Reihe von Projektbeschreibungen. Bearbeiten Sie das Ihnen zugewiesene Projekt, d.h. programmieren Sie eine Webseite und präsentieren Ihre Resultate am Ende des Moduls als Videocast von ca. 5 Minuten Länge.
+===== Inhalt =====
+^ Titel ^ Bewertung ^ Beschreibung ^
+| **Konzept** | 15% | <WRAP>
   * Sitemap
   * Skizzen / Designentwurf
-  * Farbgestaltung
+  * Farbkonzept
+</WRAP> |
-**Realisierung**
+| **Realisierung** | 45% | <WRAP>
-  * Responsive Umsetzung mit Bootstrap gemäss Konzept
+  * Responsives Layout für Mobile, Tablet und Desktop (Grid-System von Bootstrap oder CSS Grid korrekt anwenden)
+  * Umsetzung mit Bootstrap Komponenten (z.B. Navbar, Cards, Buttons)
-**Qualitätssicherung**
+  * Anpassung des Designs mit CSS
-  * Überprüfung mit div. online Tools wie z.B. [[https://validator.w3.org/|W3 HTML Validator]] oder [[https://jigsaw.w3.org/css-validator/|W3 CSS Validator]]
+  * Verwendung von mindestens 2 unterschiedliche Medientypen (z.B. Bilder, Videos, Audio)
-  * Überprüfung der verschiedenen Screengrössen für responsives Verhalten
+</WRAP> |
-  * Überprüfung des Endprodukts mit Konzept
+| **Qualitätssicherung** | 20% | <WRAP>
-  * Überprüfung mittels Testprotokoll
+  * HTML/CSS-Validierung ([[https://validator.w3.org/|W3 HTML Validator]] und [[https://jigsaw.w3.org/css-validator/|W3 CSS Validator]])
+  * Responsives Verhalten prüfen
-**Präsentation & Reflexion**
+  * Abgleich mit Konzept
+  * Testprotokoll führen
+</WRAP>  |
+| **Präsentation & Reflexion als Videocast** | 20% | <WRAP>
   * Zielsetzung
   * Konzept
-  * Demo (keine Live-Demo!)
+  * Demo
+    * Navigation
+    * Responsives Layout
+    * Inhalt
     * Besondere Funktionen
     * Multimedia-Elemente
   * Reflexion
+</WRAP> |
-===== Bewertung =====
+===== Abgabe - Zu liefernden Lernprodukte =====
-^ Titel ^ Bewertung ^ Beschreibung ^
+Das Projekt ist als ein ZIP-File in Moodle abzugeben. In diesem ZIP-File sind die nachfolgenden Ordner und Daten enthalten:
-| Konzept | 15% | Erstellung des Sitemaps mit Grobinhalt für verschiedene Seiten\\ Skizzen / Entwurf für diverse Seiten\\ Farbkonzept |
-| Realisierung | 45% | Responsives Layout für Mobile, Tablet und Desktop (Grid-System von Bootstrap oder CSS Grid korrekt anwenden)\\ Umsetzung mit Bootstrap Komponenten (z.B. Navbar, Cards, Buttons)\\ Anpassung des Designs mit CSS\\ Verwendung von mindestens 2 unterschiedliche Medientypen (z.B. Bilder, Videos, Audio) |
+  * Konzept
-| Qualitätssicherung | 20% | Saubere, korrekte und gut strukturierte HTML/CSS-Dateien\\ Umsetzung basierend auf Konzept |
+  * Webseite
-| Präsentation & Reflexion | 20% | Einführung und Vorstellung des Projekts (Titel, Zielsetzung, Konzept mit Skizzen und Entwürfen)\\ Website-Übersicht (Navigation, responsives Layout, Inhalte, Besondere Funktionen, Multimedia-Elemente)\\ Reflexion der Umsetzung (Herausforderungen und Lessons learned) |
+  * Qualitätssicherung
+  * Videocast
+----
+[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Kamil Demirci