Hinzufügen eines Rechners zu Ihrer mobilen Anwendung

8. März 2024 Aktualisiert am 9. Juni 2026 3 Min. Lesezeit

Für Designer, die ihre Anwendungen bereichern möchten, ist ein Rechner die Lösung der Wahl. Er kann die Aufmerksamkeit der Benutzer mit dynamischen und personalisierten Inhalten auf sich ziehen.

Der GoodBarber Add-ons Store bietet bereits einige Tools wie einen Body-Mass-Index-Rechner oder einen Währungsrechner. Für diejenigen, die noch weiter gehen möchten, empfehlen wir Appizy, eine Lösung, mit der Sie eine Excel-Tabelle in leistungsstarke Rechner für Ihre mobilen Anwendungen umwandeln können.

Geschichte des Appizy-Projekts

Das erste Low-Code-Tool der Welt ist über 40 Jahre alt.

Low-Code- und No-Code-Tools sind in den letzten Jahren explosionsartig angestiegen. Dabei wird jedoch vergessen, dass es das low-code und intuitivste Design-Tool der Welt bereits seit Mitte der 80er Jahre gibt: Excel. Es ist unmöglich, die Vielfalt und die Verwendung von Tabellenkalkulationen zu zählen. Sie ist überall in unseren Unternehmen, Organisationen und Vereinen zu finden.

Appizy sieht Excel-Nutzer als erfahrene Entwickler von Branchensoftware. Sein Ziel ist es, eine Brücke zwischen der Büroautomatisierung und dem Web zu schlagen. Mit dem Hinzufügen von GoodBarber wird ein weiterer Schritt getan, um eine Brücke zwischen Büroanwendungen und nativen mobilen Anwendungen zu schlagen.

Design des Rechners

Erste Version unseres Hypothekenrechners als Tabellenkalkulation

Wir haben die Appizy-Lösung bereits 2020 im GoodBarber Blog vorgestellt. In diesem Jahr werden wir erneut darüber berichten, da neue Funktionen verfügbar sind. Wir werden Ihnen diese anhand der Erstellung eines Immobilienkreditrechners zeigen.

Das erste Design
In einem ersten Schritt entwerfen wir das Tool in zwei Teilen. Auf der einen Seite stehen die Eingabedaten: Kaufpreis, Zinssatz, etc. Auf der anderen Seite die monatliche Rate und die Details des Darlehens.

Ein treues Ergebnis, aber nicht für den mobilen Gebrauch geeignet

Nach der Umwandlung in eine Anwendung durch Appizy sind die Zellen auf der linken Seite gut bearbeitbar und die Zellen auf der rechten Seite werden laufend aktualisiert. Es ist jedoch zu erkennen, dass die resultierende Schnittstelle auf einem Großbildschirm funktioniert, nicht aber auf einem mobilen Gerät mit vertikalem Scrollen.

Mobile Optimierung
Appizy bietet einen Layout-Baukasten, der jede Registerkarte unserer grundlegenden Tabellenkalkulation als einen eigenständigen Bereich betrachtet. Es ist dann möglich, die Registerkarten in verschiedenen Spalten anzuordnen, die sich an die Größe der Anwendung anpassen.

Wir beginnen damit, den Inhalt unserer Anwendung in 3 Registerkarten (oder 3 Bereiche) zu unterteilen: eine für die Eingabe, eine zweite für die Zusammenfassung und eine letzte für die Details der Berechnung. Dann erstellen wir mit Hilfe des Layout Builders ein zweispaltiges Layout: links die Eingaberegisterkarte, rechts die beiden anderen Registerkarten. Das Ergebnis passt sich nun allen Bildschirmformaten an.

Integration in GoodBarber

Um den Rechner in eine GoodBarber-Anwendung einzubinden, wählen wir einen Bereich "Eigener Code " im Add-ons Store. Diese Add-ons bieten Zugang zu einem speziellen Texteditor, der speziell für das Hinzufügen von Code entwickelt wurde.

Sobald die Add-ons installiert sind, haben wir zwei Optionen, um den Rechner einzufügen:

Im Einbettungsmodus, schnell und einfach: Wir rufen den Link der bei Appizy gehosteten Anwendung ab und fügen ihn in den Editor ein.
Mit dem Code: Wir laden den Code der Anwendung herunter und laden ihn erneut in den Editor hoch. Der Rechner läuft dann unabhängig von einem Server und somit im Offline-Modus.

Jetzt müssen Sie nur noch den Code speichern und die Vorschau öffnen. Fertig!

Zum Abschluss

Mit Appizy ist das Hinzufügen eines Kalkulators zu Ihrer GoodBarber-Anwendung extrem einfach. Sobald Sie das Tool in einer Tabellenkalkulation erstellen können, ist es nur noch wenige Klicks von Ihrer mobilen App entfernt.

In diesem Beispiel haben wir die großen Schritte zur Entwicklung und Integration eines Darlehensrechners durchlaufen. Die Anwendungen sind jedoch nicht auf Immobilien beschränkt. Sind Sie ein Sporttrainer? Erstellen Sie einen Simulator für ein persönliches Sportprogramm. Für einen Lehrer? Entwickeln Sie pädagogische und spielerische Tools, die Ihre Schüler auf Handys und Tablets finden können. Besuchen Sie die Appizy-Website, um sich die Ergebnisse anzusehen und laden Sie Tabellenkalkulationsprogramme herunter, um Ihre eigenen Tools loszugehen`s.