Digital Signage
Haus der Geschichte
| Implementation of 4 interactive media stations powered by BrightSign digital signage players. The applications were made with HTML5 & JavaScript. |
| Client |
Freilichtmuseum am Kiekeberg |
| Tech |
- Svelte
- JavaScript
- HTML & CSS
- BrightSign Player
|
| Credits |
Panzlau & Prugger:
design, space concept, media planning
Sehen & Zeigen:
video editing, media planning
|
Programming of four touch screen media stations for a permanent exhibition at the Freilichtmuseum am Kiekeberg. All touch screens were powered by BrightSign digital signage players.
Requirements
- implementing the design and content in HTML & CSS
- animated map with transition animation
- touch/swipe content slider with menu
- custom video player with controls
- scroll section indicators
- custom scroll buttons
- reset state after given time
There were two types of media stations. The first one named Architektentisch is a 24" touch screen embedded in a custom made table. Here is an example video of the finished table as it stands in the exhibition.
The Architektentisch
is a 24" touch screen powered by a BrighSign digital signage player.
The other media stations were wall mounted 12" touch screens containing photos, videos and documents.
Wall mounted video station powered by BrightSign digital signage player.
Concept and Design
Space concept including lighting concept, color and font concept, design and implementation planning for exhibition architecture, media planning, project management, implementation and implementation supervision by Panzlau Prugger.
Video editing, media planning, project management by Sehen & Zeigen.
Technical Notes
The BrighSign player is capable of rendering HTML5 content in a Chrome instance. The apps are basicaly javascript single page applications running completly offline in browser fullscreen mode.
Since the BrighSign devices have limited hardware ressources, Svelte was used as the underlying javascript framework. During some initial tests Svelte outperformed Vue.js and React in terms of perceived performance.
