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
- Mandantenfähig
- Offlinefähig
- Integrierter PDF-Viewer
- Annotationsmöglichkeit
- Notizen und Bookmarks
- In-PDF Suche
- Automatische Suchindexgenerierung
- Synchronisation über mehrere Geräte
- Automatisierte Auslieferung in die App Stores
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.
«Wir fühlen uns beim Team von smartive gut aufgehoben. Die grosse Fachkompetenz und den lösungsorientierten Arbeitsstil schätzen wir sehr.»
Markus Fröhlich, Verlagsleiter bin Genossenschaft
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.
