Differences

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

--- teaching:ma:courses:media-objects:sose25:hausaufgaben [2025/05/21 04:20] – [Teilaufgabe 5] Felix Hardmood Beck
+++ teaching:ma:courses:media-objects:sose25:hausaufgaben [2025/05/28 08:10] (current) – [Teilaufgabe 7] Felix Hardmood Beck
@@ Line 78: / Line 78: @@
   * Erstellen Sie auf Basis des Grundlagen Templates eine **Präsentation**. Ziel ist es einen Überblick über die gesamte Entwicklung des Semesters zu gegeben. Beachten Sie die im Kurs erlernten Präsentationsregeln, speziell die Regel "1 Slide pro Minute". Betten Sie Ihre erstellten Bildinhalte ein und verwenden Sie möglichst wenig Text auf Ihren Folien! Die Zuhörer*innen wollen Sie hören und nicht selber lesen! Die Bilder sollten möglichst groß auf den Slides zu sehen sein.
   * Laden Sie Ihre Slides als PDF in den entsprechenden Ordner bei Sciebo. Falls Videos eingebettet worden sind, speichern Sie diese bitte als gesonderte Videodateien auf Sciebo ab. Benennen Sie Ihre Daten __verständlich__!
-  * Die <color /#fff200>Präsentation (25. Juni 2024)</color> wird von den Gruppen Teilnehmer*innen wahrend der letzten Seminareinheit gehalten. Beachten Sie, dass pro Person in jeder Gruppe __7 Minuten__  Zeit zu Verfügunügung stehen. (Beispiel Zweier-Gruppe: 2 Personen = 14 Minuten, Beispiel Dreier Gruppe: 3 Personen = 21 Minuten). Teilen Sie sich die Präsentationsinhalte so auf, dass jede/r Teilnehmer*in 7 Minuten Sprechzeit übernimmt. Üben Sie Ihre Präsentation gut ein. Nach Ablauf der Zeit wird die Präsentation beendet. Überziehen ist nicht erlaubt. Am Ende der Präsentation gibt es pro Gruppe ±10 Minuten Zeit, in der Fragen gestellt werden können und diese von den Studierenden beantwortet werden.
+  * Die <color /#fff200>Präsentation (25. Juni 2025)</color> wird von den Gruppen Teilnehmer*innen wahrend der letzten Seminareinheit gehalten. Beachten Sie, dass pro Person in jeder Gruppe __7 Minuten__  Zeit zu Verfügunügung stehen. (Beispiel Zweier-Gruppe: 2 Personen = 14 Minuten, Beispiel Dreier Gruppe: 3 Personen = 21 Minuten). Teilen Sie sich die Präsentationsinhalte so auf, dass jede/r Teilnehmer*in 7 Minuten Sprechzeit übernimmt. Üben Sie Ihre Präsentation gut ein. Nach Ablauf der Zeit wird die Präsentation beendet. Überziehen ist nicht erlaubt. Am Ende der Präsentation gibt es pro Gruppe ±10 Minuten Zeit, in der Fragen gestellt werden können und diese von den Studierenden beantwortet werden.
   * Demonstrieren Sie am Ende Ihres Vortrages Ihren **finalen Prototypen**.
@@ Line 84: / Line 84: @@
 ==== Teilaufgabe 7 ====
-Dokumentation – Erstellung Plakat und Webseite (Woche 14)
+Dokumentation – Erstellung Webseite und Plakat (Woche 14)
-  - Webseite
+=== Webseite ===
-    * Sie
+Sie haben dieses Semester bereits sehr fleissig gearbeitet und Ihre einzelnen Arbeitsschritte immer gut dokumentiert. Nutzen Sie die bisher erstellten **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.
-    * Sie haben dieses Semester bereits sehr fleissig gearbeitet und Ihre einzelnen Arbeitsschritte immer gut dokumentiert. Nutzen Sie die bisher erstellten **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.
-    * Fügen Sie Ihr
+  - Verschaffen Sie sich einen Überblick zu [[https://learn.getgrav.org/16/basics/what-is-grav|GRAV]]
+  - Zur Erstellung von Text und Bild Inhalten damit diese auf der kurseigenen [[https://medienobjekte.ct-lab.info|Medienobjekte Webseite]] angezeigt werden können:
+    - Alle **Textinhalte** (Namen der teilnehmenden StudentInnen der Gruppe, 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 alle Ihre Textinhalte durch //copy & paste// ein. Halten Sie sich dabei an die vorgegebene //Markdown Syntax// ([[https://learn.getgrav.org/16/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//). Prof. Beck wird diese dann via FTP in ein entsprechendes Verzeichnis auf einem Webserver laden. Ihre Dokumentation zur Vertiefungsübung sollte dann automatisch auf der **Webseite** https://medienobjekte.ct-lab.info erscheinen.
-  - Plakat
+=== Plakat ===
     * Erstellung von **[[about:keyvisual|Keyvisual]]/[[about:money-shot|Moneyshot]]**: Fertigen Sie ein oder zwei Bilder an, die Ihre entstandene Arbeit bestmöglich in Szene setzen.
     * Erstellen Sie einen kurzen und prägnanten Text, der Ihr Projekt beschreibt (**Konzeptbeschreibung**)