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 168 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.

▲

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

▲

Falls du dich in's Bild setzen willst, kannst du hier schon mal deine Genität überprüfen - oder so. ▸ Open WebCam ▸ Close 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.

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 – x_M)² + (y – y_M)² = r²
(x - 100)² + (20 - 100)² = 100²

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 Mittwoch, der 16.10.2024 und es ist mit dem Öffnen und/oder Reload dieser Seite 02.21 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.

Video aus A1

Vorname aus A2

Nachname aus A2

Elisabeth

Hugentobler

Beat

Rüedi

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.

▲