Animationseditor und Mediendatenbank im Browser

Die Lucas-Nülle GmbH entwickelt und produziert seit mehr als 45 Jahren Trainingssysteme für Bildungseinrichtungen für insgesamt 18 technische Fachbereiche, u. a. Elektrotechnik, Elektronik, Automatisierungstechnik, Mechatronik, Kommunikationstechnik und Kraftfahrzeugtechnik. Diese Trainingssysteme bestehen aus einem technischen Trainingsmodul und jeweils didaktisch optimierten Fachinhalten über eine eigene, modular aufgebaute Lernplattform.

Zur Erstellung der Lerninhalte hat Grey Rook für Lucas-Nülle (LN) einen Animationseditor entwickelt und eine Mediendatenbank implementiert. Die so erstellten Lerninhalte können in verschiedene Lernplattformen und Schulungssysteme der Lucas-Nülle GmbH integriert werden.

Zielgruppe

Ausbilder:innen und Lehrkräfte in der gewerblich-technischen, praxisorientierten Aus- und Weiterbildung. Umsetzer:innen von weltweiten Bildungsprojekten.

Herausforderung

  • LN verfügt über ein eigenes CMS-System zur Erstellung von Lerninhalten.
  • Der von Grey Rook entwickelte Animationseditor ist in die Systemarchitektur von LN integriert und liefert die entsprechenden Animationen an die Lernenden aus.
  • Die Herausforderung besteht darin, dass die Lernenden entweder das webbasierte CMS-System oder eine installierbare Software (LabSoft) und die dazugehörige Hardware verwenden können, was eine Reduzierung der Größe der Exportdateien notwendig macht.

Details

Branche: Bildung, E-Learning

Standort: Kerpen

Kontakt: Lucas-Nülle GmbH

Softwarelösung: Individuelle Software

Kooperationsmodell: Scrum-Team

Lösung

Erstellung technischer Animationen und Simulationen

Der Animationseditor von Grey Rook bietet die Möglichkeit, interaktive technische Animationen und Simulationen zu erstellen. Im Player des Animationseditors können Lernende z. B. Schaltkreise zusammenbauen, aus Einzelteilen ganze Motoren zusammensetzen oder komplexe technische Berechnungen durchführen. 

Interaktion komplexer Systeme

Die Erstellung von Lerninhalten und deren Nutzung soll möglichst reibungslos funktionieren. Dazu müssen die Inhalte aus dem CMS mit den Inhalten aus dem Animationseditor verknüpft werden. Die Autorinnen und Autoren von LN verwenden das CMS, um Lerninhalte zu erstellen und Animationen aus dem Animationseditor darin zu integrieren.
Die Lernenden verwenden das CMS oder LabSoft (installierbare Software), um die Lerneinheiten abzurufen. Für interaktive Animationen verwenden sie den Player aus dem Animationseditor, der über iFrame in die LN-Systemarchitektur integriert ist. Der Wechsel zwischen den beiden Systemen ist für die Lernenden nicht wahrnehmbar.

Übersichtliche Medienverwaltung und -verzeichnis

Zur Verwaltung der verwendeten Medien stellt Grey Rook eine Mediathek zur Verfügung, die als browserbasiertes Dateisystem realisiert ist und es den Autorinnen und Autoren ermöglicht, Bilder, Videos und Simulationen hochzuladen, zu organisieren und einzubinden.

In der Mediendatenbank haben die Autorinnen und Autoren die Möglichkeit, sowohl fertige Lerneinheiten als auch einzelne Elemente dieser Lerneinheiten zu suchen und zu verwalten.

Versionierung von Animationen

Damit sich Änderungen an einzelnen Animationen nicht auf alle Lerninhalte auswirken, in die diese Animation eingebunden ist, wurde eine Versionierung eingeführt. Durch die Versionierung wird genau dokumentiert, in welchem Lerninhalt welche Animation in welcher Version eingebunden ist.

Tech-Stack

  • Verwendete Frontend-Technologien in der Mediathek: WebComponents, React, React-Redux, Redux-Sagas, ResumableJS, JWT
  • Verwendete Backend-Technologien in der Mediathek: AioHTTP, MongoDB, S3
  • Verwendete Frontend-Technologien im Editor: WebComponents, Angular, FabricJS, Shaka Player
  • Verwendete Backend-Technologien im Fragen-Backend: FastAPI, MongoDB
  • Infrastruktur: GitLab, AWS EC2, AWS S3, Kubernetes, Helm

Ergebnis

Komplexe technische Sachverhalte werden durch interaktive Animationen und Simulationen zu leicht verständlichen Fachinhalten, die ortsunabhängig oder in Verbindung mit entsprechender Hardware anschaulich und zielgruppengerecht eingesetzt werden können.

Seit vielen Jahren liefert Grey Rook erfolgreiche Softwarelösungen für unseren individuellen Bedarf und unterstützt uns zuverlässig bei verschiedensten Softwareprojekten. Das Unternehmen entwickelt sich stetig weiter und wird auch zukünftig ein kompetenter Partner für neue Herausforderungen sein.

Adrian Grabinski, Content Manager, Entwicklung