Differences

This shows you the differences between two versions of the page.

--- teaching:ba:courses:design-basics:sose26:25_03_26 [2026/03/20 07:24] – Felix Hardmood Beck
+++ teaching:ba:courses:design-basics:sose26:25_03_26 [2026/03/25 15:24] (current) – [Übersicht zum heutigen Ablauf] Felix Hardmood Beck
@@ Line 2: / Line 2: @@
 Prof. Felix Beck, Leonie Winkelmann\\
-Sommersemester 2025
+Sommersemester 2026
 <WRAP center round box 50%> evtl. zwischendurch eine kurze Pause ±10 min? </WRAP>
+{{:teaching:ba:courses:design-basics:sose26:adobe_dimension_test.png?direct&800|}}
 ===== Übersicht zum heutigen Ablauf =====
+  - Kurze Werbung für Innovations- und Entrepreneurship-Programm HEADVENTURES 2026 – Shaping the Future of Industry
   - Vorstellung Prof. Beck
     * OpenCalendar/Sprechstunde
+    * Fehlerhafter Eintrag in CAMS/myFH-Portal…
   - Vorstellung Leonie Winkelmann
+    * Einrichtung Mattermost: [[https://mattermost.fh-muenster.de/signup_user_complete/?id=uwywk6qnbig8zndkjcq3ct6ibc&md=link&sbr=su|Invite Link]] zum CT Lab Mattermost Kanal. Im Kanal befindet sich der Channel “design basics (sose26)”.
   - Vorstellung Creative Technologies Lab?
     * dokuWiki
     * Regeln im Lab (Arbeitsplätze, Materialien, etc.)
+      * Unterschriften der Studierenden einholen
     * Disclaimer: Fotos & Videos => Leonie
   - Überblick zum Kurs
@@ Line 24: / Line 31: @@
         * C. Wie entsteht Verhalten, Dynamik oder Spiellogik? \\ \\ In diesem Block verschiebt sich der Fokus von der Oberfläche zum <color /#ffc90e>Verhalten eines digitalen Systems</color>. Behandelt werden <color /#ffc90e>Bewegung, Reaktion, Zustände, Regeln, Kollisionen, Zielstrukturen, Schwierigkeitsgrade und grundlegende spielerische Mechaniken</color>. Die Studierenden entwickeln dabei kleine interaktive Abläufe und lernen, wie aus Eingaben, Reaktionen und zeitlichen Veränderungen ein spielbares System entsteht. Dieser Teil des Kurses ist wichtig, weil digitale Gestaltung in interaktiven Medien immer auch Verhalten gestaltet: Nicht nur wie etwas aussieht, sondern wie es sich verhält, entscheidet über Qualität und Nutzererfahrung. Der Block vermittelt damit ein Verständnis dafür, dass Dynamik, Logik und Spielmechanik gestaltbare Bestandteile eines digitalen Artefakts sind. \\ \\
         * D. Wie entsteht physische Verkörperung und prototypische Umsetzung? \\ \\ Dieser Block erweitert die digitale Gestaltung in den physischen Raum. Im Zentrum stehen <color /#ffc90e>TinkerCAD, 3D-Druck und die Entwicklung einfacher Eingabeobjekte oder Gehäuse</color>, etwa für einen späteren Game-Controller. Thematisiert werden dabei nicht nur Form und Ergonomie, sondern auch konstruktive Fragen wie Maßhaltigkeit, Verbindungen, Magnetintegration, bewegliche Teile und druckgerechtes Entwerfen. Der Block ist wichtig, weil viele digitale Systeme nicht allein auf dem Bildschirm existieren, sondern über physische Interfaces erfahrbar werden. Die Studierenden lernen hier, wie digitale Funktionen in materielle Formen übersetzt und als Prototyp umgesetzt werden können, sodass aus einer Idee ein benutzbares und testbares Objekt entsteht. \\ \\
+      * Überblick zum Mini-Projekt: Ein kleines p5.js-Game mit optionalem physischem Controller.
     * Ablauf Semestertermine
-    * [[teaching:ba:courses:design-basics:design-basics#benotungsschema|Benotungsschema]]
+    * [[teaching:ba:courses:design-basics:sose26:kurs_beschreibung#benotungsschema|Benotungsschema]]
     * [[teaching:ba:courses:design-basics:aufgaben:dokumentationsbox|Dokubox]]
     * Beispiele aus vorherigen Semestern
-      * https://digital.msd-basics.info
+      * https://digital.ct-lab.info
       * Sandstein Museums Projekt (http://sandstein.ct-lab.info)
       * mp.Drei-Projekt (http://mpdrei.ct-lab.info)
     * Mattermost Kanäle !?!
     * Sammlung: Welche Tools, Skills Hardware/Software interessieren Euch?
-  - Vorstellung der Begrifflichkeit: [[extras:wissikon:media-design:autoativity-reactivity-interactivity|Autoaktive Medien, Reaktive Medien, Interaktive Medien]]
-  - Vorstellung der [[extras:wissikon:media-design:media-formats|Mediendesign-Formate]]
-  - Einordnung der Begrifflichkeit von [[extras:wissikon:media-design:user-experience-design|User Experience Design]] (UX), [[extras:wissikon:media-design:user-interface-design|User Interface Design]] (UI) und [[extras:wissikon:media-design:interaction-design|Interaction Design]] (XD)
+Einrichtung der Arbeitsumgebung. Einführung in p5.js, Editor, Canvas, Grundstruktur eines Sketches, einfache Shapes, Farben, Text und Export. Erste kleine Übung: visuelle Reaktion auf Maus oder Tastatur.