edudays '25

Am 2. und 3. April 2025 finden an der ▸ Uni für Weiterbildung in A-Krems die edudays '25 statt. Bis dahin sind's noch -26 Tage.


Intro

In dieser Webseite finden die wesentlichsten Sprachen statt, welche das webbasierte Darstellen von Daten* erst möglich machen:

HTML

ist als Script- (Auszeichnungs-) Sprache quasi Standard, in einem

CSS

(Cascading Style Sheet) wird das Aussehen der Daten bestimmt, mit

JavaScript

(nicht nur) können Webseiten interaktiv gemacht werden,

PHP

wird nicht im Browser, sondern server-seitig ausgeführt, und

SQL

ist Standard im Speichern und Verwalten von server-seitigen Datenbanken resp. Daten, ...

*Diese Daten sind Texte, Audio, Bilder, Video's, Freihand- und technische Zeichnungen. Dabei werden diese Daten produziert und publiziert. Weil es sich wohl um personen-bezogene, aber nicht um persönliche oder gar schützenswerte Daten handelt, sind sie für alle erreichbar. Im absoluten Idealfall unterhält jede Lehrperson und jede Schülerin eine webbasierte Umgebung.


CSS Masking



Kreatives Tun ist zum Beispiel, wenn SchülerInnen ihre Imagefilme nicht wie gewohnt 4-eckig, sondern wie auch immer darstellen wollen, und sich darum mit geometrischen Ebenen auf der z-Achse, d.h. im Raum befassen. Im Beispiel liegt über einem quadratischen Film eine zweite Ebene, eine sogenannte Maske (siehe mask.svg), welche mit einem kreisrunden Loch ausgezeichnet ist. Im ▸ Thaynger wechselt ein PHP-Skript stündlich den Imagefilm. Der Skript ist von einem LLM - vermutlich die vornehmste Art, ein solches zu nutzen. Der Film ist ein mit Screenflow aufgenommener und konfektionierter Screenshot. Bis 2, 3 MB können diese auf dem Server gespeichert werden - für grössere empfehle ich streamable oder wistia. Schule sollte seine Filme aus den bekannten Gründen nicht bei Youtube publizieren.



JavaScript

JavaScript wird 2025 30 Jahre alt. Bedeutet: JavaScript ist vor dem Smartphone entwickelt worden. Bedeutet: JavaScripts sollten immer im Handy überprüft werden. In grossen Bildschirmen kannst du den Imagefilm innerhalb der eingefärbten Fläche frei bewegen.

Accordion

Accordion ist eine JavaScript-Anwendung, die auch in mobile devices richtig interpretiert wird. Accordion ist eine JavaScript-Anwendung, die auch in mobile devices richtig interpretiert wird. Accordion ist eine JavaScript-Anwendung, die auch in mobile devices richtig interpretiert wird.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


WLL

Ich bin der festen Überzeugung, dass SchülerInnen ihre von Hand und/oder maschinell geschriebenen Texte übersetzen, sprechen und in Bild und Ton aufnehmen sollten. Der nachfolgende Audioplayer besteht aus 3 Dateien (sie befinden sich im Unterordner >audio), die ▸ hier bezogen werden können (einfacher ist es wohl, die Dateien aus dem hiesigen audio - Ordner zu kopieren). Die Audiodateien werden in einer Liste in der script.js eingetragen (wem das altertümlich vorkommt: 2025 wird JavaScript 30 Jahre ur-alt!). Audioaufnahmen mache ich mobile mit den Apps Mp3 Recorder und/oder Voice Record - von dort können sie direkt via FTP auf den Server geladen werden.

00:00
00:00


Falls du dich in's Bild setzen willst, kannst du hier schon mal deine Genität überprüfen - oder so. ▸ Open WebCamClose WebCam


Canvas kann was

Ein Canvas-Element (englisch für "Leinwand" oder "Gemälde") ist ein – in der Sprache HTML5 – mit Höhen- und Breiten-Angaben beschriebener Bereich, in den per JavaScript gezeichnet werden kann. ▸ clean

Kalkulation

Du kannst in der nachfolgenden Tabelle Werte eingeben oder löschen oder was immer - die Sache ist einfach nicht nachhaltig!


Ich weiss

Öffne (unm24.im.../unm24/B..C...twentyfour in ▸ web2ftp oder besser mit einem Client Programm wie ▸ FTP Disk o.a.) nun die Vorlage, benenne sie eindeutig um und bewege sie in den Ordner >unm24 - oder kopiere den Inhalt und setze ihn in eine neue Datei im Ordner >unm24 ein - oder dupliziere die Datei, bewege sie in den Ordner >unm24 und benenne sie um. oder ...


SVG

Scalable Vector Grafics eignen sich hervorragend für grafische Elemente, die sich den unterschiedlich grossen Bildschirmen anpassen müssen.

Hinter 'Schaffhausen' verbirgt sich ein Film (öffnet in einem neuen Fenster) und 'Rüdlingen' ist ein JavaScript Toggle. Bedeutet: der Link hat eine JavaScript Toggle Funktion, welche eine Audiodatei alternierend spielen resp. pausieren lässt - siehe Quelltext.

P

Geometrische Zeichnungen / Figuren / ... lassen sich beschreiben - sie werden vom Browser als scalable vector graphic interpretiert. sie sind, wie der Name sagt, ohne Verlust skalierbar und werden oft als Image Map Area Element eingesetzt - siehe Beispiel 1.

Die Formel für einen beliebigen Punkt auf dem Kreis habe ich gegoogelt...

(x – xM)2 + (y – yM)2 = r2
(x - 100)2 + (20 - 100)2 = 1002

und claude.ai habe ich nach einem bestimmten Punkt auf dem Kreis gefragt.


PHP

rekursives Akronym und Backronym für "PHP: Hypertext Preprocessor", ursprünglich "Personal Home Page Tools", ist eine Skriptsprache mit einer an C und Perl angelehnten Syntax, die hauptsächlich zur Erstellung dynamischer Webseiten oder Webanwendungen verwendet wird. Siehe auch DSS, Dynamic Style Sheet.

Heute ist Montag, der 28.04.2025 und es ist mit dem Öffnen und/oder Reload dieser Seite 02.58 Uhr.

SQL

Wenn Daten in verschiedenen Tabellen gespeichert sind, können Joins verwendet werden, um die Beziehungen (Relationen - relationale Datenbanken und Datenbank-Systeme) zwischen Tabellen herzustellen. Durch die Verknüpfung von Tabellen können Informationen miteinander in Beziehung gesetzt und abgerufen werden.

Die Ausgabe der Daten erfolgt in einer HTML-Tabelle

Dieser erste Beitrag erscheint immer zuoberst - alle weiteren verkehrt-chronologisch. Die Beschreibung eines Films sollte möglichst viele, relevante, video-spezifische, eindeutige Daten enthalten. Zum Beispiel: Der Film, entstanden am 5.3.25 (verwende immer das gleiche Datum-Format und weise darauf hin) befindet sich, wie alle Filme in dieser Tabelle, bei streamable und handelt von Loris und Malea auf dem Spielplatz Kollerwiese in Zürich-Wiedikon.
Am 27.4.25 simmer zersch halbe um und denn über de Cholfirscht und Schlattinge uf Etzwile gfahre, wo's am Bahnhof gfäschted hend. D'Hemishofer Brugg han i nid gfunde, drum simmer über Stei am Rhy und Ramse haam gfahre. 60km
Am 26.4.25, einen Tag nach meinem Geburtstag, waren wir am Konzert der ▸Camerata Variabile unter der künstlerischen Leitung von Helena Winkelmann. Klaus Unger, Peter Marti, die Hafners und die Bösch's (sowohl Paul als auch aus Thayngen) waren auch da. Vater Alain hat das Konzert in Bild und Ton aufgenommen. Bei Borodins Streichsextett in d lässt sich einzig bemängeln, dass er aus Zeitgründen nur 2 Sätze geschrieben hat, Treibers Trasformazioni könnten gekürzt werden, Schostakowitsch's Musik hatte ich in anderer Erinnerung und Enescu's Streichoktett ist eine wahre Wucht, eine eigentlich musikalische Orgie.
Am 26.4.25 habe ich das charset in der .php-Datei wieder aktiviert - jetzt sollten die Umlaute wieder richtig interpretiert, und der Datensatz beim Upload keinen fatal error auslösen. Jetzt bin ich grad froh, dass wenigstens ein Umlaut vorkommt in diesem Text. Falls der fatal error weiterbesteht, weise ich darauf hin, keine Umlaute zu verwenden. Nachtrag: kein fatal error, aber weiterhin ? für alle Umlaute.
Am 24.4.25 han i d'Räder gwechslet - und am 25.4.25 Geburtstag gha. Denn han i statt e Video e Bild is Videofeld iigschribe und zom gliiche Bild verlinkt, da mes cha gröösser aaluege - und bem Uelade vo dem Datesatz het er en fatal error gmeldt. Has parmoll probiert, bis i entlich de Umluut wegglo ha. Irgend wenn emoll schriib i die Beschriibinge uf Englisch oder - nei, ha grad wele schriibe hebräisch, het aber en Umluut und zudem chan i gar nid hebräisch!
Am 22.4.25 sind wir über Feuerthalen-Stumpenboden den Cholfirst hoch bis zur Hochwacht und dann rechts weg bis zur Quarzsandgrube ob Benken gefahren. In Herblingen wollte A Himbeeren (also Pflanzen) kaufen, wurde aber weder bei OBI noch im Landi fündig. 42km
Am 21.4.25 sind wir mit dem Wind im Rücken nach Konstanz und weiter an den Kreuzlinger Hafen und Seepark - und weil die Zugsverbindung ausfiel [sic!] zurück bis Allensbach gefahren. Bis Singen brachte uns die um 17 Minuten verspätete Schwarzwaldbahn. Service: Ankunft Perron 1 und Tiefausstieg.
Es ist der 17.4.25 und es geht mir sehr gut - nicht ganz ohne Drückli, aber sehr gut. Im besten Fall verabschiede ich mich heute und bedanke mich von ganzem Herzen.
Der 16.4.25 ist ein Mittwoch - also sind wir in der Binz. Es ist kälter als erwartet und wir sind nicht sehr lang draussen. Am Morgen haben ich den Garten motor-gehackt.
Am 15.4.25 haben wir im Landi für 225 Stutz eine Motor-Bodenhacke gekauft, zusammengebaut und erfolgreich gestartet. Heute, am 16.4.25 qualmte der Motor nach 10 Minuten Betrieb und wir brachten die Hacke zurück zu Landi. Dort qualmte sie selbstverständlich nicht mehr, wir nahmen sie also wieder zurück und in Betrieb - und nach einer Stunde war der ganze Garten butterweich gehackt.
Am 14.4.25 schreibe ich, dass im Video-Feld selbstverständlich auch Bilder und/oder Audiodateien und/oder iframes eingesetzt werden können. Verlinke das Bild, damit es fullwindow gesehen werden kann. Play
Am 11.4.25 am früehne Morge hani no gsaat, mir mösid bis Gordola fahre, zom is Verzascatal iechoo. Z’Tenero simmer bem Bahnhof dur d’Underführing – und halbe z’Mergoscia obe (liecht übertribe) hani gmerkt, damer z’früeh weg sind. Also alles wieder abe und damoll würkli bis uf Gordola und denn zäch duruf bis zur Staumuur. Es het erstuunlich wenig Wasser im See. Entweder hends für guets Geld Strom uf Tüütschland verchauft, oder es isch würkli troche. Mir sind denn bis uf Lavertezzo zo de berüehmte Brugg und de no berüehmtere riesige Steibölle i de Verzasca hindere gfahre, hend döt ufem Spielplatz mit beschter Uusicht z’Mittag ggässe und sind denn wieder zrugg und uf Gorippo ue gfahre. Ich bi churz is Dorf – alleg zom mir bestätige, da Gorippo z’Tod saniert worde n’isch. Es isch eifach ka Lebe drin. Nid well ussertere Uusstiigeri us de 80-er-Johr niemert ume gsi isch. Es Dorf selber würkt wene Museum usem letschte Johrhundert. Jo nu. Mir sind denn abe und uf Locarno gone Glace esse, und denn grad no uf Ascona gode Summer gnüüsse – hüt isch würkli heiss gsi. 50 km
Am 10.4.25 sind wir die untere Panoramastrasse (siehe Beitragsbild) und dann hoch nach Mergoscia (>700 MüM) - und die obere Panoramastrasse bis Orselina und Solduno und runter nach Locarno gefahren, wo wir uns auf der Piazza Grande von der Sonne schmelzen liessen. Heute Mittag habe ich ein Telefon von der Radiologie erhalten: Termin Montag 14 Uhr im KSSH. Wie es mir ginge? Hervorragend! Sitze auf der Piazza Grande in Locarno und lasse mich von der Sonne schmelzen. Die Wetterprognosen für Pisa für die nächste Woche, Stand: 10.4.25 09:30 Uhr, sehen momentan so aus, dass wir am Samstag oder Sonntag nach Hause fahren und schauen, was wir noch vor dem Nusshoffest (kaum mehr) oder dann ab 5. Mai, nach dem Besuch der K's aus B machen werden.
Am 26.3.25 waren wir am 3. Halb-Finalspiel (Best of Five) des VC Kanti gegen Lugano. Was für ein Spiel, was für eine Dramatik, was für eine Stimmung und was für ein Jubel nach dem eindeutigen 3:0-Sieg!
Am 23.3.25 hatten Gottlieb und Anton Geburtstag, waren Annabeth und ich an einem extraordinär exclusiven herausragenden wunderbaren Konzert (Klavier-Abend) von Alexandra Dovgan und vor dem Konzert auf der Terrasse mit Blick auf See und Schneeberge im fönigen Abendlicht (ja, Zürich ist schön - wenn nur die Zürcher nicht wären) - und zum ersten Mal habe ich einen Beitrag in dieser Videothek von A-Z, von der Aufnahme bis zum Eintrag in diese Video-Datenbank, mit dem Handy gemacht. Wie du siehst, können auch mehrere Filme bezw. embed scripts eingesetzt werden.
Am 19.3.25 haben wir zum ersten Mal die Binz Allee als Treffpunkt von Kindern und (im Gegensatz zu Prenzlauerberg) vorallem Mütter erlebt. Super Begegnungsort für Gross und Klein!
Am 17.3.25 war ich bei der besten DH (ich weiss ihren Namen nicht) in der sicher besten Zahnarzt-Klinik in der höchstvermutlich schönsten Stadt der Schweiz (Schaffhausen).
Am 26.1.25 immer und immer wieder faszinierend

Die Ausgabe der Daten erfolgt in gefloateten div container

2025-04-01 08:25:00
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 nicht responsive. Aktuell werden die Daten entweder immer noch in Tabellen, oder besser in gefloateten div container (wie hier geschehen) und/oder in flexbox container oder ... ausgegeben resp. interpretiert/dargestellt. Ich habe heute Morgen in dieser Seite die Ausgabe der Daten (Datum, Text und Media) aus einer SQL-Tabelle neu in div's definiert, wobei ich die div's Datum und Media (mit Bild oder Video) mit float:left ausgezeichnet habe, damit der Text schön um das Bild resp. das Video rumfliesst. Dieser Datensatz erscheint immer sticky, d.h. an erster, oberster Stelle. Alle weiteren sortieren sich verkehrt-chronologisch.


2024-03-26 22:30:00
Am 26. März 2025 Finaleinzug des VC Kanti vs Volley Lugano


2025-04-05 13:22:11
Am 5. April 2025 sind wir mit dem Zug nach Konstanz und ab da durch den wirklich wunderschönen Thurgau nach Hause gefahren.


Python

Programmieren ist das Beschreiben von eindeutigen und endlichen Handlungen und Handlungs-Abläufen. Beispiel: A Programmers Wife: "While you're at the store, get some milk!" He never returned home. Die wirklich sehr einfach zu erlernende Programmier-Sprache ▸ Python kann auch in HTML ausgeführt werden!


Video Tutorial

bilden das Geschehen entweder auf oder vor dem Bildschirm ab. Vor dem Bildschirm filme ich gern mit den Apps Filmic Pro und DoubleTake und konfektioniere die Videos vornehmlich mit der App ReelDirector II. Auf dem Bildschirm meines Laptop's (worauf ich gegebenenfalls das Handy spiegle) filme (und konfektioniere die Aufnahmen) ich am liebsten mit der App Screenflow. Die fertigen Filme speichere ich bei streamable oder wistia. Ich bin der festen Überzeugung, dass SchülerInnen ihre Lösungen auch in einem Video Tutorial zeigen können / dürfen / müssen.


Und nun?

Im absoluten Idealfall erhält jede Klasse von ihrer Schule eine Subdomain samt Datenbank. Darin befinden sich ein Multiuser CMS und geschützte Ordner für die SchülerInnen. Weil's Schule nicht kann, bleibt den Lehrpersonen wohl nichts anderes übrig, als ihrer jeweiligen Klasse eine Subdomain ihrer Domain zur Verfügung zu stellen. Im schlechtesten Fall hat die Lehrperson keine eigene Domain und damit wohl auch keine webbasierte PLE.

Falls du keine Domain unterhältst, gehst du zu ▸ Ich weiss, melde dich auf dem Server an, folge der Anweisung, schreibe der Seite in einem links gefloateten div ein Bild oder ein Video ein und beschreibe dieses mit mindestens soviel Text, dass du siehst, wie der Text ums Bild/Video fliesst.