Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- open:vibe-coding [2026/10/08 01:01] – pz
+++ open:vibe-coding [2026/10/08 01:16] (aktuell) – pz
@@ Zeile 2: / Zeile 2: @@
 Sie müssen keine einzige Zeile Programmiercode lesen können, um eigene Programme verwirklichen zu können! Lassen Sie es uns ausprobieren!
-====== Programmiermarionette ======
+==== Programmiermarionette ====
 Sie brauchen ein KI-System, das eine HTML-Seite erstellen kann (z. B. [[https://ki.alp.dillingen.de|BYLKI]]). Suchen Sie sich ein System aus und fragen Sie das System, ob es eine HTML-Datei als Download-Datei generieren kann. Ziemlich sicher wird es ja sagen. Und schon können wir mit Projekt 1 beginnen: dem Zufallsgenerator.
@@ Zeile 15: / Zeile 15: @@
 Kopieren Sie folgenden Prompt in ein KI-System Ihrer Wahl:
-<blockquote>Erstelle eine einfache Webseite mit einem Zufallsgenerator.
-Die Seite soll:
+  Erstelle eine einfache Webseite mit einem Zufallsgenerator.
-  - eine große Zahl anzeigen,
+  Die Seite soll:
-  - einen gut sichtbaren Button mit der Aufschrift „Neue Zahl“ haben,
+   - eine große Zahl anzeigen,
-Die Gestaltung soll übersichtlich und modern sein und auch auf einem Tablet gut funktionieren.
+   - einen gut sichtbaren Button mit der Aufschrift „Neue Zahl“ haben,
-Erstelle alles in einer einzigen HTML-Datei, sodass ich die Datei direkt im Browser öffnen kann.
+  Die Gestaltung soll übersichtlich und modern sein und auch auf einem Tablet gut funktionieren.
-</blockquote>
+  Erstelle alles in einer einzigen HTML-Datei, sodass ich die Datei direkt im Browser öffnen kann.
 === Anpassungen: ===
@@ Zeile 37: / Zeile 37: @@
 Kopieren Sie folgenden Prompt in ein KI-System Ihrer Wahl:
-<blockquote>Erstelle eine einfache Webseite für einen kurzen Rückblick zu Beginn einer Unterrichtsstunde.
+  Erstelle eine einfache Webseite für einen kurzen Rückblick zu Beginn einer Unterrichtsstunde.
-Die Seite soll:
+  Die Seite soll:
-  - eine Frage anzeigen,
+    - eine Frage anzeigen,
-  - darunter drei große Antwortmöglichkeiten zeigen,
+    - darunter drei große Antwortmöglichkeiten zeigen,
-  - nach dem Antippen sofort anzeigen, ob die Antwort richtig oder falsch war,
+    - nach dem Antippen sofort anzeigen, ob die Antwort richtig oder falsch war,
-  - die richtige Antwort deutlich hervorheben.
+    - die richtige Antwort deutlich hervorheben.
-Die Gestaltung soll übersichtlich, modern und auf einem Tablet gut bedienbar sein.
+  Die Gestaltung soll übersichtlich, modern und auf einem Tablet gut bedienbar sein.
-Verwende zunächst diese Frage:
+  Verwende zunächst diese Frage:
-„Welche Funktion hat Dopamin im Gehirn?“
+  „Welche Funktion hat Dopamin im Gehirn?“
-Antwortmöglichkeiten:
+  Antwortmöglichkeiten:
   * A: Es macht uns automatisch glücklich.
   * B: Es beeinflusst Motivation, Lernen und die Erwartung von Belohnungen.
   * C: Es sorgt ausschließlich für Entspannung.
+  Richtig ist Antwort B.
+  Erstelle alles in einer einzigen HTML-Datei, die direkt im Browser geöffnet werden kann.
-Richtig ist Antwort B.
+=== Anpassungen: ===
-Erstelle alles in einer einzigen HTML-Datei, die direkt im Browser geöffnet werden kann.</blockquote>
+  * Momentan kann dies Tool nur diese eine Frage anzeigen. Wäre es nicht praktisch, wenn man im Tool selbst eine neue Frage eingeben könnte? Treten Sie mit der KI in den Dialog und formuliert Sie Ihre Wünsche! Ein Lösungsvorschlag verbirgt sich hinter der Fußnote ((Ergänze eine Bearbeitungsfunktion, mit der ich die Frage, die drei Antwortmöglichkeiten und die richtige Lösung direkt auf der Webseite ändern))
+==== Projekt 3: eigene Ideen ====
-==== Projekt 3: eigene Ideen ====
+<WRAP center round tip 60%>
+Sie sind dran! Suchen sie nach einer kleinen Idee, die sie verwirklichen könnten.
+</WRAP>
+Tipps:
+  * Beschreiben Sie erst ihrer Kollegin / ihrem Kollegen, was ihnen vorschwebt - das hilft oft, die Gedanken in klare Worte zu fassen.
+  * Beschreiben Sie der KI möglichst genau, was sie wollen.
+  * Fragen Sie die KI, ob sie noch weitere Informationen benötigt.
-===== Projekte hochladen & ausprobieren =====
+==== Projekte hochladen & ausprobieren ====
 Auf de nachfolgenden Seite können Sie Ihr Projekt((als html-Datei)) hochladen und testen: