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.
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
