howto:design-artefakte

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
howto:design-artefakte [2024/10/27 21:06] – jwacalexhowto:design-artefakte [2024/11/08 14:11] (current) – scientress
Line 19: Line 19:
  
 ===== Styleguide ===== ===== 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 ==== ==== Streamingwebseite ====
Line 92: Line 92:
  
 ==== apple motion ==== ==== apple motion ====
-* Braucht einen mac +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. 
-* Status der Automatisierung unklar+ 
 +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 ==== ==== after effects ====
-* Windows+* MacOS und Windows only
 * Status der Automatisierung unklar * Status der Automatisierung unklar
  
Line 113: Line 114:
 * Dateinamen: siehe https://github.com/voc/voctomix/tree/main/voctocore#16143-select-overlays-from-a-schedule * Dateinamen: siehe https://github.com/voc/voctomix/tree/main/voctocore#16143-select-overlays-from-a-schedule
  
-===== Infobeamer =====  +===== 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
  
  
  • howto/design-artefakte.1730059575.txt.gz
  • Last modified: 2024/10/27 21:06
  • by jwacalex