WEBDESIGN & DEVELOPMENT

WEB DEVELOPMENT BACHELOR

PROGRAMME
Level 4 Module

In den Level 4 Modulen werden dir die spezifischen Grundlagen des Fachbereichs vermittelt.
Diese Module sind Teil des SAE Diplomas.

4FSC0WD001 - Web Design Fundamentals (15ECTS)

In diesem Modul erlangst du ein Verständnis für Designkonzepte, wie z.B. Layout, Bildgestaltung
und Farblehre, so dass du anschließend ansprechende Designprototypen gestalten kannst. Du
erweiterst dein Wissen um Webtypografie und um die Aspekte des responsiven Designs, damit
deine Entwürfe auf verschiedenen Bildschirmgrößen gut zur Geltung kommen. Du erlernst pixel-
und vektorbasierte Bildbearbeitung und -erstellung und kannst am Ende deine eigenen Logos und
Designs entwerfen.

Lehrinhalte

• Designgrundlagen
• Designprinzipien und Designelemente
• Layout und Bildgestaltung; Farblehre
• Web Typographie; Web Design Grundlagen
• Responsives Design
• Wahl und Einsatz von Layouts
• Responsives Design und Entwicklung
• Designprozess
• Grundlagen Bildbearbeitung (pixel- und vektorbasiert)
• Web Prototyping
• Einführung in benutzerorientiertes Design
• Wissenschaftliches Arbeiten und Präsentationstechniken
• Grundlagen Urheberrecht
• Servertechnik und -administration

4FSC0WD002 - Web Development Basics (15ECTS)

In diesem Modul überführst du deine Design-Kenntnisse aus dem ersten Modul in eine funktionale
Webseite. Du lernst HTML und CSS, um strukturierte und ästhetisch ansprechende Webseiten zu
erstellen. Darüber hinaus setzt Du dich mit dem Document Object Model (DOM) auseinander und
erfährst, wie du damit dynamische Inhalte auf deinen Webseiten integrieren kannst. Du optimierst
deine Webseite hinsichtlich barrierefreier Nutzung und gestaltest sie responsiv, damit sie auf
verschiedenen Endgeräten optimal dargestellt wird. Mit Hilfe von weiterführenden CSS-Selektoren
und CSS-Animationen lässt du deine Webseite noch lebendiger aussehen.

Lerninhalte
• Einführung in die Geschichte des Internets und in Webtechnologien
• Einführung in HTML und CSS
• Einführung in das Document Object Model (DOM)
• Designprinzipien und Designelemente
• Einführung in weiterführende CSS-Selektoren
• Einführung in CSS-Animationen
• Grundlagen Webseitenlayout und responsives Design
• Barrierefreiheit im Web
• Einführung in die Grundlagen der Programmierung
• Zeitmanagement

4FSC0WD003 - Front-end Fundamentals (15ECTS)

In diesem Modul lernst du die Skriptsprache JavaScript, um interaktive und dynamische

Benutzeroberflächen zu erstellen. Du manipulierst das Document Object Model (DOM), um auf die
Inhalte deiner Webseite zuzugreifen und sie zu verändern. Du richtest eine asynchrone
Kommunikation mit APIs von Drittanbietern ein und bindest deren Daten dynamisch in deine
Anwendungen mit ein. Mit Hilfe von JavaScript-Animationen und Mikrointeraktionen gestaltest du
deine Benutzeroberfläche ansprechender und interaktiver. Hierbei benutzt du ein
Versionskontrollsystem, um deine Änderungen nachvollziehbar zu halten.

Lerninhalte
• Einführung in die Skriptsprache JavaScript (Front-End)
• DOM Manipulation
• Asynchrone Kommunikation mit APIs von Drittanbietern und Datenmanipulation
• Paketmanager, Module-Builder und Task-Starter
• Animationen und Mikrointeraktionen mit Javascript
• Versionierung
• Projektkonzeptionierung

4FSC0WD004 - Back-end Fundamentals (15ECTS)

In diesem Modul lernst du die Skriptsprache PHP mit deren Hilfe du das Backend eines
Webservers programmieren kannst. Du erstellst serverseitige Anwendungen die im Hintergrund
Prozesse übernehmen und deren Ergebnisse auf deiner Webseite ausgeben. Du setzt deine
eigene Datenbank ein, um Informationen strukturiert und effizient zu speichern und zu verwalten.
Daraus resultiert ein erstes einfaches Content Management System für deine Webseite.

Lerninhalte
• Einführung in Back-End Skriptsprachen
• URL-Weiterleitungen und -Manipulation
• Design-Patterns (Objektorientierte Programmierung)
• Design und Verwaltung von Datenbanken
• Einführung in Webserver
• Aufbau von APIs und Datenmanipulation
• Fernwartung
• Content Management und dafür erforderliche Interfaces
• Präsentationstechnik

Level 5 Module

Im Level 5 bringst du die in Level 4 erlernten Grundlagen in Zusammenhang mit

industrierelevanten Arbeitsabläufen und komplexeren Projekten. Weiterhin wirfst du einen Blick
auf den Aspekt der fachbereichsübergreifenden Zusammenarbeit und auf marktwirtschaftliche
Aspekte. Diese Module sind Teil des SAE Diplomas und des SAE Advanced Diplomas.

5FSC0XD101_W - Creative Studio 1: Industry Workflows (30ECTS)

In diesem Modul tauchst du tiefer in die Welt der Medienproduktion ein und erkundest
industrierelevante Arbeitsabläufe sowie komplexe Produktionstechniken unter Einsatz spezifischer
Software. Zu Beginn befasst du dich mit der Produktionsplanung für deine eigene Web
Applikation. Du erhältst eine Einführung in das serverseitige PHP-Framework Laravel und lernst
erweiterte Typisierungen in JavaScript (TypeScript) kennen. Des Weiteren beschäftigst du dich
intensiv mit dem clientseitigen JavaScript-Framework React und lernst, wie ein Client an eine
REST API inklusive Authentifizierung angebunden wird. Unit Testing und Usability Testing helfen
dabei, die Qualität deiner Anwendungen sicherzustellen, das Benutzererlebnis zu optimieren und
eine erfolgreiche Web-Applikation zu realisieren.

Lerninhalte
• Produktionsplanung
• Industrierelevante Arbeitsabläufe
• Komplexe Produktionstechniken unter Zuhilfenahme bestimmter Hard- und Software
• Finalisierung von Medienprojekten
• Feedback geben, empfangen und aus Feedback lernen
• Reflexive und kritische Analyse
• Kulturelle Aspekte
• Stile und Genres
• Referenzrecherche

Spezialisierte Inhalte in diesem Modul im Bereich Web Design & Development sind:
• Planung und Umsetzung einer Web-Application
• Einführung in das serverseitige PHP Framework Laravel
• Erweiterte Typisierung in JavaScript (TypeScript)
• Einführung in das clientseitige JavaScript Framework React
• Anbindung eines Clients an eine REST API inklusive Authentifizierung
• Unit Testing
• Usability Testing

Mögliche Projekte in diesem Modul im Bereich Web Design & Development sind:
• Umsetzung eines eigenen Projekts für einen fiktiven Kunden bzw. Auftraggeber unter Vorgabe
der zu verwendenden Scriptsprachen

5FSC0XD003 - Collaborative Media Project (15ECTS)

In diesem Modul steht die Arbeit im Team im Vordergrund. Du erstellst ein persönliches
Kompetenzprofil über deine bisherigen Hard- und Softskills und gehst dann mit anderen
Studierenden dieses Moduls in ein Team. Die genaue Zusammensetzung des Teams hängt von
der Art des Projekts ab, das ihr umsetzen wollt. Im Team einigt ihr euch auf gemeinsam genutzte
Tools, Workflows und Kommunikationswege und entwickelt gemeinsam einen Projektplan. In
regelmäßigen Treffen mit einem Betreuer werden verschiedene Aspekte der Teamarbeit
besprochen, während ihr gleichzeitig an eurem Projekt arbeitet. Am Ende des Moduls evaluiert ihr
euer Projekt und ergänzt eure Kompetenzprofile.
Wird das Modul nach dem SAE Diploma-Abschluss belegt, dann wird es mit dem Modul
5FSC0XD004 kombiniert, sodass das Teamprojekt auch kalkuliert und mit Marketingmaterial
versehen wird.
5FSC0XD004 - Business, Marketing & Publication (15ECTS)

In diesem Modul lernst du über den Rand deines Fachbereichs in den Bereich Finanzierung,
Vermarktung und Vertrieb zu blicken - insgesamt also betriebswirtschaftlicher zu denken. Als
Team wird eine visionäre Idee für ein Medienprodukt oder eine Dienstleistung entwickelt, wobei für
die Teammitglieder Rollen, Rahmenbedingungen und Gehaltsvorstellungen definiert werden. Ihr
kalkuliert die möglichen Kosten eures Produkts oder eurer Dienstleistung und erstellt ein Angebot
für einen Kunden. Weiterhin recherchiert ihr mögliche Zielgruppen, um eure Idee an den Markt
anzupassen und passende Werbemaßnahmen erstellen zu können. Im Team gestaltet ihr ein
Branding und eine Vielzahl von crossmedialem Marketingmaterial. Darüber hinaus recherchiert ihr
mögliche Vertriebswege und bereitet euer Produkt marketingtechnisch für einen Vertriebsweg vor.

Level 6 Module

Im Level 6 erstellst du dein eigenes Kreativprojekt und arbeitest als Produzent selbstständig an
der Realisierung deiner eigenen kreativen Ideen. Ab diesen Modulen wird in Kooperation mit der
Partneruniversität studiert.

6FSC1XD001 - Research and Professional Development in Creative Media (15ECTS)

In diesem Modul konzipierst du deine Bachelor-Abschlussarbeit, indem du eine Idee entwickelst,
die persönliche und berufliche Interessen sowie Kreativität zusammenbringt. Du gewinnst eintiefes
Verständnis für deinen Interessensbereich, indem du gängige Vorgehensweisen,
Veröffentlichungen, technische Workflows und Referenzen recherchierst, präsentierst und
diskutierst. Schrittweise erstellst du eine Planung (Proposal) für deine Abschlussarbeit,
transformierst eine anfängliche Idee in einen Plan mit konkreten Zielsetzungen, einer geeigneten
Vorgehensweise und einem Projektplan. Am Modulende hast du eine klare Vorstellung vondeinem
Projekt und eine Umsetzungsstrategie für deine Bachelor-Abschlussarbeit.

Weitere Inhalte:
• Annotated Bibliography
• Inhaltliche und technische Aspekte aus dem Fachbereich
• Iterative Prozesse
• Evaluationsmethoden
• Projektplanung

6FSC1XD002 - Advanced Specialized Project (15ECTS)

In diesem Modul geht es um deine selbstständige Weiterentwicklung in einem selbst gewählten

Spezialgebiet deines Fachbereichs. Du erstellst eine Analyse deines Lernbedarfs und formulierst
einen Lernplan. Dieser beinhaltet ein Projekt anhand dessen deine Lernziele erreicht werden. Dein
Lernerfolg wird in mehreren Zwischenterminen kontrolliert und mit Feedback versehen. Du kannst
in diesem Modul Lücken schließen und neue Techniken erlernen, die du beispielsweise für deine
Abschlussarbeit benötigst. Du kannst aber auch ein Spezialgebiet erlernen, das du schon immer
mal ausprobieren wolltest. Am Ende des Moduls erstellst du ein E-Learning, in dem du einen Teil
deines Lernerfolgs für andere anschaulich zugänglich machst.

Weitere Inhalte:
• Eigenbeurteilung und Reflexion
• Projektplanung und Projektmanagement
• Ressourcenplanung
• Zeitmanagement
• Berichte verfassen und Präsentieren
• Integration und Engagement am Arbeitsplatz
• Kommunikation und Netzwerken
6FSC1xD101/102 - Major Project BA/BSc (30ECTS)

In der Abschlussarbeit - auch “Honoursarbeit” genannt - erstellst du ein größeres Medienprojekt

aus deinem Fachbereich und zeigst, dass du in der Lage bist, mit deinen bisher erlernten
Fertigkeiten ein komplexes Projekt eigenständig zu realisieren. Die Planung für das Projekt hast
du bereits im Modul 6FSC1XD001 erstellt. Du recherchierst mögliche Vorgehensweisen und
Referenzen für dein Projekt und erstellst einen detaillierten Plan, wie du das Projekt umsetzen
möchtest, sodass deine Vision Realität werden kann. Während du dann das Medienprodukt
erstellst, dokumentierst du deinen Fortschritt, Probleme und Lösungen sowie Feedback auf
Zwischenergebnisse. Am Ende evaluierst und präsentierst du das Projekt und schließt damit dein
Bachelorstudium ab.