Die FrontFace Digital-Signage-Software unterstützt unterschiedlichste Medientypen und Dateiformate, die für die Anzeige auf dem Bildschirm eingebunden werden können. Neben Bildern, Videos und PDFs können dies auch Webseiten sein.

Optimierte Darstellung von Webseiten auf Digital-Signage-Bildschirmen

Der Vorteil bei der Einbindung von Webseiten besteht darin, dass sich so externe Systeme sehr leicht und schnell integrieren lassen. Dazu wird im Wesentlichen nur die URL der gewünschten Seite benötigt.

Neben einer eigenen, auf Chromium basierenden Browser-Engine verfügt FrontFace in der Windows-Version auch über die Möglichkeit, Webseiten mit der Edge-Engine darzustellen. Auf diese Weise wird eine größtmögliche Kompatibilität für die fehlerfreie Darstellung unterschiedlichster Webseiten erreicht.

Trotzdem ist die Darstellung nicht immer optimal!

Das liegt in erster Linie daran, dass Webseiten in der Regel für die Darstellung im Desktop-Browser oder auf einem Mobilgerät ausgelegt sind. Außerdem umfassen die Webseiten meist Elemente wie Navigationsmenüs oder Banner, die auf einem nicht interaktiven Bildschirm keinen Sinn ergeben und dort nur unnötig Platz beanspruchen. Auch können sich Probleme mit zu kleiner Schrift oder ungünstigen Farbschemata ergeben, die eine Darstellung auf einem Großbildschirm beeinträchtigen.

Glücklicherweise verfügt FrontFace über eine leistungsstarke Funktion, mit der sich Webseiten „on-the-fly“ manipulieren und somit für die Darstellung optimieren lassen: Die sogenannte „Skriptierungs-Funktion“ erlaubt es, nach dem Laden der Seite beliebigen JavaScript-Code auszuführen. Damit lassen sich beispielsweise Formulare automatisiert ausfüllen, Cookie-Banner wegklicken, CSS-Code einbinden und ungewünschte Elemente auf der Seite ausblenden.

Praktische Script-Vorlagen sind bei FrontFace im Lieferumfang bereits enthalten

Zur Vereinfachung sind bereits einige fertige Skript-Vorlagen enthalten, die sofort verwendet und für die eigenen Zwecke angepasst werden können. Trotzdem sei darauf hingewiesen, dass zur Nutzung dieser Funktion grundlegende Kenntnisse der Programmiersprache JavaScript und der Web-Technologien HTML und CSS zwingend erforderlich sind.

Webseiten vor der Anzeige auf dem Bildschirm mit JavaScript manipulieren

Über das Tab „Skriptierung“ erreichen Sie im Einstellungs-Dialog eines Webseiten-Medienobjekts im FrontFace Assistant die Funktion (der Expertenmodus muss dazu aktiviert sein!). Folgende Vorlagen sind im Lieferumgang enthalten und können wie folgt verwendet werden:

  • Cookie-Banner: Mit diesem Script lassen sich gängige Cookie-Banner bestätigen/wegklicken, die sonst die Anzeige der Webseite auf dem Bildschirm behindern würden.
  • Externes CSS einbinden: Über eine externe URL können Sie eine zusätzliche CSS-Datei einbinden, die dann auf die aktuell angezeigte Webseite angewendet wird. Damit lassen sich z.B. Darstellungen anpassen (z.B. Farben, Schriftart/-größen, etc.)
  • Seite mit CSS modifizieren: Ähnlich wie beim Einbinden einer externen CSS-Datei können Sie hier direkt die gewünschten CSS-Regeln einfügen und so ebenfalls die Anzeige der Webseite manipulieren. So lassen sich z.B. über die Regel „display:none;“ für bestimmte Selektoren Elemente auf der Webseite ausblenden, die nicht angezeigt werden sollen.
  • Forms-Logon: Falls die Webseite über eine Forms-basierte Authentifizierung verfügt (also keine Basic Authentication), können Sie den Anmeldevorgang mit diesem Script automatisieren. Dazu stehen auch spezielle Platzhalter für Benutzername und Passwort zur Verfügung, damit diese Werte nicht als Klartext im JavaScript-Code hinterlegt werden müssen.
  • Debug-Ausgabe: Dieses Script zeigt exemplarisch, Sie in FrontFace eine Debug-Ausgabe realisieren können. Diese Funktion ist jedoch nur zum Testen/Einrichten von Scripts gedacht.

Sie haben die FrontFace-Software noch nicht ausprobiert? Jetzt die kostenlose Testversion herunterladen!