Frontend-Projekt

LIGEN

Entwicklung eines Videobearbeitungstools für Fußball-Filmer

Olé, Olé, die Videobearbeitung wird leichter!

Für die LIGEN-Plattform haben wir ein UX-optimiertes Videobearbeitungstool zur Kategorisierung und Bearbeitung von Fußballaufnahmen realisiert. Technologien wie Electron und Angular 8 ermöglichen ein intuitives UI für einfaches Tagging und Hochladen. Die Implementierung erfolgt ohne Abhängigkeiten von weiteren Anwendungen.

Die LIGEN Cutclient Eventübersicht
Die LIGEN Cutclient Erstellen eines neuen Events
Die LIGEN Cutclient Renderübersicht
Die LIGEN Cutclient Rendern
Die LIGEN Cutclient Übersicht
Die LIGEN Cutclient Videoauswahl

Eventübersicht

Das Team von W11K versteht unsere Vision und bringt sich aktiv in die Weiterentwicklung unserer Produkte ein.

Timo Luippold

Geschäftsführer LIGEN

Die Lösung

Auf Basis von Electron und Angular wurde ein Videobearbeitungstool realisiert, mit dem LIGEN seit Anfang 2020 ihre Videos produziert.

Die realisierte Electron-Anwendung wird direkt als ZIP-Archiv distribuiert, damit sie vom Anwender unkompliziert verwendet werden kann. Zusätzliche Anwendungen oder Frameworks müssen nicht installiert werden. Die Anwendung verfügt über ein modernes und intuitives UI zum Taggen der Videoaufnahmen. Alle eingegebenen Daten werden ständig auf die Festplatte persistiert, so kann die Anwendung jederzeit und ohne Datenverlust geschlossen und wieder geöffnet werden. Render- und Upload-Prozess laufen nach dem Tagging der Videodateien automatisch und fehlertolerant. Bei Netzwerkproblemen wird der Upload nach einer kurzen Wartezeit erneut gestartet.

Teilweise hochgeladene Dateien werden fortgesetzt, nach dem Upload wird die Datenintegrität durch eine Prüfsumme (md5) validiert.

Herausforderung

  • CutClient als Tool zum Taggen, Schneiden und Hochladen für Filmer
  • Einfache Kategorisierung der Videoaufnahmen durch Filmer
  • Vollautomatischer Schnitt und Upload auf Server
  • Anbindung zu vorhandenen Schnittstellen bei LIGEN
  • Ersetzen einer veralteten, bisher verwendeten Applikation
  • Anwendung muss auf Windows & macOS ohne weitere Abhängigkeiten installierbar sein
  • Hohe Fehlertoleranz, bei einem Uploadfehler soll die Datei erneut hochgeladen werden
  • Umsetzung einer leicht verständlichen UI nach modernen UX-Gesichtspunkten

Facts

  • Betreuung des Projekts ab 2020
  • Neuentwicklung des Frontends
  • Iteratives Arbeiten mit UX-Reviews

Technologien

Electron

Angular 8

Redux-Store

Top Company 2025