Sportworld Smart TV-App für mobile Plattformen portiert

Kunde 

Unser Kunde NativeWaves ist der exklusive Technologieanbieter für B1 SmartTV, der digitale Lösungen für Musik, Sport und andere Branchen in Deutschland anbietet. B1 SmartTV konzentriert sich auf Beratung, Entwicklung und Implementierung von Smart TV-Anwendungen. 

Herausforderung 

Der Kunde beauftragte uns, eine neue Version der Sportworld-Anwendung zu entwickeln. Wir sollten die App von Grund auf für Smart TVs entwickeln, die auf dem Samsung Tizen OS laufen. 

Die Anwendung sollte mehrere Live-Kanäle, On-Demand-Videos und zukünftige Events bieten sowie die standardmäßige vollständige Integration von Google Analytics unterstützen. Sie sollte außerdem die Benutzerregistrierung und den Kauf von Abonnements ermöglichen. 

Lösung 

^{Die Sportworld-Anwendung bietet Sportanbietern eine Plattform, um ihre Inhalte zu präsentieren} 

1. Konzeptentwicklung 

Wir analysierten die Erfahrungen und Anforderungen des Kunden, basierend auf der vorherigen Version der App. Ein externes Designbüro stellte das fertige UI-Konzept bereit. Wir berücksichtigten all diese Vorgaben und entwickelten unser Anwendungsdesign.

2. Softwareentwicklung 

Die Liste der unterstützten Zielplattformen umfasste TV-Geräte ab dem Jahr 2017 bis hin zu den neuesten Modellen. Daher legten wir besonderes Augenmerk auf die Leistung der Anwendung auf älteren Plattformen. 

Frontend 

Für das Projekt verwendeten wir folgende Technologien:

• React.js, Typescript 4.4 
• Styled-components 
• Zustand 
• Webpack 

Unsere Softwareentwickler implementierten folgende Funktionen im Smart TV-App-Design: 

• Live-HLS-Streaming;
• VOD (Video on Demand);
• beworbene Veranstaltungen und Kalender;
• Benachrichtigungen über bevorstehende Spiele und Events;
• SSO mit Integration der Plenigo-Plattform;
• Autorisierung durch Scannen eines QR-Codes mit dem Handy;
• kostenpflichtige Abonnements;
• Kampagnen auf neuen TV-Modellen;
• Google Analytics mit benutzerdefinierten Ereignissen;
• dynamische Theme-Unterstützung: global und pro Seite. 

Die Architektur der Anwendung ermöglichte es uns, sie auf andere Smart TV-Entwicklungsplattformen wie WebOs und FireTV zu portieren. 

Backend 

Der Kunde stellte das Backend zur Verfügung. Eine besondere Eigenschaft ist die maximale Atomisierung der Daten und gleichzeitig die Verwendung der Standard-REST-API. Alle Daten sind gut in der Swagger-Dokumentation beschrieben, was eine schnelle Reaktion auf Änderungen ermöglicht. 

Geschäftlicher Nutzen 

Durch unseren Kunden NativeWaves wurde B1 SmartTV mit einer neuen Version der Sportworld-Anwendung aktualisiert, die auf deren Spezifikationen zugeschnitten ist. Diese interaktive Plattform ermöglicht es Sportfans, leicht eine Vielzahl von Sportinhalten zu entdecken und anzusehen. Außerdem bietet sie Sportanbietern eine attraktive Möglichkeit, ihre Inhalte zu präsentieren, ergänzt durch interaktive und transaktionale Funktionen.  

Die Anwendung wird auf den Smart TVs einer großen Anzahl von Nutzern vorinstalliert: Sie wird mit neuen TV-Modellen in den Geschäften der DACH-Region ausgeliefert. 

Promwad entwickelte die App mit Deep Links (Hyperlinks, die zu einem bestimmten Abschnitt der App führen): Dies eröffnet neue Einstiegspunkte für Endbenutzer. Der Inhalt kann sofort in der Administrationsoberfläche hinzugefügt und bearbeitet werden. Das Analysetool bietet den Nutzern der App sehr detaillierte Statistiken (benutzerdefinierte Google Analytics-Ereignisse zur Datenerfassung und Berichtserstellung).  

Die Architektur der Anwendung umfasst das Potenzial für eine schnelle Anpassung an andere Smart TV-Plattformen, was es B1 SmartTV ermöglicht, seine Zielgruppe erheblich zu erweitern.