Avatar der/des Verantwortlichen

Web Technologien edit

Modulverantwortlich Prof. Christian Noss
Dozent:innen Prof. Christian Noss
Kürzel WEBT
Sprache deutsch
Level Schwerpunkt
Kreditpunkte 6
Voraussetzungen nach Prüfungsordnung keine
Empfohlene Voraussetzungen siehe Abschnitt «Voraussetzungen»
Prüfungsformen Lernportfolio und Mündliche Prüfung
Prüfer:innen Prof. Christian Noss, Prof. Dr. Stefan Bente
Prüfungszeitpunkt Außerhalb der Prüfungswochen
Häufigkeit des Angebots jedes Sommersemester
Verwendung des Moduls in weiteren Studiengängen Digital Sciences PO1, Medieninformatik PO4
Letzte Aktualisierung 10. Juni 2026

Learning Outcomes

In Modul werden fortgeschrittene Herangehensweisen, Technologien, Konzepte und Implementierungsansätze im Kontext Web-basierter Anwendungen behandelt.

Die Studierenden können aus verschiedenen Technologien, Implementierungskonzepten und -methoden, sowie Frameworks und Best-Practices sowohl auswählen, als auch die getroffene Auswahl fachlich begründen und dokumentieren, indem sie in einem mit laufenden Projekt auf Featurerequests reagieren, um eine Web-basierte Anwendung möglichst nachhaltig und umsichtig entwickeln zu können.

Die Studierenden sind in der Lage, neue Technologien und Strömungen im Kontext des Webs zu erkennen und anderen diese näher zu bringen, indem sie Drafts, Proposals und Reviews im Gegenstandsbereich recherchieren, durchdringen, bewerten und einordnen und einen Workshop dazu entwickeln und diesen durchführen, um die Zukunftsfähigkeit der eigenen Skills, des Teams und des Projekts sicher zu stellen.

Inhalt

Methoden

Seminar 2 SWS, Workshop 2 SWS

Zur Verfügung gestelltes Lehrmaterial

Folien, Website, begleitenes Projekt

Literatur

Wird im Rahmen des Moduls erarbeitet.

Sonstiges

Voraussetzungen

Um an diesem Modul erfolgreich teilnehmen zu können sind einschlägige Kenntnisse, Fertigkeiten und Erfahrungen im Bereich Web-Technologien und Web-Development erforderlich. Eine Orientierung bietet hier die Web Developer Roadmap von Kamran Ahmed. Enntsprechend der Empfehlung «Required for any path» sollten Sie gut Kenntnisse und Fähigkeiten haben in:

Im Bereich Frontend Development sollten Sie mit folgenden Themen und Techniken vertraut sein:

Im Bereich Backend Development sollten Sie mit folgenden Themen und Techniken vertraut sein:

Geförderter Kompetenzerwerb

Das Modul zahlt auf folgende Handlungsfelder und Kompetenzbereiche ein. Eine ausführliche Beschreibung der konkreten Komptenzen finden Sie weiter unten.

Designing for User Experiences

Developing Interactive and Distributed Systems

Exploring Advanced Interactive Media

Driving Creation Process

Enhancing Interactions on Different Scales

Designing for User Experiences

  • Anforderungen und Bedarfe

    • Können Nutzungs- und Unternehmenskontexte analysieren und deren Auswirkungen auf Medienwahl und -ausgestaltung erörtern.

  • Konzepte

    • Haben ein ausgeprägtes konzeptionelles Denkvermögen entwickelt, um komplexe Probleme zu analysieren, innovative Lösungsansätze zu konzipieren und diese in verständliche und erfahrbare Konzepte zu überführen.

    • Können multimodale/ multicodale Interaktionskonzepte unter Berücksichtigung von Benutzercharakteristika, avisierten Nutzungskontexten, ggf. regulatorischer Rahmenbedingungen (z.B. Accessibility), Designzielsetzungen etc. erarbeiten.

    • Kennen Grundlagen des Interaktionsdesigns wie Modellierung von Benutzerflüssen, Erstellung von Wireframes und Prototypen, etc. und können diese in konkreten Projekten anwenden.

    • Können angemessene Informationsarchitekturen entwicklen, evaluieren, iterieren und optimieren.

  • Gestaltung

    • Haben ein gutes Verständnis für visuelles Design: Farbe, Typografie, Layout, visuelle Hierarchisierung, Designsysteme etc.

    • Können visuelle Darstellung und Präsentation komplexer Daten und Informationen für verschiedene Zielgruppen konzipieren und erstellen.

    • Verfügen über Kenntnisse in der Gestaltung und Umsetzung barrierefreier und inklusiver Interaktionen, Systeme und Medienprodukte.

    • Verstehen narrative Strukturen und können diese in unterschiedlichen Medien und Kontexten zum Storytelling einsetzen.

Developing Interactive and Distributed Systems

  • Technologie

    • Kennen State-of-the-art Technologie zur Umsetzung von software-basierten Anwendungen (insb. in den Bereichen Web, Mobile, IoT, AR/VR, AI), können konkurrierende alternative Technologien auswählen und evaluieren, sich neue technologische Möglichkeiten erschließen, diese bewerten, nutzen, und integrieren sowie zukunftsorientiert neue Möglichkeiten screenen.

    • Wissen wie Kommunikation zwischen Computern realisiert wird (bspw. req/res, pub/sub und Protokolle wie HTTP, MQTT).

    • Wissen was ein Computer ist und wie Software darauf ausgeführt wird.

  • Entwurf

    • Verstehen formale Strukturen.

    • Können abstrahieren, logisch denken und komplexe Zusammenhänge verstehen.

    • Können Aspekte realweltlicher Probleme zu identifizieren, die für eine informatische Modellierung geeignet sind, algorithmische Lösungen für diese (Teil-)Probleme bewerten und selbst so zu entwickeln, dass diese Lösungen mit einem Computer operationalisiert werden können.

    • Konzepte (bspw. Paradigmen, Architekturen, Pattern) für die web-basierte Verteilung von Komponenten (bspw. Frontend/Clients/Apps, Backend/Server/Cloud) für verteilte interaktive Anwendungen kennen und umsetzen können.

  • Implementierung

    • Kennen Entwicklungsumgebungen, Tools und entwicklungsnahe Prozesse und diese praktisch nutzen (insb. IDE, Compiler, Linker, Libraries, Debugging, Unit-Testing, Repositories für eigenen Code / git, Build Tools, Paketmanager).

    • Können (komplexe) Softwaresysteme im Team entwickeln.

    • Kennen Grundkonzepte agiler Entwicklung und agilen Arbeitens wie iterative und inkrementelle Entwicklung, selbstorganisierte Teams, Transparente Kommunikation, etc. und können diese in Projekten anwenden.

    • Können digitale Produkte und verschiedene Software-Artefakte zur Evaluation und zur Nutzung auf typischen Distributionswegen (bspw. Clickdummy, Web-Deployment, App Store) für verschiedene Zielgruppen bereit stellen (lauffähig, sicher und gebrauchstauglich).

Driving Creation Process

  • Innovation

    • Haben die Fähigkeit zur Förderung von Kreativität und Innovation: Schaffen einer unterstützenden Umgebung, das Einbringen Kreativitätstechniken, etc.

    • Marktbedürfnisse verstehen: Haben Grundkenntnisse in den Bereichen Zielgruppenanalyse, Marktforschung, Trendanalyse und Positionierung.

    • Können Prozesse zur Herstellung digitaler Produkte und Services managen und diese als Artefakte zur Nutzung durch Dritte in ein Ökosystem bereitstellen.

    • Haben ein grundlegendes Verständnis wirtschaftlicher Aspekte, wie Budgetierung, Rentabilität und Geschäftsmodelle, etc

  • Management

    • Können erkennen, welche Kompetenzen zur Lösung eines Problems erforderlich sind.

  • Kommunikation

    • Können Ideen vermitteln, sich über Anforderungen verständigen, Feedback einholen und mit verschiedenen Interessengruppen zu interagieren und verhandeln.

    • Können effektive und transparente Kommunikation und Zusammenarbeit fördern, Konflikte erkennen, analysieren und lösen.

    • Sind in der Lage Arbeits- und Forschungsergebnisse klar und verständlich in aussagekräftigen, zielgruppengerechten Berichten, Präsentationen o.Ä. zu kommunizieren.

    • Haben die Fähigkeit effektiv in multidisziplinären Teams zu arbeiten und die verschiedenen Fachperspektiven und -sprachen zu verstehen.

Exploring Advanced Interactive Media

  • Medien

    • Verfügen über tiefe Kenntnisse im Bereich Interaktionsdesign: z.B. multimodaler Interaktion, gestenbasiertem Design, taktilem Feedback, Berührungsschnittstellen oder natürlicher sowie greifbarer Benutzungsschnittstellen.

  • Exploration & Kreativität

    • Können neue und unkonventionelle Ideen generieren, diese (systematisch) variieren und weiter entwickeln.

    • Können Ansätze, Denk- und Vorgehensweisen aus verschiedenen Fachrichtungen nutzen, kombinieren und einsetzen um neue Ideen und Lösungen zu erzeugen.

    • Haben eine offene Fehlerkultur in der Fehler nicht als Endpunkt betrachtet, sondern als Teil des Lernprozesses verstanden und genutzt werden, um Prozesse zu verbessern, zukünftige Fehler zu vermeiden und exploratives Handeln zu fördern.

    • Haben die Fähigkeit zur Selbstreflexion um Handlungen und Entscheidungen evaluieren und iterieren zu können.

    • Sind neugierig, offen und in der Lage Fragen zu stellen, Unbekanntes zu erkunden und verschiedene Perspektiven zu berücksichtigen.

Enhancing Interactions on Different Scales

  • Analyse, Studien und Experimente

    • Sind erfahren und geübt Kooperation und Umgang mit Stakeholdern und zukünftigen Nutzer:innen.

  • Situated Interaction

    • Können technologische Aspekte, die bei der Implementierung situierter Interaktion eine Rolle spielen, berücksichtigen, dies beinhaltet Kenntnisse über Sensortechnologien, Datenverarbeitung, maschinelles Lernen und die Integration von Software in physische Umgebungen.

  • Selbstlernen

    • Können wissenschaftlich Arbeiten und Schreiben.

    • Können sich selbstständig neue Wissens- und Kompetenzbereiche zu Methoden, Technologien oder Domänen erschließen.

Weitere Kompetenzen, die für dieses Modul erforderlich sind oder durch das Modul ausgebildet werden.

    • Können andere in neue Bereiche und Technologien einführen und trainieren.

    • Können neue Bereiche und Technologien sichten, bewerten und bei Bedarf nutzbar machen.

In der linken Spalte sehen Sie, welche Kompetenzen für das Modul vorausgesetzt werden (hellgrauer Balken). In der rechten Spalte sehen Sie, welche Kompetenzen Sie mit dem Modul erwerben können (farbiger Balken). Die Kompetenzen sind in Handlungsfelder und Bereiche gegliedert.

Wenn Sie auf den grauen oder farbigen Balken klicken, gelangen Sie zu einer Liste von Modulen, die auf diese Kompetenz einzahlen. Hier finden die eine Übersicht über alle Kompetenzen und die Module, die auf diese einzahlen.

arrow_upward