Best of Swiss AppsMobile AppFlutter

Dein Partner beim Lernen.

LearnFox ermöglicht auf einfachste Weise, gedruckte Lehrmittel kopiergeschützt digital zu publizieren. Basierend auf der Idee der binApp haben wir die App auf einer komplett neuen Technologie neu aufgebaut und eine dazu passende Administrationsoberfläche erschaffen.

Zum LearnFoxZum bin-Eigenverlag
Fünf Personen interagieren in einem Klassenzimmer. Vier stehen und einer sitzt mit einem Laptop an einem Tisch. Hinter ihnen stehen Bücher und Stühle.

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.

Zwei Tablets zeigen vor einem blaugrünen Hintergrund Lerninhalte an. Ein Tablet zeigt einen Mathematik-Unterrichtsplan, während das andere verschiedene Unterrichtsmaterialien anzeigt. In der unteren rechten Ecke befindet sich ein Raketensymbol.

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.

Vorbereitung und Planung Mathematik von Schreineren EFZ, veröffentlicht von Petra Platzhalter im Jahr 2019. Auf dem Bildschirm sind verschiedene Navigationsmöglichkeiten sichtbar.

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.

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

Josh

Wenn Josh gerade keine Apps für den bin-Eigenverlag verlegt, bespricht er gern dein Projekt mit dir.

Das haben wir mit dem bin-Eigenverlag gemacht:

Teaser zu relevanten Inhalten

Weitere Erfolgsgeschichten

Teaser zu relevanten Inhalten