datenverdrahten.de

Calliope mini sendet Daten: Mein Interesse am Einplatinencomputer Calliope mini wurde bereits Ende 2017 geweckt. Nach ersten Programmiererfahrungen, speziell unter Nutzung der Entwicklungsumgebung MakeCode und JavaScript als Codebasis, kam das Gerät je nach Interessenlage der Studierenden in Kursen zur Web-Entwicklung zum Einsatz. So auch im aktuellen Sommersemester. Dabei wurde ich wiederum selbst getriggert, mir interessante oder sogar neue Dinge anzuschauen. Bekanntlich haben die Geräte aller drei Generationen bereits ab Werk einige Sensoren eingebaut, u. a. für Geräuschpegel, Lichtintensität und Temperatur. Die zugehörigen Werte lassen sich zunächst formal auf dem durch 25 rote LEDs gebildeten Display ausgeben. Über die Web Serial API können serielle Daten an Web-Browser übertragen werden. Somit bot sich eine Kombination von Senden via Calliope sowie Empfangen und grafischer Verarbeitung in geeigneten Browsern an. Aktuell verfügen Chrome und Chromium-Derivate wie Edge und Opera über diese Möglichkeit.

Ein weiteres Experiment bezieht den externen WLAN-Adapter mit der Bezeichnung ESP8266 ein. Die zur Komponente gehörende MakeCode-Erweiterung wurde in ein Calliope-Programm integriert, um die genannten Sensordaten an den IoT-Dienst ThingSpeak zu senden und dort zu visualisieren. Weitere Details beider Umsetzungen beschreibt ein separater Artikel.

Dr.Explain meets XSLT: Wie bereits berichtet, kam im Wintersemester 2024/25 erstmalig das Help Authoring Tool Dr.Explain zur Erstellung von Online-Hilfen und mobilen Dokumentationen zum Einsatz. In diesem Umfeld entstand ein Ansatz zum Postprocessing des an bestimmten Stellen etwas unbefriedigenden HTML-Exports. Zur Anpassung bestimmter Stellen im (X)HTML-Code und zur Integration von Erweiterungen für den mobilen Einsatz wie spezieller Meta-Informationen und eines moderneren WebApp-Manifests wird XSLT 3.0 verwendet.

An den Kursen beteiligte Studierende können den »drex_postproc«-Prozess selbst ausführen und erhalten mit relativ geringem Aufwand die bereinigten bzw. aufgewerteten Dokumente. Technisch sind dafür nur überschaubare Kopieraktionen und die Anpassung eigener Konfigurationsdaten nötig, während der eigentliche Prozess über einen Batchjob gesteuert wird. Neben dem jeweils erzielten praktischen Ergebnis zeigt die entwickelte Anwendung die Mächtigkeit von XSLT und des eingesetzten Prozessors Saxon-HE für solche Problemstellungen. Ein Screencast veranschaulicht detailliert Hintergründe und die praktische Vorgehensweise. Update vom 10.03.2025: Ein weiterführender Artikel ist auf unserer KIW-Plattform erschienen.

Dr.Explain: Im Bereich der Technischen Dokumentation und Kommunikation werden zahlreiche Help Authoring Tools eingesetzt. Oft ist eine steile Lernkurve zu überwinden und die Werkzeuge stehen eher selten zu akzeptablen Konditionen zur Verfügung. Als sehr interessant erwies sich das in der vorlesungsfreien Zeit vor dem aktuellen Wintersemester ausführlich analysierte Produkt Dr.Explain. Es bietet die Möglichkeit zur intuitiven Erstellung vor allem von Online-Dokumentationen in Form von WebHelp, also als Topic-basierte Websites mit den üblichen Funktionen wie navigierbare Inhaltsstruktur, Index mit Schlüsselwörtern und Volltextsuche. Zudem sind Exporte nach CHM, DOCX und PDF möglich.

Da die Erstellung von Dokumentationen über eine an Office-Programme angelehnte Oberfläche ohne spezifische HTML-Vorkenntnisse erfolgt, entstehen sehr schnell und komfortabel entsprechende Ergebnisse. Die automatisierte Generierung der Ausgaben ist natürlich von den seitens des Anbieters zugrunde gelegten Coding-Techniken abhängig. Allerdings sind eigene Anpassungen von CSS und JavaScript möglich, um zusätzliche Anforderungen und Ideen umzusetzen. Die bisherigen Erfahrungen sind überraschend positiv und speziell die Nutzung der dankenswerterweise zur Verfügung gestellten Bildungslizenz ermöglicht den Studierenden produktives Arbeiten an Projekten im Bereich Softwaredokumentation.

Vimeo-Tutorials: Im März 2023 habe ich mir einen einfachen Vimeo-Account mit monatlich zwei Uploads eingerichtet, um einige der in den Onlinesemestern von 2020/2021 entstandenen Tutorials primär nachfolgenden Studierenden als Additiv zu Präsenzkursen und darüber hinaus Interessierten zugänglich zu machen. Es handelt sich im Wesentlichen um live aufgenommene Mitschnitte von BigBlueButton-Kursen mit all den hoffentlich verschmerzbaren Sprachartefakten wie ähm, sozusagen und tatsächlich ;).

Inhaltlich orientieren sich die aktuell 17 ausgewählten Videos an Standards und Technologien rund um XML & Co. von den Grundlagen bis hin zu spezialisierten Themen wie DITA, DocBook, MathML, SVG und XSLT.

MathML-Artikel: Die Mathematical Markup Language, kurz MathML, gehört zu den ältesten der im XML-Universum ansässigen Technologien. Die erste Spezifikation wurde vor 25 Jahren veröffentlicht. Ja, das klingt durchaus alt und leider war der Weg in die handelsüblichen Browser ebenso lang. Zwar haben Firefox und Safari ihre Hausaufgaben frühzeitig gemacht, aber andere verließen sich auf die Möglichkeit der HTML-Einbindung mittels MathJax, einer durchaus mächtigen JavaScript-Bibliothek (künftig ggf. noch für Formel-Einbindung über TeX/LaTeX nützlich).

MathML ist auch nach wie vor Teil meiner Kurse im Umfeld der Technischen Kommunikation. Dieses ᐅ Vorlesungsvideo aus einem der hinter uns liegenden Onlinesemester beschreibt die wesentlichen Grundlagen. Mit der neu aufgelegten W3C-Initiative MathML Core und der Anfang 2023 gestarteten Implementierung in Chrome sowie Chromium-Ableger wie Edge und Opera kommt MathML zu neuen, längst fälligen, Ehren. Meinen auf der tekom-Frühjahrstagung gehaltenen Vortrag konnte ich nun mit dem umfangreichen Fachartikel »Fabelhafte Formeln« ergänzen. Dieser ist im Entwickler Magazin 7.2023 erschienen (Artikel-Teaser, Volltext unter Fachartikel). Diese Demonstration bildet die Basis der Erläuterungen im Rahmen von 19 daraus abgeleiteten Listings. Danke an die Redaktion für das Interesse am Thema und die gelungene inhaltliche Umsetzung. <👍/>

SVG-Funktionsplotter: Für den im April 2023 zum Thema MathML (Core) gehaltenen Vortrag wurden einige Demos entwickelt, u. a. die Umsetzung einer alten Abituraufgabe. Daraus entstand die Idee für einen erweiterten Funktionsplotter. Die jeweils ausgewählte Formel wird mittels MathML (<math>…</math>) in den HTML5-Code integriert und ebenso der zugehörige Funktionsgraph, welcher durch punktweise Berechnung als SVG-Polyline entsteht (<polyline points="x1,y1 … xn,yn"/>). Über die Inspektor-Funktion des Browsers, üblicherweise via F12 aufrufbar, kann der relevante Code eingesehen werden. Zudem sind Optionen zur Berechnung und Anzeige von Extrema, Wendepunkten und Nullstellen sowie zur numerischen Integration mit Darstellung der zugehörigen Flächenstücke als SVG-Polygon vorhanden (<polygon points="…"/>, hier veranschaulicht).

Die Anwendung wurde mit 3000 Zeilen XSLT 3.0 auf der Basis von SaxonJS 2 und den dort verfügbaren Interactive-XSLT-Erweiterungen für das Event-Handling in der Browseranwendung umgesetzt. Das Projekt soll auch in meinem Lehrumfeld zur vertiefenden Beschäftigung mit XML- und Web-Technologien motivieren und ihre Attraktivität erhöhen.

MathML-Vortrag: In dieser Woche fand die tekom-Frühjahrstagung 2023 im Congress Centrum Würzburg statt. Motiviert durch die im Januar erschienene Version 109 von Google Chrome mit MathML-Unterstützung, welche kurz danach auch in die Chromium-Browser wie Edge und Opera Einzug hielt, lag eine Vortragseinreichung zur nächstliegenden Tagung nahe. Bemerkenswert ist nämlich, dass nun alle gängigen Browser mit MathML umgehen können (Firefox und Safari sind bereits länger damit ausgestattet).

Die in den letzten Monaten speziell mit dem aktuell spezifizierten Standard MathML Core gesammelten Erfahrungen sind in den nun gehaltenen Vortrag eingeflossen. Einige umgesetzte Beispielformeln und die parallele Ansicht einer nativ gerenderten Formel sowie ihrer MathJax-Darstellung runden die Präsentation codetechnisch ab. Beim letztgenannten Testcase werden im HTML-Dokument integrierte math-Elemente via JavaScript im DOM geklont und alternativ behandelt. Dieser Bonustrack behandelt die Umsetzung einer alten Abituraufgabe mit MathML und SVG. Die gesamte Tagung bot natürlich wieder den idealen Rahmen zum Wissensaustausch und für viele gute Gespräche, vor allem auf dem tekom-Marktplatz mit einer Reihe von Firmenpräsentationen im Umfeld der Technischen Kommunikation.

tekom 2022: Nach drei Jahren fand die tekom-Jahrestagung 2022 wieder hauptsächlich in Präsenz auf der Messe Stuttgart statt und wurde zum Teil auch online übertragen. Ich durfte am 09.11. sogar zwei Vorträge halten. Der erste behandelte eines meiner Kernthemen: XSLT und XPath als primäre Technologien zur Verarbeitung von XML und zunehmend auch JSON. Hier ging es um die erwartbaren Goodies der noch im Aufbau befindlichen 4.0-Spezifikationen. Auf der Basis des XSLT-Prozessors Saxon-EE 11.4 konnte bereits eine Reihe interessanter Neuerungen oder Erweiterungen experimentell untersucht werden. Der vorgesehene Raum war erfreulicherweise komplett gefüllt. 👍

Das zweite Thema widmete sich den Denksport-Spielen im Umfeld des populären »Wordle«. Eine große Zahl an Variationen wurde im Vorfeld ausprobiert und dem interessierten Publikum vorgestellt. Auf der persönlichen Ebene war das Wiedersehen insbesondere unserer in der Technischen Kommunikation und Informationsentwicklung tätigen Absolvent*innen bis hinunter zu den frühen Jahrgängen ein besonderes Highlight. Danke an die tekom-Orga für die rundum gelungene Veranstaltung und die Möglichkeit der Mitwirkung in Form der genannten Vorträge. Alle Materialien sind verfügbar und die Präsentationen zusätzlich auf Speaker Deck eingestellt.

Der Wordle-Hype: Wordle ist ein Ratespiel für fünfbuchstabige Wörter, die in maximal sechs Zügen ermittelt werden sollen. Seit Herbst 2021 tauchen zunehmend tagesaktuelle Wordle-Ergebnisse in Tweets auf, welche dazu animieren, es einfach mal selbst auszuprobieren. Das englischsprachige Wordle-Game wurde durch die New York Times aufgekauft und soll weiterhin kostenlos verfügbar bleiben. Gespielt werden kann mit separaten Apps oder einfach im (mobilen) Web-Browser.

Nach den ersten eigenen Versuchen stellte sich schnell heraus, dass es eine Reihe Ableger für Wortspiele, aber auch darüber hinaus für unterschiedliche Rechenarten oder zum Zuordnen von Ländern anhand ihrer Grenzen gibt. Die erstaunliche Vielfalt von mittlerweile mehr als 90 (12/22) untersuchten Anwendungen beleuchtet mein Online-Artikel »Neues vom Denkspocht – Casual Games zur Lösung von Denksportaufgaben«. Viel Spaß beim Lesen und Raten!

SVG wird 20: Am 4. September 2021 wird die initiale Spezifikation der Scalable Vector Graphics (SVG) 20 Jahre alt. Hier häufiger Mitlesende werden in irgendeiner Form mitbekommen haben, dass ich mich mit diesem Thema seit den Anfangstagen in unterschiedlichen Kontexten beschäftigt habe. Ohne das hier zu sehr in Selbstbeweihräucherung ausarten zu lassen, sei zumindest ein bereits 2002 erschienener Artikel erwähnt, wobei zu diesem Zeitpunkt noch wenig Interesse an solchen Veröffentlichungen bestand.

Alles Weitere ist bereits Geschichte, über die ich gerade im dritten Online-Pandemiesemester im Rahmen einer SVG-Einführung wieder berichtet habe. Der zweistündige ᐅ Kursmitschnitt ermöglicht es, meine Sicht auf das Thema zu erfahren und das Jubiläum einzuordnen. Ansonsten bietet die Plattform SVG – Learning by Coding weitere Einblicke in diese nach wie vor spannende XML-Technologie. Besten Dank an die Autorin der eingangs im Video behandelten Vektorgrafik für die Erlaubnis zur öffentlichen Nutzung!