Web Grundlagen ― auch als Kurzkurs buchbar und anrechenbar, sofern die Prüfungen erfolgreich absolviert wurden

In diesem Modul werden die Studierenden in die Grundlagen der Web-Technologie, Gestaltungsgrundlagen, Konzeption und Umsetzung eines Online-Auftrittes mit den Web-Sprachen HTML5 und CSS3 eingeführt. Im HTML-Code werden ferner Massnahmen ergriffen, um die Zugänglichkeit der Webinhalte für Suchmaschinen und Nutzer mit Einschränkungen gewährleisten zu können.

Dieses Einführungsmodul wird den Studierenden helfen zu verstehen, wie das Web grundsätzlich funktioniert. Der Fokus richtet sich dabei auf das Erstellen ansprechender Wedesigns mit der Auszeichnungssprache HTML und den Stilvorlagen CSS.

Es vermittelt auch Grundlagen der bewährten Verfahren und der Standards der Branche, fördert grundsätzliche ästhetische Fähigkeiten und legt das für das professionelle Arbeiten in der Webindustrie erforderliche theoretische Fundament.

Schwerpunkte

• Einstieg Webentwicklung
• Limbic Thinking
• Farbe, Raum, Proportionen
• Textgestaltung & Bildbearbeitung fürs Web
• Layout fürs Web
• HTML5 / CSS3 / Barrierefreiheit
• CSS Animationen
• Suchmaschinenoptimierung

Projekte/Prüfungen

• Sketches (skizzenhafte Anordnung von Navigation und Inhalten)
• Layout Assets (Erstellen webrelevanter Bausteine)
• Konzept Web-Projekt
• Web-Projekt (Visueller Entwurf und Umsetzen mit HTML5 und CSS3)
• Analyse von Inhalt und Gestaltung
• HTML5/CSS3 Einzelprüfung im Klassenverbund

Interaction Design, Webanimation und Benutzerfreundlichkeit (Usability)

Die Studierenden befassen sich mit den Grundsätzen des „Interaction Designs“; d.h.
sie lernen interaktive 2D- und 3D-Benutzeroberflächen fürs Web anzulegen und umzusetzen.

Dazu gehören neben den flüssig laufenden Animationen, der Visualisierung von 3D-Modelle mit der Web Graphics Library (WebGL) auch das Einbinden multimedialer Inhalte mittels eines einfach bedienbaren Audio- und Video Players. Der Umgang mit verschiedenen Audio- und Video-Dateiformaten sowie deren Komprimierungsmöglichkeiten sorgt für eine ruckelfreie Wiedergabe.

Schwerpunkte

• Human-Computer Interaction/Systemdesign
• Benutzerfreundlichkeit & Testmethoden
• Webanimationen
• Web Graphics Library (WebGL)
• Multimediale Inhalte (Audio, Video)

Projekte/Prüfungen

• Logo & Banner Animation
• Usability Test
• Authoring Tool - Einzelprüfung im Klassenverbund

Diese Modul teilt sich in zwei parallel verlaufende Blöcke auf:

1. Creative Online Strategy

Welche Kommunikationskanäle stehen zur Verfügung? Wie räume ich digitale Hürden aus dem Weg? Wie sieht ein typischer Kunde aus? Wir schlüpfen in die Rolle des Nutzers respektive Endkundens und erarbeiten adäquate Konzepte, Screendesigns und benutzerfreundliche Methoden.

Mit den erworbenen Kenntnissen gewährleisten wir die Vermarktung von Produkte und Dienstleistungen über einen zielgruppengerechten Online-Auftritt. 

Schwerpunkte

• Landingpages
• Kommunikationskanäle
• Persona Modelle

Projekte/Prüfungen

• in Bearbeitung
   

2. Web Applikation mit OOP (Objekt Orientiertes Programmieren)
und MVC (Model-View-Controller)

In diesem Modul bilden wir die Architektur einer Software realitätsnah als Objekte nach einem bestimmten Bauplan ab. Dabei gliedern wir den Code nach daten-, gestaltungs- und steuerungsrelevante Aspekten auf. Diese übersichtliche Aufteilung ermöglicht das problemlose Wiederverwenden und Erweitern der Code-Schnipsel.

Weiterführende Technologien wie AJAX werden angewandt. Damit lassen sich Inhalte einer bereits im Browser ersichtlichen Webpage nachladen.

Ein Webauftritt wird ausreichend geschützt, wenn ein griffiges Sicherheitsdispositiv anlegt wurde. Verwundbare Stellen eines Online-Auftrittes werden eruiert und sicherheitsrelevante Massnahmen getroffen.

Abrundend werden leistungsoptimierende Technologien wie GULP und zukunftsweisende Webserverprogrammierung mit Angular 2 erläutert.

Schwerpunkte

• Objektorientiertes Programmieren (OOP) mit PHP
• Model-View-Controller (MVC)
• Datensicherheit 
• Angular 2 / Node JS / GULP

Projekte/Prüfungen

• Formular-Überprüfung mit Anti-Spam Meccano
• Login System mit Timeout
• OOP mit PHP/MySQLi - Einzelprüfung im Klassenverbund

Creative Media Practice

Dieses Modul zielt darauf ab, die während des SAE Diplomas erlangten spezifischen Kenntnisse und Fähigkeiten auf einen weiteren Industrie-, Geschäfts- und Kulturkontext anzuwenden. Strukturen und Abläufe in Kultur- und Medienbetrieben werden ebenso untersucht wie die Bedeutung des Zusammenspiels von Kultur, Medienprodukten und Konsumenten. Die daraus resultierenden Folgen für das Anbieten von kreativen Medienideen und dem Vertrieb kreativer Medienprodukte werden ebenfalls behandelt. Die Studenten passen ihre vorhandenen Fähigkeiten an verschiedene Märkte, Medien und Plattformen an, wodurch sie lernen andere Disziplinen in ihre Tätigkeit zu integrieren.

Vorläufige Zusammenfassung der Themen

• Strukturen und Abläufe in Kulturbetrieben
• Zusammenspiel von Kultur, Kulturprodukten und Konsumenten:
• Angebot und Vertrieb von kreativen Produkten
• Verwandte Disziplinen und ihre Anwendung in der kreativen Medienpraxis
• Rechtliche, vertragliche und ethische Probleme in der kreativen Medienpraxis
• Marketing- und Geschäftsstudien
• Musikproduktion
• Grundlegende Prinzipien der Fernseh-/Rundfunkübertragung
• Welche Möglichkeiten die Computerprogrammierung für fortgeschrittene Audio-Applikationen eröffnet.

Projekte

• Praktische Recherche
• Analytisches Essay
• Geschäftspräsentation

Erkenntnisse

Mit dem erfolgreichen Abschluss dieses Moduls haben Studenten folgende Kenntnisse hinzugelernt:

• Die Strukturen und Abläufe in Kulturbetrieben
• Das Zusammenspiel von Kultur und Kulturkonsumenten
• Rechtliche, ethische und geschäftliche Aspekte einer Tätigkeit in den kreativen Medien
• Kreative Medienprodukte im Rahmen legaler und kultureller Bedingungen entwickeln, anbieten und vermarkten
• Grundlegende Prinzipien beim Betrieb großer Tonstudio-Technik
• Grundlegende Prinzipien der Fernseh-/Rundfunkübertragung
• Mögliche Anwendungsgebiete mit Audio-Bezug für Computerprogrammierung

Fähigkeiten

Bei erfolgreichem Abschluss dieses Moduls haben Studenten folgende Fähigkeiten hinzugelernt:

• Ein Angebot entwickeln als Antwort auf einen Auftrag, mit Augenmerk auf finanzielle, vertragliche und rechtliche Faktoren
• Ein kreatives Medienangebot präsentieren
• Einbindung anderer Disziplinen in die eigenen Medien-Fähigkeiten
• Produktion von Musik mit zeitgenössischen Aufnahme-, Bearbeitungs-, und Mischwerkzeugen.

Bachelor - Major Project

Dieses Modul ist der Höhepunkt des Programms und gibt den Studierenden die Möglichkeit, den vollen Umfang ihrer technischen, kreativen und akademischen Fähigkeiten zu demonstrieren. Das Hauptprojekt wird selbst ausgesucht und kann eine von vielen Formen annehmen. Das Projekt soll eine Reihe fortgeschrittener Fähigkeiten demonstrieren, die einem Projekt im Bachelor of Arts oder Bachelor of Science entsprechen entsprechen.

Mit dem erfolgreichen Abschluss zeigen die Studierenden ebenfalls ihre Kompetenz bei der selbstständigen Recherche und der Leitung eines Großprojekts.