In einer Welt voller mächtiger Buchhaltungssoftware und gigantischer Tabellenkalkulationen scheitern wir im Alltag oft an einer ganz banalen Aufgabe: Mal eben schnell ein paar Belege addieren, Notizen hinzufügen und Rabatte ausrechnen.
Klassische Taschenrechner vergessen den Rechenweg in der Sekunde, in der man auf das Ergebnis drückt. Excel-Tabellen sind auf dem Smartphone viel zu fummelig.
In diesem Artikel werfen wir einen pragmatischen Blick hinter die Kulissen der Entwicklung: Vor welchen Problemen wir standen, wie die Prozent-Logik rechnet und warum KI allein keine funktionierenden Apps baut.
1. Das Problem: Die Grenzen klassischer Rechner
Wer schon einmal versucht hat, auf dem Smartphone eine längere Liste von Spesenbelegen zusammenzurechnen, kennt diese Frustrationen:
- Der "Gedächtnisverlust": Vertippt man sich bei der zehnten Zahl, fängt man von vorne an. Es gibt keinen sichtbaren Verlauf zum Korrigieren.
- Fehlender Kontext: Am Ende steht da eine Summe wie
457,80 €. Doch welche Zahl gehörte zum Benzin, welche zum Mittagessen und welche war die Parkgebühr? - Starrheit: Möchte man einen Rabatt von
10%abziehen, bezieht sich dieser bei Standard-Rechnern immer nur auf das direkte Zwischenergebnis.
2. Die Lösung: Der intelligente digitale Rechenstreifen
Smarttape Professional kombiniert das Beste aus zwei Welten. Das Konzept basiert auf einem digitalen Rechenstreifen:
- Volle Editierbarkeit: Jede Zeile wird wie auf einem Packpapierstreifen aufgelistet. Klickt man auf eine Zahl, berechnet sich die gesamte Summe live neu.
- Kontext durch Notizen & Tags: Jede Zahl kann direkt mit einer Notiz und einem Tag versehen werden (z. B.
120,00 € #Fahrtkosten). - Kategorisiertes Controlling: Am Ende des Belegs aggregiert die App automatisch alle Beträge nach ihren Tags.
- Dynamische Prozentrechnung: Eine einzige
%-Taste deckt alle Anwendungsfälle ab.
Der direkte Vergleich
| Feature | Klassischer Taschenrechner | Excel / Spreadsheet | Smarttape Professional |
|---|---|---|---|
| Rechenweg sichtbar | ❌ Nein | ⚠️ Formel-Ansicht (komplex) | ✅ Ja (als Rechenstreifen) |
| Nachträglich editierbar | ❌ Nein | ✅ Ja | ✅ Ja (Direktklick) |
| Kategorisierung (#Tags) | ❌ Nein | ⚠️ Nur mit Formelaufwand | ✅ Ja (Automatische Auswertung) |
| Mobile Bedienung | ✅ Einfach | ❌ Sehr fummelig | ✅ Optimiert für Einhand-Nutzung |
3. Technische Umsetzung: Die smarte Prozent-Logik
Das Herzstück der Berechnung ist die dynamische Auswertung des Tapes. Anstatt Zwischenstände starr zu speichern, nutzt Smarttape Professional ein reaktives Modell in React.
Die Prozent-Taste erlaubt es, einen Prozentsatz auf drei verschiedene Arten anzuwenden:
- 1`total`: Auf die gesamte bisherige Belegsumme.
- 2`block`: Auf die Summe des aktuellen Blocks (seit der letzten Zwischensumme).
- 3`single`: Nur auf die unmittelbar vorhergehende Zeile.
Der Code hinter der Prozent-Berechnung
Hier ist ein Auszug aus der Evaluierungs-Schleife, die bei jeder Änderung blitzschnell im Hintergrund läuft:
const rotatePercentageRef = () => {
setTape(prev => {
if (prev.length === 0) return prev;
const newTape = [...prev];
const lastRow = { ...newTape[newTape.length - 1] };if (lastRow.type === 'entry' && (lastRow.op === '%+' || lastRow.op === '%-')) { let nextRef = 'total'; if (lastRow.percentRef === 'total') nextRef = 'block'; else if (lastRow.percentRef === 'block') nextRef = 'single'; else nextRef = 'total';
lastRow.percentRef = nextRef; newTape[newTape.length - 1] = lastRow; } return newTape; }); }; ```
React registriert die Änderung des Zustands percentRef im Tape, das useMemo springt an und berechnet den Wert sofort live neu. Im Interface erscheint ein kleines farbiges Badge wie VON BLOCK oder VON EINZEL, um maximale Transparenz zu bieten.
4. Warum KI nicht reicht: Von Hetzner-Labyrinthen und echten "Guäga"
Wir haben bei der Entwicklung massiv auf KI-gestützte Coding-Assistenten gesetzt. Aber wer glaubt, man könne heute eine marktreife App einfach per Prompt generieren, der irrt sich gewaltig.
Ich war kürzlich den halben Tag damit beschäftigt, für ein anderes Projekt einen Server bei Hetzner einzurichten. Das klang bei früheren Admin-Kollegen immer super einfach. Die Realität? Eine derart verwirrende Produktstruktur zwischen Cloud, Konsole H und Webmail, dass ich mich beinahe im falschen 48 €-Abo statt im 6 €-Abo wiedergefunden hätte. Ohne die strukturierende Hilfe einer LLM wäre ich aufgeschmissen gewesen.
Bei der App-Entwicklung ist es oft genau umgekehrt: Die KI liefert zwar den Code, aber der Mensch muss den architektonischen Überblick behalten, sonst baut man ein unbenutzbares Labyrinth. In meiner Walliser Heimat nennen wir einen Fehler oder Käfer gerne mal einen "Guäga" – und davon gab es im KI-Code einige, die nur durch den "Human in the Loop" gelöst werden konnten:
1. Ergonomie schlägt sauberen Code
Eine KI kann wunderbare CSS-Klassen für Dropdowns generieren. Auf dem echten Smartphone haben wir beim Testen dann aber schnell gemerkt, dass die aufploppende Tastatur den halben Bildschirm blockiert und die tollen KI-Auswahlringe (Quick-Chips) an den Rändern unschön abgeschnitten wurden. Die Lösung? Ein Wechsel auf ring-inset und eine smarte Autovervollständigung beim Tippen von #Kürzel. Das spürt keine KI, das erfordert echtes, haptisches Testen.
2. Cross-Platform-Builds und Bürokratie
Die App mit Capacitor und Vite für Android zu kompilieren, war eine echte Hürde. Versionierungskonflikte in der build.gradle und verlorene Web-Assets ließen den Build-Prozess immer wieder abstürzen. Wenn die KI hier im Kreis läuft, braucht es den menschlichen Entwickler, der die Systemarchitektur versteht.
Ganz zu schweigen von den Google Play Store Richtlinien: Google verlangt zwingend Rechtstexte in der App und einen geschlossenen 14-tägigen Betatest mit 20 Testern. Das ist reines Projektmanagement – da muss ich dann halt auch mal durchs Büro laufen und mein Lieblings-"Wissensbienchen" (ein interner Running-Gag mit einer sehr geschätzten Kollegin) oder andere Teammitglieder mobilisieren, um die App auf Herz und Nieren zu prüfen.
Fazit: Wie beim Strümpfe kaufen in Stuttgart
Die Entwicklung von Smarttape Professional erinnert mich ein bisschen an einen Ausflug, den meine Frau und ich mal nach Stuttgart gemacht haben. Wir parkten in der Königsbau-Passage, eigentlich nur mit dem Ziel, ein Paar Strümpfe zu kaufen. Tja, gleich um die Ecke war ein Elektronikfachmarkt. Statt mit Strümpfen kamen wir letztendlich mit einem neuen Laptop nach Hause (Strümpfe gab es zum Glück später trotzdem noch).
In der Softwareentwicklung ist es ähnlich: Man startet mit einem scheinbar einfachen Plan (einen Taschenrechner bauen). Unterwegs biegt man unerwartet ab, kämpft sich durch technisches Gestrüpp, optimiert Workflows und kommt am Ende mit einem echten, prozessoptimierenden Werkzeug für den Mittelstand heraus, das weit mehr kann als ursprünglich gedacht.
Die KI war unser fleißiger Bauarbeiter, aber die Architektur, die Ergonomie und das Verständnis für die tatsächlichen Schmerzpunkte der Anwender – das bleibt fest in menschlicher Hand.