Differences

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

--- howto:design-artefakte [2024/10/27 20:36] – kunsi
+++ howto:design-artefakte [2024/11/08 14:11] (current) – scientress
@@ Line 19: / Line 19: @@
 ===== Styleguide =====
-Der Styleguide wird für die Streamingwesbeite und die Grundeinstellungen im Infobeamer benötigt. Wir brauchen neben den Farben auch die Fonts und sofern vorhanden, CSS-Datein und Beispielbilder.
+Der Styleguide wird für die Streamingwesbeite und die Grundeinstellungen im Infobeamer benötigt. Wir brauchen neben den Farben auch die Fonts und sofern vorhanden, CSS-Datein und Beispielbilder. Bitte keine Fonts die Kostenpflichtig sind.
 ==== Streamingwebseite ====
@@ Line 74: / Line 74: @@
 * Software: https://github.com/voc/intro-outro-generator
 * Designquelle: mehrere Möglichkeiten, sucht euch eine aus. Die erste und zweite sind am wenigsten aufwändig
-    * statisches PNG
-        * nur noch Text drüberlegen und gut ist
-        * simpel
-        * einfach
-        * kann überall laufen um auf abruf neue intros zu generieren
-    * svg
-        * simpel
-        * gibt im intro/outro generator funktionen für einfache 2D-Animationen
-        * kann überall laufen um auf abruf neue intros zu generieren
-    * blender
-        * aufwändigere animationen
-        * lange Renderdauer
-        * braucht GPU und Hardware, die nicht immer aufm Event vorhanden ist
-    * apple motion
-        * Braucht einen mac
-    * after effects
-        * Windows
-===== Outro =====
+==== statisches PNG ====
+* nur noch Text drüberlegen und gut ist
+* simpel
+* einfach
+* kann überall laufen um auf abruf neue intros zu generieren
+==== svg ====
+* simpel
+* gibt im intro/outro generator funktionen für einfache 2D-Animationen
+* kann überall laufen um auf abruf neue intros zu generieren
+==== blender ====
+* aufwändigere animationen
+* lange Renderdauer
+* braucht GPU und Hardware, die nicht immer aufm Event vorhanden ist
+==== apple motion ====
+Generierte Intros mit Apple Motion sind möglich. Hierzu ist ein Mac mit installiertem *Apple Motion* und *Apple Compressor* notwendig. Zusätzlich ist `ffmpeg` notwendig, dies kann im Zweifel über homebrew installiert werden.
+Danach können mittels des intro-outro-generators automatisiert intros generiert werden. Eine Automatisierung für sonstige Inhalte (Bauchbinden, Outro, Pauseloop) ist nicht vorgesehen.
+==== after effects ====
+* MacOS und Windows only
+* Status der Automatisierung unklar
+===== Outro =====
 -10 Sekunden Abspann am Ende des Vortragsvideos. Platz für eventuelle Danksagungen und wenns unbedingt sein muss Logos von Sponsoren u.ä.
@@ Line 105: / Line 114: @@
 * Dateinamen: siehe https://github.com/voc/voctomix/tree/main/voctocore#16143-select-overlays-from-a-schedule
 ===== Infobeamer =====
-Infoscreen, der zwischen Vorträgen im Vortragssaal gezeigt wird. Vortragsprogramm wird da Zeitabhängig reingetemplated. Kann auch für Digital Signage woanders im Gebäude hergenommen werden.
-    * Vielfältige Designelemente möglich, im Rahmen dessen was die Lua- und Rendering-API von Info-Beamer erlaubt.
+Zwischen Vorträgen wird im Vortragssaal eine Dauerschleife über info-beamer angezeigt. Üblicherweise enthält diese Dauerschleife Informationen zum nächsten Vortrag in diesem Raum, zu anderen Vorträgen im Event und eine Auswahl an Fediverse-Content, der zum Event-Hashtag passt. Üblicherweise wird dafür [[https://info-beamer.com/raspberry-pi-digital-signage-scheduled-player-4765.html|das info-beamer modul 'scheduled player']] verwendet.
-    * https://info-beamer.com/raspberry-pi-digital-signage-scheduled-player-4765.html
-    * verschiedene Hintergründe (optional, wir brauchen mindestens eins) für
+Alternativ können wir auch andere Inhalte anbieten, wie z. B. nur eine quasi-statische Auflistung der zukünftigen Vorträge oder [[https://infobeamer.c3voc.de|User-Submittable Content]]. Kontaktiere deine VOC-Verantwortliche Person, um mehr Details zu bekommen.
-        * Fahrplaninfos
-        * Konferenzinfos
+Wenn gewünscht (und genug Hardware vorhanden), können wir auch andere Bildschirme im Gebäude bespielen. Wir benötigen dafür einen HDMI-Eingang und eine Stromversorgung (Steckdose, evtl. reicht auch USB).
-        * Social Media
-        * (Sponsoren)
+==== Mögliche Designelemente ====
-    * Animationsvideos für Wechsel zwischen Inhaltsbereichen
-        * 2-3s
+  * Bilder müssen als Pixelgrafik (PNG) in der finalen Größe vorliegen.
-    * Wir brauchen alle Designelemente einzeln als Bilder, auch Logos, Schriften etc.
+  * Schriftarten als `.ttf`
+  * Sofern nicht anders angegeben, ist die Ausgabe-Auflösung 1920x1080px (FullHD)
+  * Alle Designelemente idealerweise einzeln, nicht in einem Bild zusammengebaut.
+Als Minimalversion benötigen wir folgende Elemente:
+  * Hintergrundbild
+  * Konferenz-Schriftart
+  * Farben (Hex, `#RRGGBB`)
+Folgende Elemente sind optional, können bei Bedarf und Verfügbarkeit verwendet werden:
+  * verschiedene Hintergründe für
+    * Fahrplaninfos
+    * Konferenzinfos
+    * Social Media
+    * Sponsoren
+  * Animationsvideos für Wechsel zwischen Inhaltsbereichen (MP4 H.264, wir empfehlen nicht mehr als 3s)
+  * Schriften für:
+    * Raum-Name
+    * Talk-Titel
+    * Konferenztag
+    * Uhrzeit
+    * Track-Name
+    * Mastodon-Displayname
+    * Mastodon-Username/Toot-Zeit
+    * Toot-Text
+    * Scroller (mit Toot-Content)
+    * Freitextfelder