Werkstatt

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.

Etwa 4 Minuten3 Prompts zum Kopieren3 ÜbungenStand: 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 Offizielle Hilfe

Funktionen, Kontingente und Preise können sich ändern. Prüfe den Zugang direkt beim Anbieter.

App generieren, dann Rechenfälle testen, dann Testlink vorbereiten
Dein praktischer Lernweg. Eigene, KI-unterstützt erstellte Grafik.

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.

1

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.

  1. Öffne AI Studio und wähle Build sowie eine Web-App.
  2. Sende den Auftrag unten.
  3. Prüfe in der Vorschau mit 48.000 Euro und 1.200 Stunden: Das Ergebnis muss 40 Euro je Stunde sein.
// Dein erster Auftrag
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.

// Kurz prüfen

Welche Rolle hat KI bei diesem Rechner?

Wähle eine Antwort.

Richtig. Die Anwendung rechnet deterministisch mit deinen Annahmen.

Nicht ganz. Schau dir die andere Antwort noch einmal an. Die Anwendung rechnet deterministisch mit deinen Annahmen.

2

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.

  1. Teste leere Eingaben, negative Werte und null Stunden.
  2. Lass verständliche Fehlermeldungen direkt an den Feldern ergänzen.
  3. Teste deutsche Zahlenformate bewusst und prüfe nach der Änderung erneut das Ausgangsbeispiel.
// Dein Folgeauftrag
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.

// Vorher / Nachher

Was verändert die gezielte Korrektur?

Bei null Stunden zeigt die App „Infinity“ oder den letzten gültigen Wert.

Vorbereiteter Vergleich, keine Live-Ausgabe des Werkzeugs.

3

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.

  1. Sichere den Stand über Download oder die angebotene Projektanbindung.
  2. Öffne Publish oder Deploy und lies Ziel, Sichtbarkeit und mögliche Kosten, bevor du bestätigst.
  3. Falls du veröffentlichst, teste den Link auf einem zweiten Gerät und prüfe nach späteren Änderungen erneut die sichtbare Version.
// Dein nächster Einsatz
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.

// Kurz prüfen

Was soll bei null Stunden erscheinen?

Wähle eine Antwort.

Richtig. Eine Division durch null ist kein verwendbares Ergebnis.

Nicht ganz. Schau dir die andere Antwort noch einmal an. Eine Division durch null ist kein verwendbares Ergebnis.

Was ist hängen geblieben?

// Kurz prüfen

Was prüfst du nach Publish?

Wähle eine Antwort.

Richtig. So erkennst du Zugriffsprobleme und veraltete Veröffentlichungen.

Nicht ganz. Schau dir die andere Antwort noch einmal an. So erkennst du Zugriffsprobleme und veraltete Veröffentlichungen.

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

Häufige Fragen

Fragen zu Google AI Studio.

Ausgewählt aus echten Suchanfragen (Google „Ähnliche Fragen“, Stand 10/2026).

Was ist Google AI Studio?

Google AI Studio ist ein Werkzeug von Google, in dem du eine App in Alltagssprache beschreibst. Im Build-Modus erzeugt es daraus Anwendungscode und eine Vorschau, die du sofort ausprobieren kannst.

Wie erstelle ich eine App in Google AI Studio?

Öffne AI Studio, wähle Build sowie eine Web-App und beschreibe genau, was die App tun soll, inklusive Formel und Testwerten. Prüfe die Vorschau mit diesen Werten und lass Eingabefehler wie leere Felder oder null gezielt nachbessern.

Ist Google AI Studio kostenlos?

Du brauchst einen geeigneten Google-Zugang. Für Veröffentlichungen gelten kontospezifische Möglichkeiten und gegebenenfalls Cloud-Kosten. Die aktuellen Bedingungen prüfst du direkt bei Google.

Wie teste ich die erzeugte App?

Prüfe ein bekanntes Rechenbeispiel und teste bewusst leere, negative und ungültige Eingaben. Nach einer Veröffentlichung öffnest du den tatsächlichen Link auf einem zweiten Gerät, denn Vorschau und veröffentlichte Fassung sind unterschiedliche Zustände.

Weiter in Programmieren.

Alles zu Programmieren