RIDA®SMART APP – Technologie und Architektur-Upgrade der Implementierung (Teil 2)

Die RIDA®SMART APP (Red Dot Award 2022, Kategorie „Interface Design“) ermöglicht Landwirten und Lebensmittelproduzenten die schnelle und unkomplizierte Analyse von Mykotoxinen – direkt vor Ort, ohne ein vollständig ausgestattetes Labor. Über die Smartphone-Kamera lassen sich Teststreifen auswerten, sodass Qualitätskontrollen mobil, zuverlässig und effizient erfolgen können. In dieser Case Study zeigen wir, wie wir R-Biopharm dabei unterstützten, die Architektur der RIDA®SMART APP zukunftsfähig umzusetzen.

Ausgangssituation & Projekt

Nachdem R-Biopharm und Custom Medical bereits das User Interface Design der RIDA®SMART APP entwickelt haben und dafür 2022 mit dem Red Dot Award ausgezeichnet wurden, sollte nun die nächste entscheidende Phase starten: das zukunftsichere und skalierbare Aufstellen der App für alle Weiterentwicklungen.

Im Fokus lag dabei, zu gewährleisten, dass die App langfristig wartbar sowie funktional erweiterbar ist. Dazu sollte die bestehende Architektur analysiert und eine falls notwendig eine Technologieänderung vorgeschlagen und umgesetzt werden.

Parallel dazu sollten direkt auch weitere Funktionen, Screens und Interaktionen gestaltet sowie integriert werden.

Analyse der bestehenden App-Architektur der RIDA®SMART App zur Verbesserung von Wartbarkeit und Skalierbarkeit

Unser Vorgehen

01

Kick-off und Bestandsaufnahme

Zu Projektstart analysierten wir den aktuellen Zustand der bestehenden App, um ein tiefes Verständnis für die technischen Strukturen, Nutzungsabläufe und Prozesse zu gewinnen. Dabei zeigte sich, dass die bisherige Architektur auf Basis klassischer Android Views die Erweiterbarkeit und Wartbarkeit einschränkte. Dieses Verständnis bildete die Grundlage für eine passgenaue und zukunftsfähige Architektur.

Die Umsetzung erfolgte in engen, wöchentlichen Zyklen zusammen mit R-Biopharm. Durch die Entwicklung in der kundenorientierten technischen Umgebung war der Prozess jederzeit transparent. Diese enge Zusammenarbeit ermöglichte eine hohe Flexibilität und einen reibungslosen Projektverlauf – von der ersten Analyse bis zur fertigen Implementierung.

Kick-off zur technischen Analyse und Neustrukturierung der RIDA®SMART App

Evaluation moderner Android-UI-Technologien und Proof of Concept mit Jetpack Compose

02

User Interface Technologieauswahl

Die Wahl der passenden UI-Technologie war ein entscheidender Schritt, um die RIDA®SMART APP langfristig zukunftssicher und effizient weiterentwickeln zu können. Nach einer detaillierten Analyse empfahlen wir den Wechsel auf Jetpack Compose – das moderne Framework für Android-Interfaces.

Um sicherzustellen, dass die App vollständig mit dieser Technologie umgesetzt werden kann und das neu überarbeitete User-Interface-Design präzise abbildbar ist, entwickelten wir zunächst einen funktionsfähigen Prototypen. Dieser Proof of Concept ermöglichte es uns, Navigationsstrukturen, Screens und das Interaktionsverhalten realitätsnah zu testen. Erst nachdem diese Tests erfolgreich abgeschlossen wurden, wurde die endgültige Entscheidung für Jetpack Compose getroffen.

03

Modulare Architektur definieren

Ein zentraler Bestandteil des Projekts war die Neustrukturierung der App-Architektur. Die bisherige App war über Jahre gewachsen, ohne eine klar definierte modulare Struktur zu nutzen. Das führte zu Einschränkungen in Testbarkeit und Erweiterbarkeit.

Für die neue Implementierung entwickelten wir daher eine moderne, modular aufgebaute Architektur. Diese legt klar fest, welche Funktionsbereiche der App voneinander abhängig sind und wie Datenflüsse organisiert sind. Diese klare Struktur schafft die Basis für umfangreiche automatisierte Tests und erlaubt die unabhängige Weiterentwicklung einzelner Module.

Definition einer modularen App-Architektur zur Verbesserung von Testbarkeit und Erweiterbarkeit

Entwicklung wiederverwendbarer UI-Komponenten in Jetpack Compose für die RIDA®SMART App

04

Entwicklung von User Interface Komponenten

Im nächsten Schritt entwickelten wir eine Bibliothek sämtlicher in der App verwendeten User Interface Componenten in Jetpack Compose. Da die App mit dem preisgekrönten User Interface Design umgesetzt werden sollte, bestand unsere Herausforderung darin, auf der einen Seite pixelgenau zu übersetzen und zugleich so flexibel zu sein, dass alle Komponenten wiederverwendbar und konsistent einsetzbar sind.

05

Bedienabläufe implementieren

Die modulare Architektur und die User Interface Komponenten bildeten die Grundlage für die Implementierung der konkreten Bedienabläufe und Funktionen der App. Alle Screens und Interaktionen wurden auf Basis des preisgekrönten Designs exakt umgesetzt, sodass die App für die Nutzerinnen und Nutzer visuell unverändert bleibt, während sie technologisch auf höchstem Niveau modernisiert wurde.

Implementierung neuer Screens und Interaktionen basierend auf preisgekröntem UI-Design

Automatisierte UI-Tests und Qualitätssicherung zur Validierung der neuen App-ArchitekturAutomatisierte UI-Tests und Qualitätssicherung zur Validierung der neuen App-Architektur

06

Qualitätssicherung und Tests

In dieser Phase übernahmen wir die vollständige Qualitätssicherung der neuen technischen Basis. Wir entwickelten automatisierte User Interface Tests, die das Verhalten der App realitätsnah simulieren und alle zentralen Workflows abdecken. So stellten wir sicher, dass jede Komponente stabil funktioniert und sich das neue System unter verschiedenen Bedingungen zuverlässig verhält. Durch diese automatisierten Tests konnten wir den manuellen Testaufwand erheblich reduzieren.

Darüber hinaus führten wir kontinuierliche Code-Reviews und technische Validierungen durch, um eine hohe Qualität über alle Projektphasen hinweg sicherzustellen.

07

Agile Zusammenarbeit und Ergebnisübergabe

Zum Abschluss übergaben wir eine technisch grundlegend modernisierte App – vollständig auf Jetpack Compose basierend, modular aufgebaut und automatisiert testbar. Wir stellten sicher, dass sämtliche neuen Komponenten und Architekturentscheidungen klar dokumentiert, nahtlos integriert und durch automatisierte Tests verifiziert wurden.

Das aktualisierte Design wurde pixelgenau in die neue technische Basis übertragen, sodass die App nicht nur eine moderne, hochwertige UI erhielt, insgesamt auf ein neues technologisches Niveau gehoben wurde. Mit dieser stabilen und skalierbaren Grundlage kann R-Biopharm zukünftige Funktionen deutlich schneller umsetzen, Änderungen wartungsarm integrieren und die RIDA®SMART App langfristig erfolgreich weiterentwickeln.

Modernisierte RIDA®SMART App auf Smartphone – modular aufgebaut und vollständig auf Jetpack Compose basierend

Lassen Sie uns beginnen!

Auch Sie wollen Ihre Software für Medizinprodukte modernisieren, eine skalierbare App-Architektur entwickeln oder Ihr UI-Design durch eine hochwertige Implementierung zum Leben erwecken? Dann melden Sie sich bei uns. Wir freuen uns darauf, Sie und Ihr Produkt kennenzulernen!

Kontakt