Differences

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

--- teaching:ma:courses:media-installations:wise25-26:08-01-26 [2026/01/08 06:35] – created Felix Hardmood Beck
+++ teaching:ma:courses:media-installations:wise25-26:08-01-26 [2026/01/08 12:23] (current) – Felix Hardmood Beck
@@ Line 1: / Line 1: @@
 ===== Heute: Online Sitzung in Zoom =====
-Wegen der Wetterverhältnisse wird die heutige Sitzung in Zoom statt finden: https://fh-muenster.zoom.us/my/hardmood
+Wegen der Wetterverhältnisse wird die heutige Sitzung in Zoom statt finden: \\
+:30 Uhr => https://fh-muenster.zoom.us/my/hardmood
 ===== Themenübersicht =====
-  * Dokumentation auf Webseite
+  * Besprechung zum Ablauf der Präsentation
-  * Poster
+    * Vorschlag für den 22. Januar 2026
+  * Punkte für die Dokumentation auf der Webseite: https://demozentrum.ct-lab.info
+    * Deadline: Freitag, der 13. Februar 2026
+  * Punkte für Poster
+    * Deadline: Freitag, der 13. Februar 2026
+  * Nächste Schritte: heute, kommende Woche und alles dazwischen… ;-)
+  * Besprechung der Ergebnisse / Lautsprecher
+=== Ablauf der Präsentation ===
+Die <color /#fff200>Präsentation (Donnerstag, der 22. Januar 2026)</color> wird von den Studierenden während der letzten Seminareinheit gehalten. Dabei wird ein Überblick zu den einzelnen Entwicklungsschritten des Projektes in Form von Slides (Powerpoint, Keynote, o.ä. – siehe auch dieses Präsentationstemplate (download von Sciebo: https://fh-muenster.sciebo.de/s/wLZdp6ajAdr6dMD)) gegeben. Die Dauer dieser Vorstellung sollte 10 Minuten nicht überschreiten. Nach dem Vortrag folgt die Demonstration des finalen Prototypen (Dauer 5-10 Minuten). Final gibt es die Möglichkeit für den Prüfenden Fragen zu stellen (Dauer 5-10 Minuten).
+<WRAP center round info 60%>
+Es folgt eine kurze Demo, wie das Präsentationstemplate zu verwenden ist.
+</WRAP>
+Vorschlag zum Ablauf am [[22-01-26|Donnerstag, der 22. Januar 2026]]:
+  * 12:15 – 12:30 Uhr: Aufbau
+. Runde…
+  * 12:30 – 13:00 Uhr: Präsentation Person 1 (Luciana)
+  * 13:30 – 14:00 Uhr: Präsentation Person 2 (Stefanie)
+  * 14:00 – 14:30 Uhr: Pause
+. Runde…
+  * 14:30 – 14:45 Uhr: Kurze Vorstelllungsrunde
+  * 14:45 – 15:00 Uhr: Präsentation Person 2 (Stefanie)
+  * 15:00 – 15:30 Uhr: Präsentation Person 1 (Luciana)
+  * 15:30 – 16:00 Uhr: Diskussion und nächste Schritte
+=== Webseite ===
+Die bisherigen Arbeitsschritte wurden bisher auf dem entsprechenden Miro-Board dokumentiert. Nutzen Sie den Pool der bisher erstellten **Rechercheergebnisse (Tabellen, Skizzen, etc.), Visualisierungen, Grafiken, Renderings, Dokumentationsfotos, etc.** und wählen Sie die aussagekräftigsten aus. Es folgt die Aufbereitung und Optimierung dieser Daten, sodass diese in Auflösung (einheitliches Bildformat und gleiche Bildauflösung) und Qualität Ihrem hohen Anspruch gerecht werden. Ordnen Sie die von Ihnen ausgewählten Bilder den Projektphasen zu. Schreiben Sie zu jedem Bild einen **kurzen Text**. Vermeiden Sie die ich-Form. Schreiben Sie möglichst neutral.
+  - Verschaffen Sie sich einen Überblick zu [[https://learn.getgrav.org/17/basics/what-is-grav|GRAV]]
+  - Zur Erstellung von Text und Bild Inhalten damit diese auf der kurseigenen [[https://demozentrum.ct-lab.info|Demozentrum Bau Webseite]] angezeigt werden können:
+    - Alle **Textinhalte** (Namen der StudentInnen, Text zu Recherche, Konzeptentwicklung, etc.) müssen in eine einzige Textdatei kopiert werden. Dafür wird keine //Word-Datei// benutzt, sondern eine sogenannte [[https://de.wikipedia.org/wiki/Markdown|Markdown-Datei]]. //Markdown// ist eine vereinfachte Auszeichnungssprache dessen Ziel es ist einen möglichst lesbaren Code zu erstellen. Viele der Auszeichnungselemente, die verwendet werden, kennt man etwa von //Plain Text// Dateien oder //E-Mails//. Eine Markdown-Konvertierungssoftware – in unserem Fall GRAV – wandelt unseren Text, der mit entsprechender Syntax editiert werden kann, in XHTML um, damit dieser von einem Webbrowser dargestellt werden kann. Gehen Sie wie folgt vor:
+      * Laden Sie das //Grav Template// (//default.de.md//) [[http://hardmood.info/download/GRAV_template.zip|hier]] herunter.
+      * Die heruntergeladene Textdatei kann mit einem [[https://github.com/collections/text-editors|Texteditor]] geöffnet und bearbeitet werden. Fügen Sie Textinhalte durch //copy & paste// ein. Halten Sie sich dabei an die vorgegebene //Markdown Syntax// ([[https://learn.getgrav.org/17/content/markdown|siehe Tutorial]]). Achten Sie speziell auf die Dateinamen Ihrer JPGs und dass diese richtig verlinkt werden.
+      * Speichern Sie Ihre Datei als //default.de.md//
+    - Es dürfen nur **Bilder** im __JPG Dateiformat__ verwendet werden. Diese müssen __eine Größe von 1400 x 800 px (72 dpi)__ haben und müssen für das Web optimiert sein. Gehen Sie dafür wie folgt vor:
+      * Benutzen Sie beispielsweise in Photoshop die "Safe for Web"-Option ("Für Web Speichern"). Achten Sie dabei auf die unten hervorgehobenen Punkte 1 (Bildformat: JPG), 2 (Bildqualität: 80%) und 3 (Bildgröße: 1400x800 px). Achten Sie darauf, das die Dateigröße, wie bei Punkt 4 hervorgehoben, 800k (Kilobyte) nicht überschreitet. \\ {{:teaching:ma:media-installations:wise24-25:save_for_web_1400x800px.jpg?direct&960|}}
+      * Speichern Sie dann die Bilddatei. Benutzen Sie im Namen __keine__ Majuskeln (nur Kleinbuchstaben), __keine__ Leerzeichen (stattdessen einen Unterstrich, wie im Beispiel: test_bild_1400x800px.jpg), __keine__ Sonderzeichen und __keine__ Umlaute!
+      * Kontrollieren Sie, dass die verwendeten Bildnamen auch richtig in Ihrer *.md-Datei verwendet werden.
+    - Inhaltliche Struktur:
+      - Konzeptdesign Phase
+      - Schematisches Design/Design Entwicklung
+      - Ausformulierung/Entwicklung und Gestaltung von Details
+    - Wenn die Textdatei sowie alle Bilder final und richtig benannt abgespeichert sind, werden diese als*.zip-datei (Benennung der Datei: //nachname_nachname.zip//) an Prof. Beck gesendet. Er wird diese dann via FTP in ein entsprechendes Verzeichnis auf denWebserver des Creative Technologies Labs laden. Ihre Dokumentation zur Vertiefungsübung sollte dann auf der **Webseite** https://demozentrum.ct-lab.info erscheinen.
+=== Plakat ===
+Die Studierenden sollen ihr Projekt auf einem Plakat dokumentieren. Als Basis dient dabei [[https://drive.google.com/drive/folders/1KEXjDWoMN02Lt2ffY8ayXpCQsBruhCa6?usp=sharing|folgende Vorlage]]. Sie können im Rahmen des vorgegebenen Rasters (siehe Fig. 1: zwei Spalten, Rand 3cm) gestalterisch bewegen. D.h. Sie können Bilder und Textblöcke (siehe Fig. 2) frei anpassen und verschieben. Die zu verwendende Schrift ist [[https://fonts.google.com/specimen/Roboto|Roboto]]. Das Mengengerüst der Textlänge sollte erhalten bleiben. Es sollten nicht mehr als 3-4 Bilder integriert werden.
+Fig.1 {{:teaching:ba:courses:mediadesign-project:wise24-25:250104_projekt_poster_dina2.1.jpeg?direct&200|}}
+Fig.2 {{:teaching:ba:courses:mediadesign-project:wise24-25:250104_projekt_poster_dina2.2.jpeg?direct&200|}}
+Fig.3 {{:teaching:ba:courses:mediadesign-project:wise24-25:250104_projekt_poster_dina2.3.jpeg?direct&200|}}
+Passen Sie die Vorlage (Fig. 3) entsprechend der eigenen Bedürfnisse an und befüllen Sie diese mit Ihren Text- und Bildinhalten. Achten Sie dabei auf klar und prägnante Formulierungen. Benutzen Sie kein Fachjargon, sondern beschreiben die Inhalte eher in allgemeiner Form.
+  * In einem ersten Absatz mit ca. 680 Zeichen, soll die Ausgangsbasis in Form einer Einleitung beschrieben werden. Der Kontext/Problemstellung soll beschrieben werden. Kurze Darstellung des Themas oder der Herausforderung. Was ist der Hintergrund des Projektes? Was ist das Ziel des Projektes?
+  * In einem zweiten Absatz mit ca. 970 Zeichen soll die Bearbeitung und das Ergebnis in Form einer //Executive Summary// zusammengefasst werden: Beschreiben Sie darin Ihre Vorgehensweise, Recherche und Bearbeitung, sowie die iterative Entwicklung bis hin zum Prototypen.
+  * In einem dritten Absatz beschreiben Sie die wichtigsten Erkenntnisse und Schlussfolgerungen, die sich für eine mögliche zukünftige Realisierung im Demozentrum Bau, bzw in Form einer mobilen Ausstellungsvariante ergeben.
+=== Nächste Schritte ===
+…
+===== Nächste Schritte =====
+  * Fertigstellung des Prototypen
+  * Lautsprecher? => Leonie Bescheid geben…
+{{:teaching:ma:courses:media-installations:wise25-26:rfid_puck_vis.png?400|}} {{:teaching:ma:courses:media-installations:wise25-26:cnc_fraese.jpg?400|}}