Ich besitze ein iPad 🆒.

Nun habe ich gestern mal selber meine Dienste genutzt und wollte einen Panikzettel von meiner Website downloaden, aber nein, die Webseite lädt net. Schön, dass mir das jetzt auffällt, muss wohl schon länger so sein...

Die /panikzettel-Seite ist ja nur die meistbesuchte Seite auf htwr, also kein Problemchen. Jedenfalls probiere ich's auf dem (Android) Handy und dort klappt's, na toll, irgendeine WebKit-Scheiße.

Kurzes Intermezzo:

Browser sind ja notorisch große und komplexe Softwareprojekte. Alle größeren kann man aufteilen in \ge 2 Teile.

1. JavaScript-Engine (V8 - Chrome, SpiderMonkey - Firefox, JavaScriptCore - Safari): Das sind die Interpreter/JIT für euer JavaScript.

2. Browser-Engine / Rendering-Engine (Blink - Chrome, Gecko - Firefox, WebKit - Safari): Die layouten und (rendern, naja so halb) die Webseite. Sie nehmen also die empfangenen HTML- und CSS-Inhalte (ebenfalls die durch JavaScript errechneten) und layouten alles korrekt.

Apple, wie Apple halt so ist, schreibt es vor (seit 2024 nicht mehr in der EU), dass alle Web-Sachen auf iOS/iPadOS, also Safari aber auch Chrome und integrierte "WebViews", die WebKit-Engine nutzen müssen, um über den App Store vertrieben werden zu dürfen. Heißt: Egal, ob du Safari oder Chrome nutzt, es ist alles Hähnchen! ¹

Weil die Layout-Engines aber alle mal mehr und mal weniger spec-compliant sind, kann es manchmal vorkommen, dass manche Fehler bei der einen auftreten, bei der anderen aber nicht, so wie halt dieses Mal.

Okay, dann probiere ich mal, das zu beheben.Google (Noto Color Emoji 16.0)

1. Problem: Alleine die Browser auf meinem iPad nutzen WebKit (Gnome Web nutzt übrigens auch WebKit, dort verhält es sich aber aus irgendwelchen Gründen anders, warum auch immer).
2. Viel Erfolg, auf einem nicht gejailbreakten iPad auch nur irgendeine Art von Entwickleroptionen oder Debug-Konsole zu bekommen, ohne einen Mac.

Ja richtig, nur Apple-Geräte funktionieren nicht, aber um herauszufinden, was falsch läuft, braucht man einen Mac 💀. Ich kaufe mir bei Gott keinen Mac und mein iPad jailbreaken war früher auch irgendwie einfacher als jetzt.

Es gibt einfach keine Debug-Optionen. Da bist du einfach am Arsch, wenn du nur ein iPhone oder iPad hast. Mir war das schon bewusst für native Apps & Programme, aber dass es so schlimm ist, selbst Webseiten faktisch nicht für Apple-Geräte machen zu können...

Ich meine, es wäre ja okay, würde WebKit super funktionieren, aber es ist schon länger bekannt für so manche Auslegung bei Spezifikationen. Soweit ich weiß wird es besser aber web platform tests scheinen immernoch eher Eindeutig.

Chrome erlaubt natürlich auch keine Debug-Sachen, da sie ja auch gezwungen sind, WebKit zu nutzen. Ich schätze mal das Web debugging ist ziemlich integriert mit der Layout Engine und für zwei Engines ist der Aufwand zu hoch. Sie nutzen also auch das Safari-Debugging.

Ich habe es dann so gelöst, einen Freund mit Mac zu fragen, mir einen Screenshot der Konsole zu schicken 💀.

=> Es war natürlich ein React Hydration Issue mit Timestamps, wie immer bei diesem Scheiß, und jetzt klappt alles vernünftig.

Falls doch nochmal irgendwas bei HTWR nicht funktioniert, schreibt mir gerne an heyho@htwr-aachen.de oder bei Fragen oder auch einfach mal so mir egal.

Einfacheres Bearbeiten

Wie schon in den docs beschrieben, werden Zusammenfassungen einfach per MDX geschrieben. Damit es aber einfacher wird, diese zu bearbeiten, falls man gerade beim Lesen ist, aber einen Fehler gespottet hat, gibt es jetzt bearbeiten als Knopf. Der bringt einen direkt zu der page.tsx oder noch wichtiger, falls vorhanden, zu der .mdx.

rwth.cool

rwth.cool ist jetzt da. Wenn ihr eine Seite der RWTH häufig besucht, könnt ihr unter github.com/htwr-aachen/rwth.cool dort euch einen kurzen Redirect hinzufügen. Somit könnt ihr zum Beispiel auf:

• Moodle (m.rwth.cool)
• Online (o.rwth.cool)
• Mensa (hunger.rwth.cool)
• Gebäudesuche (wo.rwth.cool)
• HTWR (htwr.rwth.cool)
• Quit (quit.rwth.cool)
• ...

Später kommt noch ein Tutorial, wie man dies einfach im Browser einbaut, um noch einfacher direkt als Suchmaschine schnell zum Ziel kommt.

Was kommt als nächstes?

1. Mailing-Liste & RSS-Feed (ist jetzt da)
2. Panikzettel aktualisieren. Die sind mir wichtig, da brauche ich auch Hilfe von Leuten aus dem Semester
3. FAQ/Forum für übliche Fragen

Man muss ja aktuell bleiben

Wie ihr seht, es hat sich was getan. HTWR lebt (mal mehr, mal weniger).

Es sind noch nicht alle Komponenten neu geschrieben, aber im Grunde sieht es schonmal nicht schlecht aus. Apropos... Ich find das neue Design ganz ok. Es wirft mich nicht um, naja also bei der Schriftgröße musste ich bisschen lachen, aber es ist ein guter Schritt in die richtige Richtung.

Ich glaube, mit dem rigiden CMS-System, was die Uni verwendet, war, so einen "modernen" Look zu erreichen nicht gerade leicht.

Navigation

Nochmal als Erinnerung. Der wichtigste Button auf HTWR ist Quick Access. Hier findet ihr eigentlich alles Wichtige. Es sind immer noch neue Sachen und Ideen in der Pipeline, aber Zeit wächst ja auch nicht an Bäumen, also Geduld, kommt regelmäßig vorbei, sodass ihr nichts verpasst und teilt fleißig, dass es HTWR gibt.

Und zum Schluss ein wichtiges Naveo-GIF:

Syscom

Es ist passiert, comsys.rwth-aachen.de hat eine neue Webseite. Da musste ich natürlich mitmachen und htwr-aachen.de/syscom ist entsprechend verändert. Gleichzeitig wurde auch schon alles für die weiteren ComSys-Fächer AIT und MIT eingerichtet, sodass da bald Inhalt kommen könnte.

Dieses zeitlose Design werden wir vermissen.

rwth.cool

Letztens wurde mir die Seite tum.sexy bekannt gemacht. Leider war rwth.sexy schon belegt, aber das zweitbeste rwth.cool war noch frei. Ich schätze mal, ich werde ähnlich zu der TUM eine öffentliche Link-Liste erstellen.

So funktioniert wieder der Bums

Hat etwas gedauert, aber jetzt laufen wieder CI/CD, Panikzettel-Downloads (auch über htwr-aachen.de/panikzettel/${Name}.pdf), Aufgaben- und Material-Downloads

Ich habe mit Cloudflare Workers experimentiert, aber leider ist htwr bereits zu groß/komplex, sodass der kostenfreie Plan nicht mehr ausreicht.

VG HTWR

HTWR ist wieder eine Statische Webseite

Wer sich ein bisschen mit Web-Tech¹ auskennt, dem wird dies ein Begriff sein.

HTWR wurde zunächst auf Vercel gehostet. Das ist echt einfach und bietet viele Vorteile, aber leider können dort kostenlos nur GitHub-Personal-Accounts und keine "Organisationen" wie htwr-aachen erstellt werden.

Also habe ich sie vor ca. einem Jahr auf meinen eigenen Kubernetes-Cluster verlegt, als standalone Output in einem Container.

Nun, das ist nicht unbedingt optimal für eine Webseite, die größtenteils aus statischen Inhalten besteht. Zudem waren die "Content-Assets", also jegliche Materialien, unglücklicherweise in das Docker-Image eingebettet – das bedeutete eine Größe von ~600 MB. Will man nicht.

Naja, nun habe ich alles umgestellt und die letzten überflüssigen dynamischen Teile der Webseite gelöscht, womit sie nun wieder schön einfach als statische HTML-, CSS- und ein bisschen JavaScript-Dateien in einer Cloudflare Page landen². Die Content-Assets sind separat in einem Cloudflare R2-Bucket gespeichert.

Ich bin also faktisch wieder in den 2000er Jahren angekommen – nur dass jetzt der HTML-Code von React als Server-Side-Component vorgerendert wird.

Falls ich doch wieder dynamische Sachen brauche, die nicht clientseitig passieren können, werde ich auf Cloudflare Worker wechseln, aber erst mal reicht das so.

Hier noch ein Random-GIF:

HTWR goes (semi) legal

HTWR ist eine Grauzone (sehr dunkelgrau :/) mit Folien, (keine Klausuren natürlich 🫣)... Was wir/(ich mache die Webseite immer noch größtenteils alleine :/) in Zukunft machen, ist unten beschrieben.

Aber erst mal ein kleiner Rant

Das sollte nicht so sein

Ich finde es einfach unfair, Altklausuren als Lehrstuhl nicht zu veröffentlichen, obwohl es praktisch ist, Aufgaben zu wiederholen. Warum?

Es ist so, dass Altklausuren (selbst Gedächtnisprotokolle) eine erhebliche Hilfe und schlichtweg die beste Klausurvorbereitung sind Punkt. Ich glaube, den Fakt bezweifelt niemand.

Auch, dass immer Altklausuren gesammelt und verteilt werden, lässt sich nicht ganz verhindern. Studierende in Gruppen mit vielen Kontakten z.B. in frühere Semester haben einfach schlicht einen Vorteil.

PS. Das war auch schon in der Schule so. Ich würde gerne mal wissen, wie viel besser Leute mit älteren Brüdern und Schwestern bei demselben Lehrer oder derselben Lehrerin im Durchschnitt sind.

Warum so wenige Klausuren?

Warum so wenige Klausuren von den Lehrstühlen veröffentlicht werden:

1. Natürlich sind Klausuren viel Arbeit und Aufgaben zu wiederholen, direkt oder in abgewandelter Form ist dann natürlich einfacher.

2. Lernt den Inhalt, nicht die Übung.

![Ja aber Nein](https://media.tenor.com/CnV-C65z7iMAAAAi/theoretically-no.gif)

  Das Problem an diesem Argument:

  _Learning by Doing_.

  Außerdem wird in der Klausur ja auch nicht das pure Wissen an sich abgefragt, sondern in einer bestimmten Form (anhand der Übungen, Schemaaufgaben, etc.).
  Es ergibt also schon Sinn, diese zu lernen, um eine gute Klausur zu schreiben.

  Niemand kann 1850 Seiten MaLe-Folien auswendig und kann danach den InductiveMiner perfekt anwenden.
  Hierfür braucht es Übung und eine Aufgabe auf dem Übungsblatt ohne Trickfragen reicht halt meistens nicht aus.

Fachschaft!

Grundsätzlich sollte sich die Fachschaft darum kümmern, einen faireren Umgang mit Altklausuren zu ermöglichen. Sie können keinen Lehrstuhl zwingen, aber wenigstens als Repräsentant der Studierendenschaft (auch der weniger Vernetzten) die Lehrstühle nerven.

Was machen wir jetzt

Ich habe keine Lust mehr, im Impressum einer, ähm, kritischen Webseite zu stehen. Ich möchte legal, oder zumindest Grauzonen-legal werden.

Noch habe ich keine Unterlassungserklärung bekommen, aber das soll so bleiben. Ich habe aktuell nur den Vorteil nicht kommerziell zu arbeiten (das soll auch so bleiben). Ich habe deswegen bereits die Klausurenserver momentan abgeschaltet

Ich werde ein HTWR-Gedächtnisprotokoll-Template (typst, latex, docx, odt) erstellen. Das sollte gut genug aussehen, aber die genauen Formate der Klausuren sind ja eh egal (das typst-Template ist bereits fast fertig im exams repo).

Dann wird systematisch jede Klausur / ob schlechtes Gedächtnissprotokoll oder echte Altklausur in dieses Format übertragen und variiert. Wir werden nicht blanko abkopieren, aber die Zahlen sollen weiterhin stimmen.

Das ist mehr Aufwand. Aber es wird sich lohnen. Nicht für unbedingt uns, aber für spätere.

BITTE HELFT MIR

Fragt gerne bei mitmachen@htwr-aachen.de nach. Ich sage euch dann, was und wie ihr mithelfen könnt.

Zum Beispiel einfach loslegen, eine Klausur / oder eine neue Klausuren protokollieren.

Apropos

Gleichzeitig zu diesem Blog, werde ich die erste so richtige Dokumentation von HTWR anfangen.

Ich werde vieles auf der Webseite ein bisschen umstrukturieren und neu designen. Neue Features sind immer willkommen, Meme-Pages, Stickersammlung, Catbots, etc...

Ihr müsst nur ein bisschen Mut mitbringen, um neue Dinge (React, Typescript) zu lernen.