Plattform und App für digitale Lehrmittel

Die Geschichte

2020 haben wir die Weiterentwicklung der binApp übernommen und zuerst das Backend und die Datenbank ausgetauscht. Im Wissen, dass das LearnFox-Projekt folgt, haben wir das System gleich mandantenfähig gebaut. Beim Austausch des Data-Access-Layers in der der binApp haben wir schnell gemerkt, dass die Weiterentwicklung auf Basis von Angular-Ionic und Redux unberechenbar umständlich und aufwändig werden würde.

Der Plan

Als nächstes sollte also die SaaS-Plattform «LearnFox» geschaffen werden, damit weitere Verlage ihre Publikationen digital anbieten können. Die Kompatibilität mit den Anforderungen des hausinternen Verlags musste dabei unbedingt eingehalten werden. Um uns für die Zukunft zu rüsten, haben wir ein Technologie-Upgrade zu Flutter geplant.

Die Herausforderung

Eine bestehende App neu aufbauen und zur SaaS-Plattform erweitern. Neu gestaltet, neue Technologie, gleiche Funktionalität - dafür etwas schneller, etwas besser und ein bisschen schöner. Dazu eine webbasierte Administrationsoberfläche, in der die Verlage ihre Publikationen und Berechtigungen verwalten können.

Unsere Lösung

Besser aussehen also. Deshalb haben unsere Designer*innen gleich mit Entwicklung des LearnFox-Brands gestartet, während sich die Software Engineers um die technische Grundlage gekümmert haben. Danach haben wir fortlaufend Screendesigns für die verschiedenen Funktionen angefertigt und diese Sprint für Sprint umgesetzt. Die grösste Komplexität war die Umsetzung eines vollständigen PDF-Viewers in C mit einem Game-Engine-basierten Annotationslayer, da es für Flutter noch keinen solchen gegeben hat.

The Facts

• Über 5'000 User*innen
• Verfügbar auf Android, iOS, macOS und Windows
• Mandanten- und Offlinefähig
• PDF-Viewer mit Annotationsmöglichkeit
• Synchronisation über mehrere Geräte

Ein Blick hinter die Kulissen

Technology

Die neue App haben wir mit Flutter umgesetzt. Das eignet sich perfekt für native Apps: mehrere Plattformen, eine einzige Codebasis.

Der Login

Für die Benutzerverwaltung kommt die Schweizer IAM-Plattform ZITADEL zum Einsatz. Wofür das gut ist? Mach dich schlau: IAM.

Eine Gaming Engine

Da es in Flutter keinen Canvas gibt, haben wir für den Annotationslayer im PDF-Viewer die graphx Gaming-Engine eingebaut.

Und die Administration?

Das App ist das Highlight. Klar! Aber der Inhalt will ja auch verwaltet werden. Die Benutzer*innen selbst können (noch?) keine Bücher hochladen. Das macht der Publisher. Und dafür gibts das webbasierte LearnFox Admin Tool. Dazu haben wir (natürlich im LearnFox Look-and-feel) eine Next.js Applikation mit Tailwind gebaut.