Der ZUM-Digiscreen hat zwei neue Funktionen erhalten:
- QR-Codes sind in ihrer Größe jetzt änderbar.
- QR-Codes können farblich hinterlegt werden.
Wie kam es dazu?
Ein Werkstattbericht. Auslöser für die 2 Neuerungen im ZUM-Digiscreen war diese Anfrage in unserem Supportsystem:
… es wäre super, wenn man eine Größenanpassung von QR-Codes beim Digiscreen implementieren könnte. Die eingefügten QR Codes sind leider sehr groß und es können nur wenige auf einer Tafel untergebracht werden. Als weiteres Feature wäre eine farbliche Hinterlegung der QR-Codes zur möglichen Darstellung von Differenzierungsstufen richtig toll.
Worum geht es? Der ZUM Digiscreen ist ein nützliches Werkzeug, um verschiedene Methoden schnell in eine Unterrichtsstunde einzubinden. Ein Einsatzzweck ist das Sprungbrett in die Stunde; für alle sichtbar am gemeinsamen großen Bildschirm/Whiteboard/Leinwand; ein Timer, eine Agenda und wichtige Links als QR-Code.
Der ZUM-Digiscreen ist eine Variante des Digiscreens von Ladigitale, einem Open Source Projekt aus Frankreich. Nach einer ersten Sichtung und etwas Einarbeitung in den Quellcode war die Größenänderung tatsächlich gar nicht schwer, denn andere Elemente des Digiscreens waren bereits veränderlich in ihrer Größe. Das ging also erstaunlich schnell und 3 Tage später gab es die Funktion beim ZUM-Digiscren und einen Pull-Request für Ladigitale, vielleicht findet Ladigitale das Feature ja interessant genug, um es mit aufzunehmen, so dass alle Digiscreens etwas davon haben.
Zum Farbkodieren musste ich aber erstmal folgendes Antworten:
Die farbliche Hinterlegung ist eine gute Idee, aber da kann ich nichts dazu versprechen. Sie können sich auch gerne an das Quellprojekt wenden.
Ich hatte keinen Weg gesehen, das einfach zu implementieren, und am Ende hat es Ladigitale vermutlich einfacher. Zumal ich nicht sah, dass ich genügend Zeit hätte.
Wie bei vielen kreativen Berufen, ist eine Pause keine Pause und so hat sich dieses Problem ins Unterbewusstsein gemogelt und dort laut gerufen: „aber da gibt es ja schon etwas mit Farbe auswählen“. Ja, tatsächlich das Werkzeug „Raster“ hat einen Farbwähler und sogar mit hellen Farben wie sie der QR Code auch braucht (er muss ja scanbar bleiben).
Also copy&paste für den Farbwähler, einiges experimentieren für den QR-Code-Generator, etwas durchprobieren, welchen Teil wir am besten einfärben (nur den Code, den Rahmen, die ganze Box, …) nochmal kurz die CSS Kompatibilität geprüft und fertig war ein zweiter Pull-Request.
Was hab ich gelernt: ein kleines bisschen Digiscreen, ein kleines bisschen vue.js (das, was nötig war), CSS inline Variablen sind weit unterstützt, CSS Logical Properties and Values sind auch weit verbreitet. Der ZUM-Digiscreen ist in unserem Gitlab Account zu finden.
Christian Schröder