Entwicklung einer Smart-TV-App mit Markenkatalog und integrierten Analysefunktionen für Tizen OS

Das Projekt auf einen Blick: Für B1 SmartTV, einen deutschen Anbieter für digitales Marketing, entwickelte Promwad eine Samsung-Tizen-TV-App und ein Administrationspanel von Grund auf neu. Die App bietet einen nach Kategorien gegliederten Katalog mit Werbeseiten verschiedener Marken und einem integrierten Videoplayer. Unternehmen können darüber Werbekampagnen veröffentlichen und Kontaktdaten erfassen, während sie ihre Markenseiten und Analysedaten über das Administrationspanel verwalten. Die auf React/Redux und Node.js basierende Lösung lässt sich problemlos auf andere Smart-TV-Plattformen portieren und bietet eine Samsung-Ads-Integration sowie Deep Links.

Kunde

B1 SmartTV ist ein Anbieter digitaler Marketinglösungen für die Musik- und Sportbranche sowie weitere Branchen in Deutschland. Das Unternehmen konzentriert sich auf die Beratung, Entwicklung und Implementierung von Smart-TV-Anwendungen.

Herausforderung

Der Kunde beauftragte uns mit der Entwicklung einer neuen Version seiner Anwendung und des Systemadministrationspanels. Wir sollten die aktualisierte App auf Basis von Tizen OS von Grund auf neu entwickeln.

Die Anwendung des Kunden ist ein Katalog mit Werbeseiten verschiedener Marken. Unternehmen und Marketingagenturen nutzen sie, um Informationen über ihre Werbeaktionen zu veröffentlichen und Kontaktdaten von Nutzern zu erfassen.

Im Administrationspanel können die Nutzer (Unternehmensvertreter) Markenseiten erstellen und bearbeiten sowie Analyseberichte über deren Besucherzahlen und Traffic generieren.

Die wichtigsten Funktionen der App:

Auswahl und Anzeige von Markeninhalten, nach Kategorien geordnet.
Integrierter Videoplayer zur automatischen Erstellung von Playlists und Wiedergabe von Videos.
Markenseiten mit detaillierten Informationen über Produkte, Dienstleistungen und Marketingkampagnen der Marken.
Einstellungen für App-Benachrichtigungen und automatische Lokalisierung.

Lösung

1. Konzept

Wir analysierten die Erfahrungen und Anforderungen des Kunden auf Grundlage der vorherigen App-Version sowie des fertigen UI-Designs, das von einem externen Entwickler bereitgestellt wurde. Anschließend stimmten wir die Softwareanforderungen ab.

Die Hardwareplattform der App – Samsung-Fernseher mit dem Betriebssystem Tizen – bringt folgende Einschränkungen und Anforderungen mit sich:

Notwendigkeit, eine räumliche Navigation über das Steuerkreuz (D-Pad) zu implementieren;
Fehlendes adaptives Bildschirmlayout;
Integration mit Samsung Ads.

Die wichtigsten Anforderungen an die Anwendung:

Kompatibilität mit aktuellen und älteren Samsung-TV-Modellen;
Schnelle Reaktionszeiten und eine durchdachte Benutzererfahrung (UX).

2. Softwareentwicklung

Zunächst entwickelten wir die Client-Seite der Anwendung, damit unser Kunde das System potenziellen Kunden bereits vor Abschluss des Projekts präsentieren konnte.

Für die Client-Seite verwendeten wir JavaScript-Frameworks (React/Redux), um die spätere Anpassung der Anwendung an andere Smart-TV-Plattformen zu erleichtern.

Anschließend entwickelten wir die Serverseite und das Administrationspanel. Dabei setzten wir Node.js und Bootstrap ein, um die Weiterentwicklung und Anpassung des Produkts zu vereinfachen.

Ergebnis

Die App lässt sich problemlos in Samsung Ads integrieren und unterstützt Deep Links (Hyperlinks, die direkt zu einem bestimmten Bereich der App führen). Dadurch entstehen neue Einstiegsmöglichkeiten für Nutzer.
Die Anwendung lässt sich schnell an andere Smart-TV-Plattformen anpassen.
Markeninhalte können über das Administrationspanel sofort hinzugefügt und bearbeitet werden. Gleichzeitig stellt das Analysemodul den App-Nutzern detaillierte Statistiken zur Verfügung. Zur Datenerfassung und Berichterstellung werden benutzerdefinierte Google-Analytics-Ereignisse verwendet.