Mit Google AI Studio einen kleinen Rechner bauen.
Du beschreibst eine App in Alltagssprache und probierst die erzeugte Oberfläche sofort aus. Als Beispiel bauen wir einen einfachen Planungsrechner für einen Stundensatz.
Drei Lernstufen · in deinem Tempo · Stand: 10. Oktober 2026
Das kannst du danach
Du erzeugst einen funktionsfähigen Rechner, korrigierst Eingabefehler und bereitest einen überprüften Testlink vor.
Das übernimmt die KI
Im Build-Modus erzeugt Google AI Studio Anwendungscode und eine Vorschau. Die Rechnung selbst ist eine festgelegte Formel, keine KI-Schätzung und keine Preisempfehlung.
Dein Werkzeug: Google AI Studio
Ein geeigneter Google-Zugang. Für Veröffentlichungen gelten kontospezifische Möglichkeiten und gegebenenfalls Cloud-Kosten. Unsere Zahlen sind fiktive Rechentests, keine Kalkulationsberatung.
Werkzeug öffnen (neuer Tab) Offizielle Hilfe (neuer Tab)
Funktionen, Kontingente und Preise können sich ändern. Prüfe den Zugang direkt beim Anbieter.
Die Aufträge führst du im genannten Werkzeug aus. Die Klickübungen hier zeigen vorbereitete Beispiele und senden keine Daten an einen KI-Dienst.
KI-Funken
Dein erstes Ergebnis mit dem Werkzeug
Erzeuge eine App aus einer Beschreibung
Der Rechner teilt einen selbst eingegebenen Jahresbedarf durch abrechenbare Stunden. Du bestimmst die Annahmen.
- Öffne AI Studio und wähle Build sowie eine Web-App.
- Sende den Auftrag unten.
- Prüfe in der Vorschau mit 48.000 Euro und 1.200 Stunden: Das Ergebnis muss 40 Euro je Stunde sein.
Baue eine kleine deutsche Web-App: Nutzer gibt frei einen Jahresbedarf in Euro und abrechenbare Stunden pro Jahr ein. Ergebnis = Jahresbedarf / Stunden. Zeige die Formel und erkläre, dass dies nur ein vereinfachtes Rechenbeispiel ohne Steuer- oder Preisberatung ist. Startwerte 48.000 und 1.200 ergeben 40,00 Euro/Stunde. Keine KI-API für die Rechnung, keine Datenspeicherung und keine externen Dienste nötig.
Darauf arbeitest du hin: Eine interaktive Vorschau, die deine Eingaben mit einer sichtbaren Formel verarbeitet.
Welche Rolle hat KI bei diesem Rechner?
KI-Werkstatt
Gezielt verbessern und weiterarbeiten
Mach Eingaben und Fehler verständlich
Leere Felder, Dezimalkomma und null Stunden sind echte Anwendungsfälle. Die KI soll sie im Code behandeln.
- Teste leere Eingaben, negative Werte und null Stunden.
- Lass verständliche Fehlermeldungen direkt an den Feldern ergänzen.
- Teste deutsche Zahlenformate bewusst und prüfe nach der Änderung erneut das Ausgangsbeispiel.
Verbessere die Eingabeprüfung. Leere und negative Werte sowie null Stunden sind ungültig. Verarbeite deutsches Dezimalkomma eindeutig; erkläre das erwartete Zahlenformat. Zeige bei Fehlern kein altes Ergebnis als gültig. Teste 48.000 / 1.200 = 40 und 50.000 / 1.250 = 40.
Darauf arbeitest du hin: Ein Rechner, der falsche Eingaben erklärt und korrekte Ergebnisse reproduzierbar liefert.
Was verändert die gezielte Korrektur?
Bei null Stunden zeigt die App „Infinity“ oder den letzten gültigen Wert.
Die App erklärt „Bitte mehr als null Stunden eingeben“ und setzt das Ergebnis aus.
Vorbereiteter Vergleich, keine Live-Ausgabe des Werkzeugs.
KI-Regie
Den Ablauf erweitern und selbst nutzen
Sichere und teile die geprüfte Fassung
Vorschau und veröffentlichte Anwendung sind unterschiedliche Zustände. Prüfe den tatsächlichen Link nach jeder Veröffentlichung.
- Sichere den Stand über Download oder die angebotene Projektanbindung.
- Öffne Publish oder Deploy und lies Ziel, Sichtbarkeit und mögliche Kosten, bevor du bestätigst.
- Falls du veröffentlichst, teste den Link auf einem zweiten Gerät und prüfe nach späteren Änderungen erneut die sichtbare Version.
Prüfe den Rechner vor einer möglichen Veröffentlichung: Formel, Eingabefehler, mobile Bedienung und Hinweis auf die vereinfachte Rechnung. Liste offene Punkte. Keine API-Schlüssel oder Nutzerdaten in den Browsercode schreiben. Veröffentliche erst nach meiner bewussten Auswahl des Hostingwegs.
Darauf arbeitest du hin: Eine gesicherte App und bei bewusstem Deployment ein überprüfter Testlink.
Was soll bei null Stunden erscheinen?
Was ist hängen geblieben?
Was prüfst du nach Publish?
Dein eigener Versuch
Wende den Ablauf jetzt auf eine kleine eigene Aufgabe an. Prüfe das tatsächliche Ergebnis im Werkzeug anhand der Kriterien dieser Anleitung. Die vier Klickübungen bestätigen deinen Lernstand auf dieser Seite, nicht die erfolgreiche Ausführung im externen Dienst.
Weitere Übungen zum Thema programmieren