Differences

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

--- nid_task_08 [2021/01/10 15:18] – [Informationen zur Online Dokumentation] hardmood
+++ nid_task_08 [Unknown date] (current) – removed - external edit (Unknown date) 127.0.0.1
@@ Line 1: / Line 1: @@
-=== NID Aufgabe 08 – Vertiefungsübung ===
-===== (Fiktive) Ausstellung 'Zweckentfremdete Nutzung gestalteter Gegenstände' =====
-Sie sind Teil eines Teams internationaler GestalterInnen, das an einer Ausstellung mit dem Titel //Zweckentfremdete Nutzung gestalteter Gegenstände// arbeitet. Passend zu Ihrem Semesterthema //[[wise2020_21_2sem_termine#semesterthemanon-intentional_design_zweckentfremdete_nutzung_gestalteter_gegenstaende|Non-Intentional Design]]// soll es in der Ausstellung eine breite Auseinandersetzung mit verschiedenen Inhalten und Exponaten geben, um über die indirekten und unsichtbaren Folgen von Gestaltung zu informieren. Das Ziel ist es anhand von Materialbeispielen, Objektstudien, Schautafeln mit gut recherchierten Daten und weiter führenden Informationen, sowie autoaktiven, reaktiven und interaktiven Exponaten schwerpunktmäßig Besucher aus der Kreativbranche zu informieren und dazu anzuregen in Zukunft //intelligenter// zu gestalten und schonender mit den zu Verfügung stehenden Ressourcen umzugehen.
-Ihre Aufgabe ist es in einem Zeitraum von 6 Wochen Gestaltungsansätze für verschiedene Komponenten der Ausstellung zu bearbeiten. Sie können alleine oder in Teams (bis max. 3 Personen) arbeiten. Sie dürfen selbst entscheiden worauf Sie den Fokus legen wollen. Überlegen Sie welche Aufgabe Ihnen in den letzten Wochen am besten gefallen hat. Knüpfen Sie an dieser an.
-Folgende Beispiele können eine erste Orientierung geben:
-  * **Plakat/Flyer/Broschüre**: Erarbeiten Sie eine Informationsgrafik und integrieren diese in ein Druckerzeugnis, wie z.B. ein Schauplakat. Adaptieren Sie Ihren Entwurf auf ein weiteres Druckmedium (z.B. Flyer, Leporello, Postkartenserie, Broschüre etc.), das zur Bewerbung der Ausstellung verwendet werden könnte.
-oder
-  * **Ausstellungsgrafik/Display**: Erarbeiten Sie die Ausstellungsgrafik/Display für eine freistehende Wandfläche in der Größe von 400 cm (B) x 220cm (H), in der eines der NID Exponate in einer Schauvitrine verortet ist.
-oder
-  * **Storyboard/Kurzfilm**: Erarbeiten Sie das Drehbuch/Storyboard für einen informativen Kurz-/Animationsfilm (Dauer ca. 2 Minuten), welcher sich mit dem Thema //Elektroschrott// auseinander setzt. Der Film wird innerhalb der Ausstellung auf einem Bildschirm zu sehen sein. Erstellen Sie ein animiertes Gif passend zum Film.
-oder
-  * **Interaktive Medienstation**: Erarbeiten Sie eine Medienstation (z.B. Bildschirmanwendung, Touchscreen, Medientisch, etc.), die sich mit dem Thema der Überproduktion von Kleidung und deren weltweiten Folgen auseinander setzt.
-oder
-  * **Reaktives Exponat**: Erarbeiten Sie ein reaktives Exponat zum Thema Umweltverschmutzung durch Plastik. Dabei werden Inhalte durch einen vorbeilaufenden Besucher ausgelöst, Daten verändert, oder entsprechend inszeniert.
-oder
-  * …etwas ähnliches zu dem Sie einen Vorschlag machen, den Sie __rechtzeitig__ mit Prof. Beck abstimmen.
-Bei der Bearbeitung der Vertiefungsübung sollen Sie auf die behandelten Inhalte und erstellten Lösungsansätze der Übungsaufgaben (NID Aufgaben: [[nid_task_01|01]], [[nid_task_02|02]], [[nid_task_03|03]], [[nid_task_04|04]], [[nid_task_05|05]], [[nid_task_06|06]], [[nid_task_07|07]]) zurückgreifen.
-{{:overview_projekte_ws2021_2sem_small_3.png?nolink|}}
-===== Teilaufgabe 1: Conceptual Design (Konzeptentwicklung) =====
-  * Erstellen Sie eine **Übersicht der Inhalte**, die Ihnen zu Verfügung stehen. Begutachten Sie diese und überlegen Sie welche Inhalte womöglich durch weitere Recherchen und Zusammentragen zusätzlicher Informationen ergänzt werden könnten. An dieser Stelle macht es Sinn breit gefächert zu arbeiten. D.h. sie sollten nicht nur einen einzigen Wikipedia Artikel lesen, sondern viele diverse Quellen heranziehen, wie etwa: Buch Publikationen (=> MSD Bibliothek), mögliche Video Dokumentation im Angebot von [[http://kanopy.com|Kanopy]] oder der Öffentlich Rechtlichen Fernsehsender (=> [[https://mediathekview.de/download/|MediathekView]]), Podcasts, Youtube Videos, Ausstellungen und deren Kataloge, etc.
-  * Erstellen Sie zur **Ideenfindung** ein Mind-Map. Ergänzen Sie Ihre Idee durch diverse Scribbles.
-  * Darstellung der besten 5 Ideen auf einem DIN A3 Chart jeweils mit einer kurzen Beschreibung. Abstimmung mit allen Beteiligten darüber welche Idee weiter verfolgt werden soll.
-  * Erstellen Sie ein **Konzept Statement**, dass die ausgewählte Projektidee kurz und knackig beschreibt.
-  * Achten Sie darauf das parallel zu Ihrer Arbeit in allen Bearbeitungsphasen die einzelnen Schritte gut und ausreichend dokumentiert werden. Fertigen Sie zwischenzeitig Scans wichtiger Dokumente an, oder fotografieren Sie diese. Inszenieren Sie Ihre Objekte gegebenenfalls oder stellen Sie Arbeitssituationen dar aus denen wichtige Erkenntnisse gewonnen wurden. Achten Sie, dass alle entstehenden Fotografien eine gleiche Gestaltungsprache verwenden (gleichmäßige Helligkeit, Farbtöne, etc.)
-===== Teilaufgabe 2: Sheme Design/Design Development (Schematisches Design/Design Entwicklung) =====
-  * Erstellen Sie einen **Zeitplan** in dem die kommende Bearbeitungszeit und Ihr weiteres Vorgehen abzulesen ist. Integrieren Sie in Ihren Zeitplan welche **Ressourcen** Sie gegebenenfalls zu einem bestimmten Zeitpunkt benötigen. Dies soll Ihnen verdeutlichen, ob Sie hier eventuell manche Bearbeitungen vorziehen müssen und andere ein wenig nach hinten schieben können.
-  * In einem nächsten Schritt definieren Sie notwendige **Anforderungen** und beschreiben die **Bedingungen** schematisch für Ihr Projekt. Was sind Ihre Ausgangspunkte? Was sind die wichtigen Bestandteile Ihrer Idee? Stellen Sie diese in verschiedenen **Schemata, Diagrammen und Organigrammen** dar. Visualisieren Sie Ihre Überlegungen und nutzen Sie diese um Ihr Konzept Schritt für Schritt weiter auszuarbeiten. Sie starten beispielsweise mit einem Diagramm aus welchem abzulesen ist was Sie vorhaben und visualisieren die Dinge, die Sie für eine spätere Realisierung benötigen. Es handelt sich um Überlegungen, die zu einer bestmöglichen Gestaltungslösung führen.
-  * **Layoutskizzen und Varianten**: Es folgen weitere Varianten zu denen Sie Skizzen anfertigen. Mit jedem Schritt werden Sie detailreicher, sodass man am Ende dieser Arbeitsphase einen genauen Überblick hat woran man arbeiten will, was man dafùr braucht und wie das Endergebnis aussehen soll.
-  * Achten Sie darauf das parallel zu Ihrer Arbeit in allen Bearbeitungsphasen die einzelnen Schritte gut und ausreichend dokumentiert werden. Fertigen Sie zwischenzeitig Scans wichtiger Dokumente an, oder fotografieren Sie diese. Inszenieren Sie Ihre Objekte gegebenenfalls oder stellen Sie Arbeitssituationen dar aus denen wichtige Erkenntnisse gewonnen wurden. Achten Sie, dass alle entstehenden Fotografien eine gleiche Gestaltungsprache verwenden (gleichmäßige Helligkeit, Farbtöne, etc.)
-===== Teilaufgabe 3: Detailed Design (Ausformulierung/Entwicklung und Gestaltung von Details) =====
-  * Die besten Ansätze der bisher entstandenen Layoutskizzen und Varianten werden identifiziert. Auf diesen wird nun aufgebaut und nachfolgend weiter gearbeitet. (Anmerkung: Spätestens hier rächt sich, wenn man im bisherigen Prozess nicht wirklich fleissig an Varianten gearbeitet hat und man keinen Pool hat aus dem man schöpfen kann.)
-  * Aus den bisher entstandenen Konzeptskizzen, Scribbles und Zeichnungen folgt eine detailierte **Ausformulierung** aller wichtigen Elemente. Dies ist je nach Projekt unterschiedlich. Insgesamt umfasst dies aber alle visuellen Elemente: Text werden ausformuliert, Bildsprache genauer definiert, Storyboards werden angefertigt, Funktionsmodelle von Objekten werden erstellt, etc.
-  * Da es sich bei der Aufgabenstellung NID 08, um einen Ausstellungskontext handelt müssen an dieser Stelle auch räumliche Gegebenheiten näher definiert und entsprechende Kontexte zur menschlichen Wahrnehmung durchdacht werden (//activity relationships//). In dieser Phase definieren Sie beispielsweise die genaue Größe von Wandtexten, oder Sie entscheiden sich für entsprechende darstellende Medien: Wann kann eine Animation auf einem Bildschirm gezeigt werden, wann braucht man eine wesentlich größere Projektion?
-  * Alle wichtigen Details werden von Ihnen definiert: Farbwelten, Schriften, Bildsprachen, Stile, etc.
-  * Achten Sie darauf das parallel zu Ihrer Arbeit in allen Bearbeitungsphasen die einzelnen Schritte gut und ausreichend dokumentiert werden. Fertigen Sie zwischenzeitig Scans wichtiger Dokumente an, oder fotografieren Sie diese. Inszenieren Sie Ihre Objekte gegebenenfalls oder stellen Sie Arbeitssituationen dar aus denen wichtige Erkenntnisse gewonnen wurden. Achten Sie, dass alle entstehenden Fotografien eine gleiche Gestaltungsprache verwenden (gleichmäßige Helligkeit, Farbtöne, etc.)
-===== Teilaufgabe 4: Production (Produktion/Ausführung) =====
-  * Arbeiten Sie zielgerichtet an einer möglichst **detailreichen Ausformulierung** der zu gestaltenden Komponenten. Beachten Sie, daß es an dieser Stelle nicht mehr um weitere Entwürfe oder die Erstellung noch zusätzlicher Varianten geht. Sie sollten nur noch an der **Finalisierung** Ihres Prototypen, eines Dummies, bzw. Ihren Visualisierungen arbeiten.
-  * Achten Sie darauf das parallel zu Ihrer Arbeit in allen Bearbeitungsphasen die einzelnen Schritte gut und ausreichend dokumentiert werden. Fertigen Sie zwischenzeitig Scans wichtiger Dokumente an, oder fotografieren Sie diese. Inszenieren Sie Ihre Objekte gegebenenfalls oder stellen Sie Arbeitssituationen dar aus denen wichtige Erkenntnisse gewonnen wurden. Achten Sie, dass alle entstehenden Fotografien eine gleiche Gestaltungsprache verwenden (gleichmäßige Helligkeit, Farbtöne, etc.)
-===== Teilaufgabe 5: Documentation (Nachbearbeitung, Dokumentation, Präsentation) =====
-  * Nutzen Sie die bisher erstellten **Dokumentationsfotos** und wählen Sie die aussagekräftigsten aus. Kuratieren Sie außerdem die besten Zeichnungen, und gelungensten Scribbles.
-  * Es folgt die Aufbereitung und Optimierung Ihrer Bilder. Bei den Dokumentationsfotografien gilt, dass nur die stärksten Bildmotive, d.h. die mit klar lesbaren Bildinhalten, von Ihnen weiter bearbeitet und in Photoshop optimiert werden. (Photoshop: Bild => Korrektur => Gleiche Farbe (({{:photoshop_quicktipp_screenshot_farben_angleichen.jpg?400|}})) / Siehe auch folgendes [[https://www.youtube.com/watch?v=hJy129s7N6Q|Youtube Tutorial]] zum Angleichen von Farben verschiedener Bilder). Zuletzt werden alle Bilder in das finale Bildformat gebracht. Achten Sie auf die vorgegebene Auflösung.
-  * Erstellung von **Keyvisual/Moneyshots**: Fertigen Sie ein oder zwei Bilder an, die Ihr entstandenes Objekt bestmöglich in Szene setzen.
-==== Informationen zur Online Dokumentation ====
-  - Überblick zu [[https://learn.getgrav.org/16/basics/what-is-grav|GRAV]] (Vergleich zu [[https://github.com/kolber/stacey|Stacey CMS]] oder [[https://wordpress.org|Wordpress]])
-  - Zur Erstellung von Text und Bild Inhalten damit diese auf der o.g. 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 //NID Grav Template// (//default.de.md//) [[http://www.felix-beck.de/msd/download/NID_GRAV_template.zip|hier]] herunter. Der Inhalt dieser Datei sieht [[NID_grav_template|wie folgt]] aus.
-      * 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 das 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 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. \\ {{: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 ([[nid_task_08#teilaufgabe_1conceptual_design_konzeptentwicklung|Teilaufgabe 1]])
-      - Schematisches Design/Design Entwicklung ([[nid_task_08#teilaufgabe_2sheme_design_design_development_schematisches_design_design_entwicklung|Teilaufgabe 2]])
-      - Ausformulierung/Entwicklung und Gestaltung von Details ([[nid_task_08#teilaufgabe_3detailed_design_ausformulierung_entwicklung_und_gestaltung_von_details|Teilaufgabe 3]])
-      - Produktion/Ausführung ([[nid_task_08#teilaufgabe_4production_produktion_ausfuehrung|Teilaufgabe 4]])
-    - Wenn die Textdatei, sowie alle Bilder final und richtig benannt abgespeichert sind, werden diese bei Sciebo in einen entsprechenden Namensordner geladen. Felix und Leonie werden diese dann via FTP in ein entsprechendes Verzeichnis auf einem Webserver laden. Ihre Dokumentation zur Vertiefungsübung sollte dann automatisch auf der **Webseite** http://nid.hardmood.info/de/ erscheinen.
-==== Präsentation ===
-  * Erstellen Sie eine **Präsentation** mit maximal ±15 Slides. Achten Sie auf die [[praesentations_template_des_grundlagen-kurses|Präsentationstipps]] und benutzen Sie ausschließlich das [[http://www.hardmood.info/doku.php?id=praesentations_template_des_grundlagen-kurses#die_verwendung_des_grundlagen_keynote_templates_v01|Grundlagen Template]] zur Erstellung einer Slideshow. Betten Sie Ihre erstellten Bildinhalte ein. Die Bilder sollten vollflächig auf den Slides sein.
-  * Erstellen Sie einen kurzen und prägnanten Text, der Ihr Projekt beschreibt (**Konzeptbeschreibung**), und fertigen Sie weitere **kurze Texte** an, die alle wichtigen Schritte beschreiben, die in Ihren Bildern wieder gegeben werden. Erstellen Sie entsprechende  Bildunterschriften für Ihre Fotos.
-  * Diese Präsentation wird in der Fachprüfund von den Gruppen Teilnehmern am [[18_02_21|18. Februar]] vorgestellt.