Mehr Infos

RIDA®SMART APP – Technology and architecture upgrade of the implementation (part 2)

The RIDA®SMART APP (Red Dot Award 2022, “Interface Design” category) enables farmers and food producers to analyze mycotoxins quickly and easily – directly on site, without a fully equipped laboratory. Test strips can be evaluated using the smartphone camera, so that quality controls can be carried out reliably and efficiently on the move. In this case study, we show how we supported R-Biopharm in implementing the architecture of the RIDA®SMART APP in a future-proof way.

Initial situation & project

Now that R-Biopharm and Custom Medical have already developed the user interface design of the RIDA®SMART APP and received the Red Dot Award in 2022, the next decisive phase should begin: the future-proof and scalable positioning of the app for all further developments.

The focus was on ensuring that the app is maintainable and functionally expandable in the long term. To this end, the existing architecture was to be analyzed and, if necessary, a technology change proposed and implemented.

At the same time, further functions, screens and interactions were to be designed and integrated.

Analysis of the existing app architecture of the RIDA®SMART app to improve maintainability and scalability

Our approach

01

Project planning and kickoff

At the start of the project, we analyzed the current state of the existing app in order to gain a deep understanding of the technical structures, usage sequences and processes. This revealed that the previous architecture based on classic Android views limited expandability and maintainability. This understanding formed the basis for a custom-fit and future-proof architecture.

The implementation was carried out in close, weekly cycles together with R-Biopharm. By developing in the customer-oriented technical environment, the process was transparent at all times. This close cooperation enabled a high degree of flexibility and smooth project progress – from the initial analysis to the final implementation.

Kick-off for the technical analysis and restructuring of the RIDA®SMART app
Evaluation of modern Android UI technologies and proof of concept with Jetpack Compose

02

User interface technology selection

Choosing the right UI technology was a crucial step in being able to further develop the RIDA®SMART APP in a future-proof and efficient manner in the long term. After a detailed analysis, we recommended switching to Jetpack Compose – the modern framework for Android interfaces.

To ensure that the app can be fully implemented with this technology and that the newly revised user interface design can be precisely mapped, we first developed a functional prototype. This proof of concept enabled us to realistically test navigation structures, screens and interaction behavior. Only after these tests had been successfully completed was the final decision made in favor of Jetpack Compose.

03

Define modular architecture

A central component of the project was the restructuring of the app architecture. The previous app had grown over the years without using a clearly defined modular structure. This led to limitations in testability and expandability.

We therefore developed a modern, modular architecture for the new implementation. This clearly defines which functional areas of the app are interdependent and how data flows are organized. This clear structure creates the basis for extensive automated tests and allows the independent further development of individual modules.

Definition of a modular app architecture to improve testability and expandability
Development of reusable UI components in Jetpack Compose for the RIDA®SMART app

04

Development of user interface components

In the next step, we developed a library of all the user interface components used in the app in Jetpack Compose. Since the app was to be implemented with the award-winning user interface design, our challenge was to translate pixel-perfectly on the one hand and at the same time be flexible enough to ensure that all components could be reused and used consistently.

05

Implement workflows

The modular architecture and the user interface components formed the basis for the implementation of the app’s specific operating sequences and functions. All screens and interactions were precisely implemented on the basis of the award-winning design, so that the app remains visually unchanged for users while being technologically modernized at the highest level.
Implementation of new screens and interactions based on award-winning UI design
Automated UI tests and quality assurance to validate the new app architectureAutomated UI tests and quality assurance to validate the new app architecture

06

Quality assurance and tests

In this phase, we took over the complete quality assurance of the new technical basis. We developed automated user interface tests that realistically simulate the behavior of the app and cover all central workflows. In this way, we ensured that every component functions stably and that the new system behaves reliably under different conditions. These automated tests enabled us to significantly reduce the amount of manual testing required.

In addition, we carried out continuous code reviews and technical validations to ensure high quality across all project phases.

07

Agile collaboration and handover of results

Finally, we handed over a technically fundamentally modernized app – based entirely on Jetpack Compose, with a modular structure and automated testing. We ensured that all new components and architectural decisions were clearly documented, seamlessly integrated and verified through automated testing.

The updated design was transferred to the new technical basis with pixel precision, so that the app not only received a modern, high-quality UI, but was also raised to a new technological level overall. With this stable and scalable basis, R-Biopharm can implement future functions much faster, integrate changes with low maintenance and successfully develop the RIDA®SMART app in the long term.

Modernized RIDA®SMART app on smartphone - modular design and fully based on Jetpack Compose

Let’s get started!

Do you also want to modernize your software for medical devices, develop a scalable app architecture or bring your UI design to life with a high-quality implementation? Then get in touch with us. We look forward to getting to know you and your product!
Contact