mediaspacesss17

Fiktive Kostenaufstellung // 07.06.2017 - In der Kostenaufstellung für das Projekt werden Änderungen vorbehalten  - Evtl. Austausch des Beamers durch einen TV-Screen  - Installationsmaterial fließt nicht mit ins Veranstaltungsmaterial

Aufbau-Skizze für Projektion und Medien-Skizze zur technischen Umsetzung // 07.06.2017 - Erstellt via Sketch & Toon-Filter in Cinema 4D + Photoshop

Termine Auf- & Abbau Aufbau // 10. - 12.07.2017 Projektdokumentation (Filmen) // 13.07.17 Ausstellung // 14.07. - 16.07.2017 Abbau //  17.07.17

Animation zum 24.05.17

Bilder zum 24.05.2017

- Meeting mit Jason im Büro zur Planung der technischen Zusammenarbeit - Jason übernimmt das Aufsetzen von Front- und Backend (Coding via JavaScript / PHP / CSS) über die MS PowerShell - Datenaustausch und Code-Synchro erfolgt über GitHub  - Laif kümmert sich um die Kommunikation mit dem Hochschul-Marketing, um an die neue CI für die UoE bzw. BTK zu kommen - Erstellung von Prototype-MGFX für das UI im Screen und auf dem Bediener-Device - Um die Datenmengen schlank zu halten müssen die Motion Graphics als Code ausgegeben werden - Problem: Das Coding von Animationen ist stark zeitaufwendig.  - Lösung: Das BodyMovin-PlugIn von After Effects macht die Keyframes und Parameter von Kompositionen nach dem Rendering Web-fähig. Es schreibt eine .JSON-Datei heraus, welche über den dazugehörigen .JSON-Player in den Web-Code eingebettet werden kann - Die MGFX können auf diese Weise schnell in der Umsetzung getestet werden - Umsetzung der ersten Motion Graphics während des Meetings. Entwicklung eines Design-Layouts

Bild zur Technikliste  

// TECHNISCHE PLANUNG Gedanken zur technischen Planung Projektoren und Screens - Mit was lässt sich arbeiten? - Checkliste für Medieninstallationen beachten! - Auf welche Materialität wird projiziert?   - Bei Typografie-Installation immer die Schärfe beachten, die nach Außen abnimmt - Streu- und Umgebungslicht mit einplanen - Für den Kunden: Ausstellung eines Tech-Riders 

Bild zur Videodokumentation 

// VIDEODOKUMENTATION                -Geschichte der Installation erzählen Eventuell in 360° dokumentieren  Prozessdokumentation  - Zeigt wie das Projekt entstanden Werk-Dokumentation  - Veranschaulicht das Projekt - Es soll eine Videodokumentation werden - Eine bewegte Kamera kann den Raum in kürzester Zeit kommunizieren  - Eine statische Kamera lässt den Raum nicht sofort wirken  - Gedanken über den filmischen Raum machen  - Nach filmischen Grundlagen filmen - Nutzen des Multikamera-Editing von Premiere  - Voice-Over kann das Footage überladen  Beispiel: Atelier Brückner – Kopenhagen  http://www.atelier-brueckner.com/de/projekte/viking

BTK-Corporate als Grundlage und Mittel zur Adaption  http://www.btk-fh.de

// Konzept-Grafiken 

Konzept-Sketch

// Playlists & Interaction   Es finden 2 Projektionen statt: 1. die Automatisierte // 2. die Interaktive Präsentation von Projekten werden nach Studiengängen gemischt Teaser-Content - Projekte: Jeweils 15 s - Vor das Projekt werden die Meta-Daten gehängt               - Name des Projekts, Name, Studiengang, Semester - Transitions - Events               - Baukasten (Guidelines)               - Datendisplay - Geo-Metadaten - BTK Branding Teaser-Playlist verfügt über alternierende Modi - Normal - Event               - Event wird priorisiert               - Projekt / Eventteaser / Projekt / Eventteaser               - Bei Interaktion wird das Event noch einmal Prominent beworben               - Ablaufplan + Eventdetails + Vorstellung der Vortragenden - Ausstellung               - Projektnamen und Interpreten               - Ausstellung wird angekündigt und länger gehalten               - Event und Ausstellung funktionieren als Baukasten - Party Projekte werden in den jeweiligen Kategorien gezeigt wie im Standard-Teaser, nur Content wird getauscht und erhält somit eine Priorität In der Interaktion bekommt der User das Event oder die Ausstellung als Ankündigung auf das Smartphone, sobald sich die Website öffnet // Ebenen Aufteilung in zwei Ebenen Teaser + Interaction   Teaser läuft solange, bis der mögliche User mit der Anwendung in Interaktion tritt 1. Ebene à Teaser (Ablauf der Projekte im 15 s Rhythmus) - gezeigt werden im Teaser aktuelle Projekte 2. Ebene à Interaction - Bekommt Kontrolle über Playlist - Kann auch tiefer in Archiv-Material steuern Teaserebene zur Interaktionsebene à Verbindung via Smartphone Timeout, wenn User nicht mehr interagiert, sich aber nicht ausloggt à Fallback zur Teaserebene // Multiprojektion Teaserebene ist synchronisiert zu beiden Rechnern Interaktion ist jeweils individuell ansteuerbar // Materialien für späteren Prototypen Styropor als Fassaden Fahrradfelge zur Fenster-Imitation Projektionsfläche mit gutem Lichtstoff // UI/UX - Motion Design www.material.io Guidelines zur korrekten Animation in Interfaces Recherche für das Projekt

Die Pitch-Präsentation als PDF

Präsentation unserer Ideen bzw. unseres Brainstormings zum Projekt Circular im Plenum. Zur Veranschaulichung wurde via Google Slides eine Präsentation erstellt. Für eine Zusammenarbeit erweist dieses Tool sehr gute Dienste und sollte für weitere Präsentationen genutzt werden. Durch die Online-Nutzung werden die Folien stetig aktualisiert und es können gleichzeitig zwei oder mehrere Gruppenmitglieder am Dokument arbeiten. // Kritik - Um die Umsetzung zu vereinfachen ist es zunächst nur vonnöten ein Prototyp der Projektion zu erstellen - Ein Modell der Außenfassade und des Bullaugen-Fensters reicht vollkommen aus, um das Projekt zu präsentieren - Es ist zu bedenken, dass die Corporate der BTK, sich in nächster Zeit ändern wird und die erstellten Grafiken nur als Prototyp-Elemente dienen  - Als nächstes muss die Konkretisierung der Idee erfolgen und sich auf ein Element für das Prototyping spezialisiert werden (z.B. die Darstellung der Playlist in der Interaktion und im Motion Design) - Wie könnte der Prototyp aussehen? Welche Materialien sind zu besorgen?  - Außenfassade / Bullaugen-Fenster / Oberfläche der Projektion 

Zu bespielendes Fenster für die Back-Projektion