Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- tools [12/03/2026 09:15] – [Unterrichts-Timer] Eric Weber
+++ tools [30/03/2026 15:35] (aktuell) – Eric Weber
@@ Zeile 37: / Zeile 37: @@
 Es soll NICHT eingezählt werden, dafür eine optische Anzeige geben, die die vier Zählzeiten anzeigt und beim Vorspielen des Rhythmus gleichzeitig hervorhebt (egal ob auf dieser Zählzeit eine Note erklingt oder nicht)++
+==== NEU: Piano====
+###
+Ganz neu im Repertoire der KI-programmierten Anwendungen gibt's ein Piano, welches beim Anklicken nicht nur den passenden Ton abspielt, sondern auch den dazugehörigen Ton in Notenzeilen notiert anzeigt. Dabei kann zwischen Violin- und Bassschlüssel, sowie zwischen Kreuz- und B-Tonarten gewechselt werden.
+###
+  * [[tools:piano|Piano-App]]
 ==== Notensatz ====
@@ Zeile 56: / Zeile 62: @@
 ==== Unterrichts-Timer ====
 //Der Timer wurde mit Hilfe von claude.ai programmiert.//
-  * [[tools:ur-timer|Unterrichtstimer]]\\ Wer kennt es nicht? 6. Stunde, nach dem Sportunterricht, draußen scheint die Sonne und die Aufmerksamkeit sinkt in den Keller. Jetzt hilft nur eins - eiserne Miene und hartes Durchgreifen?\\ Wie wäre es mit positiver Verstärkung und einer optischen Hilfe für ein wirklich gutes Klima - Der **Unterrichts-Timer** schafft genau das.\\
+  * [[tools:ur-timer|Unterrichtstimer]]\\ Wer kennt es nicht? 6. Stunde, nach dem Sportunterricht, draußen scheint die Sonne und die Aufmerksamkeit sinkt in den Keller. Jetzt hilft nur eins - eiserne Miene und hartes Durchgreifen?\\ Wie wäre es mit positiver Verstärkung und einer optischen Hilfe für ein wirklich gutes Klima`?\\ Der **Unterrichts-Timer** schafft genau das.\\
     * Wähle die Start-Zeit deiner UR-Stunde
     * Wähle die Stundendauer
     * Wähle, ob die Stunde mit dem grünen Timer (Ruhe) oder dem roten Timer (Unruhe) starten soll
     * Lege den Zielwert für den Anteil an "grüner Zeit" fest
-    * Starte deine Stunde\\ Der Timer beginnt automatisch zur eingestellten Zeit. Alternativ kannst du deine Stunde auch sofort starten
+    * Starte deine Stunde\\ //Der Timer beginnt automatisch zur eingestellten Zeit. Alternativ kannst du deine Stunde auch sofort starten//
     * Während der Stunde kannst du mit einem einfachen Tippen/Klicken auf den roten/grünen Timer zwischen den beiden Timern hin- und herwechseln.
-    * Die Stunde endet nach der voreingestellten Zeit und sobald der grüne Timer aktiviert ist.\\ (Läuft der rote Timer zum Stundenende stoppt der Timer erst mit Tippen auf den grünen Timer)
+    * Die Stunde endet nach der voreingestellten Zeit und sobald der grüne Timer aktiviert ist.\\ (//Läuft der rote Timer zum Stundenende stoppt der Timer erst mit Tippen auf den grünen Timer//)
     * Am Ende wird eine prozentuale Übersicht angezeigt und ob das eingestellte Ziel erreicht wurde
     * Ziel erreicht → Pluspunkt für die Klasse / Belohnung :-)
-Einen Beispielprompt für den Timer könnt ihr hier nachlesen. Wichtig: Keine mit KI programmierte Anwendung hat auf Anhieb sofort funktioniert (der Timer ist z.B. die 22. geschriebene Version...). Es musste jedes Mal mit weiteren ++Anweisungen|\\ z.B. Hintergrunddarstellung, Isolierung aller CSS-Einstellungen, Sofort-Starten-Button, Außenrand zwischen Text und Schaltfläche, Responsive-Design-Darstellung, einheitliche Schriftgröße von Zahlen, Vollbild-Funktion++ nachgebessert werden.\\ ++Beispielprompt|Schreibe einen html-Code für eine Anwendung, die folgendes kann:
+Einen Beispielprompt für den Timer könnt ihr hier nachlesen. Wichtig: Keine mit KI programmierte Anwendung hat auf Anhieb sofort funktioniert (der Timer ist z.B. die 27. geschriebene Version...). Es musste jedes Mal mit weiteren ++Anweisungen|\\ z.B. Hintergrunddarstellung, Isolierung aller CSS-Einstellungen, Sofort-Starten-Button, Außenrand zwischen Text und Schaltfläche, Responsive-Design-Darstellung, einheitliche Schriftgröße von Zahlen, Vollbild-Funktion++ nachgebessert werden.\\ ++Beispielprompt|Schreibe einen html-Code für eine Anwendung, die folgendes kann:
 Die Anwendung soll ein zweigeteilter Timer für den Unterricht sein und im Querformat angezeigt werden. Auf der linken Seite soll ein grüner runder Timer angezeigt werden, auf der rechten Seite ein roter runder Timer. Obendrüber soll die aktuelle Uhrzeit, Sowie die insgesamt gestoppte Zeit angezeigt werden.
 Zu Beginn soll der Lehrer die Startzeit (beginnend ab 07:00 Uhr in 5-Minuten-Schritten bis 17:00 Uhr) der Stunde, sowie die Stundendauer (45 oder 90 Minuten - Standardeinstellung 45 Minuten) auswählen können. Gleichzeitig soll der Lehrer festlegen können, welcher Timer (grün oder rot) zu Beginn der Unterrichtsstunde als erstes laufen soll und was das Ziel dieser Stunde ist (wie viel Prozent „grüne Timer-Zeit“ soll erreicht werden - in 5 Prozentpunktschritten von 50 bis 95). Nach dem Auswählen und Bestätigen der Voreinstellungen, soll dann der Timer automatisch zur eingestellten Uhrzeit anfangen zu laufen. Durch ein Tippen in die Mitte des roten oder grünen Timers, soll der hiermit ausgewählte Timer von seiner vorherigen Position weiterlaufen und der andere Timer angehalten werden. Die Timer sollen nach Ablauf der voreingestellten Zeit stoppen, mit folgenden Bedingungen: Wenn zum Ablauf der Zeit der grüne Timer läuft, stoppen alle Timer, wenn nach Ablauf der Zeit der rote Timer läuft, sollen die Timer weiterlaufen und erst angehalten werden, wenn der grüne Timer angetippt wird. Nach Ablauf der Zeit und Stoppen der Timer soll ein Ergebnis angezeigt werden, wie sich die Gesamtzeit prozentual auf den grünen und roten Timer verteilt und ob das voreingestellte Ziel erreicht wurde oder nicht.