Heute ist Freitag, der
17.4.26 - und mit dem Öffnen dieser Seite ist es
05:49 Uhr.
Ich bitte dich, zuerst das ▸About dieser Website aufmerksam zu lesen und zu verstehen - wirklich! Es hilft dir zuerst einmal in der nicht ganz gewöhnlichen Navigation in diesem OnePager, der auch eine Web App ist.
Lernen
... unter digitalen Bedingungen bedeutet Lernen webbasiert abbilden, wo und wann und mit wem immer, d.h. orts-, zeit- und Lernpartner-unabhängig, mit welchem Computer auch immer, ob gross oder klein, ob mein oder dein. Dieses Lernen findet mit Vorteil ausserhalb des Präsenz-Unterrichts statt - sei dies nun in der Selbst-Lernlandschaft der Schule, im Bus, bei einer Kollegin oder zuhause. Und Lernen abbilden bedeutet Probleme und deren Lösungen webbasiert dokumentieren, wo und wann und mit wem immer. Dieses Dokument, d.h. diese Webseite, in der du gerade liest, ist eine webbasierte PLE, eine Personal Learning Environment, eine persönliche, webbasierte und offene Lehr- und Lernumgebung (die ist keine Erfindung von mir - davon erfahren habe ich erstmals 2009 an einer Veranstaltung der PHSZ resp. in einem Referat von ▸Rolf Schulmeister† - und noch im selben Jahr in die Entwicklung einer Schulmusik-umfassenden PLE mündete). Will bedeuten: diese fürs Lernen unabdingbare, webbasierte PLE einer jeden Lehrperson, einer jeden Klasse und einer jeden Schülerin ab dem 7. Schuljahr ist das jederzeit und an jedem Ort produzier- und einsehbare Abbild des Lernens unter digitalen Bedingungen - in Wort, ▸Bild und ▸Ton.
Die Voraussetzungen sind die ▸Sprachen, welche dieses Digitale erst möglich machen, ein Computer (ob gross oder klein, ob mein oder dein), hie und da einen möglichst un-eingeschränkten Zugang zum Internet und eine webbasierte, ▸selbst-gehostete Umgebung. In dieser Umgebung einer jeden Klasse befindet sich ein ▸CMS1 als Multisite und passwort-geschützte Ordner für all diese Dateien, welche dieses Lernen wo und wann und mit wem immer, d.h. dieses Digitale erst möglich machen.
1Beispiel: Schülerin ▸Gerlinde will den Imagefilm ihrer PLE nicht 4-, sondern n-eckig oder rund oder ... anzeigen lassen (siehe oben in dieser Seite). Sie eröffnet also einen neuen Artikel / Beitrag und beschreibt darin das Suchen und Finden möglicher Lösungen. Ihr Beitrag beginnt wohl mit der Frage: wende ich mich an den Quelltext und/oder an den Urheber dieser Seite oder bemühe ich Google & Co oder irgend ein LLM? Oder ...?
Diese Website ist keine Website, also keine Sammlung sinnvoll zusammenhängender Webseiten, sondern nur eine (1) Webseite, also ein sogenannter OnePager. Alle Informationen befinden sich in ein und derselben Seite. Vorteil: bezüglich einer PWA die einfachste Art, alle Informationen mit einer (1) einzigen Aktion auch offline (eben als PWA) zur Verfügung stellen zu können. Nachteil: kommt mir grad keiner in den Sinn. Wie du siehst, läuft das Inhaltsverzeichnis in Bildschirmen >Tablet mit dem vertikalen Scrollen mit. Zudem führt der Click/Touch in den Titel eines jeden Abschnitts on top.
About me
Seit 2015 Rentner und mittlerweile 5-facher Grossvater, lebe ich mit meiner Frau entweder ▸im Nusshof in Thayngen oder in ▸Berlin oder, hier aber nur tageweise, in ▸Zureich. Mit meinem Handy telefoniere ich wenn möglich nie, schreibe allerlei Nachrichten, aber nicht in WhatsApp, fotografiere und filme hochauflösendst und konfektioniere und publiziere diese wann und wo immer am liebsten in irgend einer server- und damit web-basierten Datenbank. Am grösseren Computer schätze ich insbesondere meine liegende Position auf dem Sofa.
Aktuell (März '26) will ich mich in die VITA Talentklasse der Stadt Schaffhausen einbringen / einmischen. Wie es scheint, ist Marco Planas, Schulinspektor der Stadt Schaffhausen, verantwortlich für diese Klasse. Am 2.3.26 habe ich die Sendung Bildung Aktuell (Tele D) regulär down- und in Streamable wieder upgeloadet und ...(?) darum hier eingesetzt, weil es in diesem Gespräch eine paar Aussagen zu diskutieren gibt. Beispiel: ab Minute 17 entsteht die Frage, warum Kinder in Mathe und Deutsch eine heilische Schulpädagogin benötigen.
SekKlassenLehrerInnen unterhalten entweder eine eigene, ▸selbst-gehostete Domain samt Datenbank, in welcher sie ihrer Klasse eine (1) Subdomain zur Verfügung stellen - (sehr empfehlenswert - eigentlich die einzige Möglichkeit, dieses Digitale in Bildung und Schule wirklich barrierefrei betreiben zu können), oder die SchülerInnen erhalten eine Subdomain ihrer Erziehungsberechtigten (eigentlich noch empfehlenswerter, sind letztlich doch die Erziehungsberechtigten auch für das webbasierte Tun ihrer Kinder verantwortlich) - oder alle LehrerInnen erhalten von ihrer Schule eine Subdomain (nach meinen Erfahrungen eigentlich lieber nicht - einfach, weils Schule weder kann noch will. Ausser, wenn schon, dann nur sehr sehr eingeschränkt).
Lernen, nicht nur unter digitalen Bedingungen, bedeutet auch, sein Lernen abzubilden. Wer das grad nicht versteht, begebe sich zum nächsten Spielplatz und beobachte die Kinder. Im absoluten Idealfall besteht ein Beitrag, also ein abgebildetes Lernen / Geschehen, aus Wort, Bild und Ton, wobei Bild (auch laufende) und Ton meist zusammen erscheinen. Das Geschehen findet entweder vor oder auf dem Bildschirm eines Computers, egal ob gross oder klein, egal ob mein oder dein, statt. Vor dem Bildschirm filme ich vorzugsweise mit der Kamera meines Laptops (wirklich sehr selten) oder mit der HandyCam (seit dem 16 Pro nicht mehr oft oder eben mit meinem 16 Pro (meist, eigentlich immer). Geschehen auf dem Bildschirm meines Laptops filme ich mit Screenflow (meist) oder Camtasia (sehr selten, einfach zu Übungszwecken), auf dem Bildschirm meines Handys mit dem Systemprogramm.
Wenn sich Lehrende immer wieder einmal auch als Lernende wahrnehmen, bilden sie ihr Lernen zu bestimmten Zeiten unmittelbar, das heisst live ab. Stell dir vor, du führst am Donnerstagmorgen eine Klausur in Geometrie Kreispunkt durch und sendest am Mittwochabend ein paar Beispiele samt Lösungsvorschlägen. Stell dir das nur einmal vor!
localStorage - stores data with no expiration date (data is not lost when the browser tab is closed)
sessionStorage - stores data for one session (data is lost when the browser tab is closed)
Dieser Container ist editable. Jegliche Veränderungen an diesem Text, ob geschrieben oder diktiert, werden automatisch gespeichert und halten solange, wie der Browserverlauf nicht gelöscht wird. Die Voraussetzungen sind ein mit content editable ausgezeichneter div container und ein JavaScript, den man sich mit der entsprechenden Anfrage bei einem LLM besorgen kann. Anwendung: Wenn SchülerInnen ihre Texte nur zum Hören behalten wollen.
▸ Hier gehts lang. HTML und CSS sind, zusammen mit den nachfolgenden PHP, SQL und ▸SVG, die mit grossem Abstand wichtigsten Sprachen im Internet - ohne sie geht gar nichts! Zusammen mit Grok & Co. sind sie sehr leicht zu lernen.
(siehe auch ▸Diary) Ich habe ▸Grok nach dem PHP Script gefragt, welcher von 6am bis 6pm stündlich die ▸Imagefilme wechselt. Dem erhaltenen Script hinzugefügt habe ich die Auszeichnungen autoplay muted loop und playsinline - damit die Filme auch in Mobiles automatisch spielen.
Outside playing hours (6 AM - 6 PM)
Current time: 05:49
if else
Falls du ▸ diesen Link clickst/touchst, wird am 25. April 2028 der Thaynger in einem neuen Tabulator aufgerufen (wenn es ihn denn noch gibt!) - vor und nach diesem Datum erscheint die Meldung, dass ...
Die nachfolgende Audiothek ist (gleich der anschliessenden Videothek) eine mySQL-Tabelle in einer serverbasierten Datenbank meines ▸ Host.
▸ Play/Pause (Kiss my OH! by Anne Marie - meine Aufnahmen mache ich darum mit der Mobile App Mp3Recorder, weil die Files direkt aus der App auf den Server hochgeladen werden können. Die Play/Pause Funktion ist ein wirklich einfacher JavaScript, den ich mir von Grok schreiben liess)
dann eine wirklich simple Playlist - der ▸ JavaScript ist von Google Gemini. Click/touch the Title and ▸ Pause it.
Through Your Eyes
Kiss my OH!
Symphony
Die nachfolgende Playlist (samt Progress Bar / graphical control) besteht aus den 3 Dateien index.html, style.css und der wohl wichtigsten script.js - in dieser werden die Aufnahmen, d.h. die .mp3-Datei, Titel und Dauer eingeschrieben. Ich weiss beim besten Willen nicht mehr, wo ich diesen Player gefunden habe resp. ob ich irgend ein LMM gefragt habe. Die Aufnahmen mache ich mit der Mobile App Mp3 Recorder und lade sie direkt aus der App mittels ftp auf den Server. Dann schreibe ich wie bereits geschrieben ...
und dann eine serverbasierte Datenbank (php, mysql):
Am 24.5.25 morgens vor 8 habe ich diesen ersten Datensatz, der immer zuoberst erscheint (alle nachfolgenden in verkehrt- chronologischer Reihenfolge), im ▸ thaynger.ch diesen JavaScript gefunden, hier eingesetzt (und der function togglePlay() gleich (nein, nicht gleich - aber im Prozess der Entwicklung, oder so) der ID die Nummer 1 gegeben. Ohne diese fortlaufende Nummerierung würde jeder Datensatz dasselbe Lied (des 1. Datensatzes) spielen.
Am 24.5.25 morgens um 10 habe ich diesen 2. Datensatz geschrieben. Merke: jeder Datensatz beginnt mit der eindeutigen ID und dem Datum und falls notwendig der Zeitangabe: "Am ... um ..." In diesem Datensatz hörst du Symphony von Clean Bandit (feat. Zara Larsson, 2017).
Die Informationen in der nachfolgenden Videothek befinden sich in einer serverbasierten, relationalen Datenbank resp. in einer SQL-Tabelle (B). Meine Filme befinden sich seit 2021 hauptsächlich bei Streamable. Und seit Sommer '25 filme ich fast nur noch mit dem 16 Pro in höchst-möglicher Auflösung.
Die Ausgabe von Daten aus SQL-Tabellen in HTML-Tabellen ist so alt wie SQL - also sehr alt (aus den 70-er-Jahren), und damit noch nicht responsive, d.h. kleinen Bildschirmen angepasst. Noch immer werden Daten entweder in Tabellen, neuer aber in gefloateten div container (wie hier geschehen) und/oder in flexbox container oder ... ausgegeben resp. interpretiert/dargestellt. Dieser Datensatz erscheint immer sticky, d.h. an erster, oberster Stelle. Alle weiteren folgen verkehrt-chronologisch.
FINALE !!! Der VC Kanti nutzte sowohl die kurze Pause als auch den Heimvorteil für einen grandiosen Sieg und damit Einzug in den Final.
Am 18.2.26 hatte ich endlich die Gelegenheit wahrgenommen, eine für mich sehr wichtige Sache zu klären: seit dem MacOS Upgrade auf Tahoe lässt resp. liess sich der Bildschirm mit Screenflow nicht mehr aufnehmen - es fehlt(e) an der Berechtigung, obwohl ich diese aktiviert hatte! Nun waren wir gestern im Apple Store am Ku'damm. Der langen Rede kurzer Sinn: ich habe das Programm fachgerecht de- und wieder installiert. Um es mit den schönen Worten von Fust zu kommentieren: "Und es funktioniert!"
Am 2.12.25 habe ich gesehen (nein, nicht zum ersten Mal), dass Play SRF manchmal Filme zum Download zur Verfügung stellt. Warum, weiss ich nicht. Ich weiss auch nicht, wie oft dies geschieht. Und ich weiss nicht, wie lang der Download zur Verfügung steht. Ich habe also Inside Gstaad Palace down- und in Streamable wieder upgeloadet. Den embed code habe ich schlussendlich hier eingesetzt.
Am 11.8.21 waren wir in Aarburg auf dem Campingplatz (wir besuchten Karls kühne Gassenshow) und am 27.12.21 habe ich bei streamable ein Konto eröffnet und den ersten Film upgeloadet.
Am 26.3.25 waren wir dabei beim Finaleinzug des VC Kanti vs Volley Lugano
Am 5.4.25 sind wir mit dem Zug nach Konstanz und ab da durch den wirklich wunderschönen Thurgau nach Hause gefahren.
Am 26.4.25, einen Tag nach meinem Geburtstag waren wir in der Rasthauslaube an einem Konzert der Camerata Variabile (Künstlerische Leitung: Helena Winkelmann).
Schreibe (oder kopiere) in den ▸ Online Editor - achte dabei auf die Einzüge = 3 Leerschläge!
Beispiel 1:
Der Script sieht so aus:
a=3
b=4
c=5
if a > b:
print(a/b)
elif a < b:
print(round(a*b*17.865/c,2))
elif b < c:
print(round(a+b+c/17.75,2))
else:
print(round(b/a*c,1))
Das Resultat lautet: a ist kleiner als b
Beispiel 2:
Der Script sieht so aus:
alter = 18
hat_fuehrerschein = True
if alter >= 18:
print("Du bist >=18")
if hat_fuehrerschein:
print("und du darfst fahren.")
else:
print("Du brauchst eine Lizenz.")
else:
print("Du bist <18 ")
print("und darfst noch nicht fahren.")
Das Resultat lautet:
Zuerst: Achte darauf, in diesem Script keine Umlaute zu verwenden. Dann: Du bist >=18
und darfst fahren.
Scalable Vector Graphics haben den Vorteil, beim zoomen nicht zu verpixeln - und eignen sich im Kontext von Bildung / Training des Vorstellungs-Vermögens, insbesondere geometrische Figuren im eigentlich Sinn zu beschreiben. Das Wappen besteht aus je einem roten Rechteck, einem roten Kreis und 2 weissen Rechtecken. Letztere bilden das Schweizer Kreuz - dieses ist mit einer Audiodatei verlinkt.
Click/Touch im nachfolgenden Kanton Schaffhausen die 1 (und noch einmal, um die Aufnahme zu stoppen) und in den aufpoppenden Text, um diesen wieder verschwinden zu lassen. Und dasselbe mit 2 (popt einen automatisch spielenden Film auf) und 3 (popt eine Audio-Playlist auf). Die dazu notwendigen Scripts siehst du im Quelltext dieser Seite.
A steht in Livorno am Strand, sieht, wie die Fähre nach Sizilien am Horizont verschwindet - und fragt sich: wie weit ist es bis zum Punkt, an welchem das Schiff nicht mehr zu sehen ist? Die 'Zeichnung' ist eine SVG, also keine Zeichnung! Beim Bogenmass hat mir Claude geholfen. x lässt sich mit dem Pythagoras, der Winkel α mit der Formel sin(α) = Gegenkathete / Hypotenuse und das grün eingefärbte Bogenmass mit der Formel b=a/360•2π berechnen. Und der Punkt P liegt bei (x/y) auf dem Kreis.
JavaScripts sind zuerst einmal selten bis nicht smartphone-optimiert. Ich verwende sie deshalb sehr sparsam, etwa für Spielereien wie:
Zieh das Video, wohin du willst - einfach nicht im Smartphone (zumindest nicht in meinem).
Canvas is an HTML element which can be used to draw graphics via scripting (usually JavaScript). This can, for instance, be used to draw graphs, combine photos, or create simple animations.
Video
Zeichne! einen möglichen Weg von Duchtlingen nach Beuren a.d.A.
Bist du Teil eines Geschehens, entweder vor der Kamera oder auf dem Bildschirm eines Computers, kannst du hier zuerst einmal deine Telegenität überprüfen.
▸ Open Webcam ▸ Close WebCam (falls du es deinem Computer zulässt, öffnet sich die Camera - ein nicht von mir, sondern von Claude (AI) geschriebener JavaScript machts möglich.)
Ich habe wirklich keine Ahnung von KI - wirklich! Gleichzeitig fühle ich mich sehr gut aufgehoben unter all den Nichts-Ahnenden weit und breit. Im Gegensatz zu all diesen anderen spreche und schreibe ich nicht über KI. So weit so nicht gut. Schnittstelle. Ich setze Lumo, Claude & Co praktisch jeden Tag ein. Aus 2 Gründen. 1. scripte ich praktisch jeden Tag in HTML, CSS, PHP, SQL usw. usf. - und 2. lassen sich die Ergebnisse meiner Anfragen unmittelbar überprüfen. Wenn ich zum Beispiel in einer Webseite von 6am to 6pm stündlich wechselnde Videos spielen will, kann ich den von einem LLM erhaltenen Script unmittelbar überprüfen:
Während die einen SchülerInnen nach einem normalen Schultag nach Hause gehen, beginnt für andere erst der zweite Teil ihres Tages. Wer seine Begabungen gezielt fördern möchte, steht oft vor der Herausforderung, Schule und Talent unter einen Hut zu bringen. Nicht selten bleibt dafür im Alltag zu wenig Zeit. Mit dem neuen Konzept der VITA Talentklasse soll sich das nun ändern. Bildungsreferent Marco Planas erzählt dem «Bock», was hinter dem Projekt steckt und wie es konkret umgesetzt werden soll.
Gemeinsam mit Kathrin Menk, Bereichsleiterin Bildung, Kathrin Huber, Stabsleiterin des Bildungsreferats, sowie Schulleiter Tristan Wiedemann wurde das Konzept der VITA Talentklasse (Vielfalt in Talenten) erarbeitet. Schon seit Längerem verfolgen der Kanton und die Stadt Schaffhausen das Ziel, Kinder und Jugendliche dort gezielt zu fördern, wo besondere Begabungen vorhanden sind. Mit der Vision einer eigenen Talentklasse wird dieses Vorhaben nun umgesetzt. Bereits im kommenden Sommer startet in der Stadt Schaffhausen eine erste Klasse im Zyklus 3. Sie wird aus maximal 22 SchülerInnen bestehen, die besondere Begabungen in Musik, Sport oder im kognitiven Bereich mit sich bringen.
[Quelle: schaffhausen24.ch]
Unabdingbare Voraussetzung fürs Lernen unter digitalen Bedingungen ist die webbasierte PLE einer jeden, auch dieser Klasse und eines/einer jeden Schülers/in. Eine solche PLE beginnt nicht mit der Bedienkompetenz irgend eines Computer-Programms, sondern mit den Sprachen, welche dieses Digitale und damit auch diese Webseite erst möglich machen. Spätestens jetzt springst du zu ▸So gehts los.
Unter den sogenannten Hauptmerkmalen der VITA-Talentklasse Gräfler wird die
Unterrichtsform mit flexibel, projektorientiert und digital gestützt umschrieben. Nicht beschrieben wird die PLE als unabdingbare Voraussetzung, diese Unterrichtsform erst praktizieren zu können. 2009 besuchte ich die IMS Fachtagung und lernte nicht nur ▸Rolf Schulmeister, sondern auch die PLE kennen. Im selben Jahr wechselte ich noch einmal die Schule und begann, mit meinen Klassen die fachspezifische PLE music@school zu entwickeln.
Die function heisst carousel