Web Development & Web Architectures - WS 2026

Lehrbeauftragter:
Hoai Viet Nguyen
Ilias-Kurs:
https://www.ilias.fh-dortmund.de/ilias/go/crs/1689505

Die Lehrveranstaltung wird als Flipped Classroom angeboten. Die theoretsichen und praktischen Grundlagen werden in Videos vermittelt. Basierend auf diesen Grundlagen soll in den Lehrveranstaltungen eine Webanwendung entwickelt werden, deren Szenario vorgegeben wird. Die vier Präsenzveranstaltungen dienen dabei, den Studierenden bei der Implementierung der Webanwendung zu unterstützen. Das konkrete Szenarie der Webanwendung wird in der ersten Lehrveranstaltungen bekannt gegeben. Zu jedem Workshop gibt es definierte Abgaben, die in einem Fachgespräch überprüft werden.

Wichtige Informationen für die Lehrveranstaltungen

  • Bringen Sie bitte zu den Lehrveranstaltungen Ihren eigenen Rechner mit. Eine Teilnahme ohne Rechner ist nur schwer möglich.
  • Stellen Sie sicher, dass eine integrierte Entwicklungsumgebung für Java-basierte Anwendungen installiert ist. Wir empfehlen Ihnen IntelliJ Idea (Ultimate Edition). Diese Version können Sie über die Hochschule-Email kostenlos erwerben.
  • Stellen Sie sicher, dass Docker Desktop auf Ihrem Rechner installiert ist

Weitere Informationen zum Ablauf der Lehrveranstaltung gibt es im ersten Workshop am 26. September 2026 um 9 Uhr im Raum 3.217, TH Köln (Campus Gummersbach).

Der Link zu Folien und die jeweiligen Branches der Codebeispiele finden Sie direkt unter den Videos

Workshop-Termine

  • Workshop 1: 26. September 2026 ab 9 bis 16 Uhr im Raum 3.217, TH Köln (Campus Gummersbach)
  • Workshop 2: 10. Oktober 2026 ab 9 bis 16 Uhr im Raum A.2.03, FH Dortmund
  • Workshop 3: 7. November 2025 ab 9 bis 16 Uhr im Raum 3.217, TH Köln (Campus Gummersbach)
  • Workshop 4: 21. November 2025 ab 9 bis 16 Uhr im Raum A.2.03, FH Dortmund

Problemszenario

In den Workshop soll die Anwendung Movienight implementiert werden. Mit Hilfe dieser Anwendung können Nutzende Filmabende erstellen und Teilnehmer:innen einladen.

Das Klassendiagramm und die folgenden Wireframes dienen als Orientierung für die technische Umsetzung

Klassendiagramm

Klassendiagramm der Filmabend-Anwendung

Wireframes

Dashboard
Filmdetails

Filmabend planen
Filmabend bearbeiten

Teilnehmerliste
Teilnehmer hinzufügen