Einheit 08

Präsentation Assignment 2

Präsentation der interaktiven DH-Daten-Explorer. Jede Präsentation dauert 7 Minuten, gefolgt von 3 Minuten Feedback und Diskussion. Anschließend besprechen wir die Planung für das Abschlussprojekt (Assignment 3).

Ablauf der Einheit

19. Mai 2026 — 09:15 bis 11:30 Uhr

Begrüßung & Reihenfolge

Organisatorisches und Ablauf klären.

Präsentationen (je 7 + 3 Min.)

Live-Demo des Daten-Explorers: Daten laden, filtern, sortieren, Detailansicht zeigen. Erklärung des JavaScript-Codes und der LLM-Nutzung.

Peer-Feedback & Diskussion

Konstruktives Feedback zu Funktionalität, Code-Qualität und UX.

Ausblick: Assignment 3

Hinweise zum Abschlussprojekt. Was baut auf Assignment 2 auf? Welche Erweiterungen sind möglich?

Präsentationsrichtlinien

Format

Dauer: 7 Minuten pro Person
Inhalt: Live-Demo im Browser + kurze Code-Erklärung
Fokus: Datenverarbeitung, Interaktivität, Agentic-Coding-Workflow

Deine Präsentation sollte abdecken:

Datensatz: Welche Daten verwendest du? Woher stammen sie? Welches Format?
Funktionalität: Live zeigen: Laden, Anzeigen, Filtern, Sortieren, Detailansicht.
Code-Walkthrough: Zeige eine zentrale JavaScript-Funktion (z.B. die Filterfunktion) und erkläre sie.
Fehlerbehandlung: Was passiert, wenn Daten nicht laden?
Agentic Coding: Zeige einen konkreten Prompt-Dialog, der gut funktioniert hat. Zeige einen, der Probleme machte.
Lessons Learned: Was hast du über JavaScript gelernt?

Bewertungsrubrik

JavaScript-Qualität (Variablen, Funktionen, DOM) 25 Punkte

Datenverarbeitung (Laden, Parsen, Anzeigen) 20 Punkte

Interaktivität (Filter, Suche, Sortierung) 20 Punkte

UI/UX-Design 10 Punkte

LLM-Reflexion (800–1200 Wörter) 15 Punkte

Präsentation (7 Minuten) 10 Punkte

Gesamt 100 Punkte

Peer-Feedback Leitfragen

Funktioniert die Datenlade-Funktion zuverlässig?
Sind die Filter- und Sortierfunktionen intuitiv bedienbar?
Ist der Code lesbar und gut strukturiert?
Reagiert die Anwendung auf Fehler (z.B. leere Suche, keine Ergebnisse)?
Welche Erweiterung würdest du vorschlagen?

Hinweise zum Abschlussprojekt (Assignment 3)

Nächster Schritt

Assignment 3 baut auf den Ergebnissen aus Assignment 1 und 2 auf. Überlege dir schon jetzt:

Welche zwei Datenquellen möchtest du kombinieren?
Welche Visualisierung passt zu deinen Daten? (Karte, Zeitleiste, Diagramm)
Erstelle eine CLAUDE.md-Datei für dein Projekt.

Abgabe: 22. Juni 2026 | Präsentation: 23. Juni 2026