{"id":14615,"date":"2020-01-13T20:53:26","date_gmt":"2020-01-13T19:53:26","guid":{"rendered":"https:\/\/www.herr-rau.de\/wordpress\/?p=14615"},"modified":"2023-05-04T17:56:11","modified_gmt":"2023-05-04T15:56:11","slug":"hack-the-web-unterrichts-und-fortbildungsformat","status":"publish","type":"post","link":"https:\/\/www.herr-rau.de\/wordpress\/2020\/01\/hack-the-web-unterrichts-und-fortbildungsformat.htm","title":{"rendered":"Hack the Web: Unterrichts- und Fortbildungsformat?"},"content":{"rendered":"<div style='text-align:right;'><small>(<a href='https:\/\/www.herr-rau.de\/wordpress\/2020\/01\/hack-the-web-unterrichts-und-fortbildungsformat.htm#comments'>2 Kommentare.<\/a>)<\/small> <\/div>\n<p>Vor ein paar Wochen war in meiner 9. Klasse in Informatik nach einem Test noch eine Stunde Zeit; Wiederholung und Vertiefung passte danach nicht. Gl\u00fccklicherweise hatte einer der Praktikanten eine sch\u00f6ne Idee: Er hatte als Projekt eine Webseite erstellt mit gemischten kleinen Aufgaben aus der, hm, Web-Bearbeitung? Informatik? Angewandten Informatik? &#8211; Benutzer legen sich dabei ein Konto an und haben dann 30 Minuten Zeit, auf <a href=\"https:\/\/hack.arrrg.de\/\"><strong>Hack the Web<\/strong><\/a> m\u00f6glichst viel Aufgaben zu l\u00f6sen und viele Punkte zu erreichen. Die Punkte kann man dann auf einer High-Score-Liste vergleichen. So \u00e4hnlich habe ich das als &#8222;Capture the Flag&#8220; mal <a href=\"https:\/\/www.herr-rau.de\/wordpress\/2019\/07\/tag-der-informatiklehrer-und-lehrerinnen-2019.htm\">auf einer Fortbildung kennengelernt.<\/a> (Das mit den 30 Minuten nur bei Anmeldung als Klasse, wenn man das nur einfach so macht, gibt es keine Zeitbeschr\u00e4nkung.)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"674\" height=\"480\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/hacktheweb.png\" alt=\"\" class=\"wp-image-14717\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/hacktheweb.png 674w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/hacktheweb-300x214.png 300w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/hacktheweb-150x107.png 150w\" sizes=\"auto, (max-width: 674px) 100vw, 674px\" \/><\/figure>\n\n\n\n<p>Auf jeder Aufgaben-Seite muss man ein Codewort eingeben und abschicken. Das Codewort zu finden ist meist die eigentliche Aufgabe. Anders etwa als bei dem ebenfalls webbasierten  R\u00e4tselspiel <a href=\"http:\/\/notpron.org\/notpron\/\">Notpron<\/a> er\u00f6ffnet die L\u00f6sung einer Aufgabe meist mehrere andere Aufgaben, so dass man ausweichen kann, wenn man mal nicht weiter wei\u00df oder mag.<\/p>\n\n\n\n<p>Ansonsten war da nichts von einem Lehrpfad oder einer Webquest. Kein Kontext. Keine Kompetenzorientierung. Einfach nur Aufgaben. Hat voll funktioniert, und die Sch\u00fcler und Sch\u00fclerinnen kamen auch recht weit. Ich habe das eine Woche sp\u00e4ter auch meine Informatiklehramt-Studentinnen und -Studenten machen lassen; auch da viel Vergn\u00fcgen.<\/p>\n\n\n\n<p>Die Aufgaben sind alle nicht sehr schwierig; sie richten sich auch an Sch\u00fcler und Sch\u00fclerinnen oder Studierende, keine Hacker. Die erste Aufgabe &#8211; ich spoilere jetzt, aber nur wenig &#8211; ist besonders einfach: Das Codewort auf der Webseite ist in der gleichen Farbe geschrieben wie der Hintergrund; man soll es sichtbar machen, indem man einfach einen Bereich selektiert und markiert, worauf der Text ja standardm\u00e4\u00dfig im Browser hervorgehoben wird.<\/p>\n\n\n\n<p>Und da dachte ich mir: Wie weit w\u00fcrden wohl die Lehrer und Lehrerinnen eines Kollegiums, irgendeines, bei so einem Spiel kommen? Sozusagen, wenn man das als Fortbildungsma\u00dfnahme anb\u00f6te? Mein Respekt vor den Sch\u00fclern und Sch\u00fclerinnen w\u00e4chst bei dieser Vorstellung. Sie haben wahrscheinlich genau so viel Angst, sich zu blamieren, wie Erwachsene, aber sie trauen sich das Arbeiten mit dem Rechner zu; au\u00dferdem haben sie keine Scheu, Aufgaben zu l\u00f6sen, auch wenn das keinen unmittelbaren Sinn hat. Ein Kollegium&#8230; w\u00fcrde z\u00f6gerlicher an so eine Aufgabe herantreten. Und vielleicht w\u00fcrden, ahem, schon manche bei der ersten Aufgabe Probleme haben, der mit dem Sichtbarmachen durch Ausw\u00e4hlen und Markieren. <\/p>\n\n\n\n<p>Und doch l\u00e4sst mich der Gedanke nicht los, das Format f\u00fcr die Schule zu nutzen, f\u00fcr Unterricht oder Fortbildung. Es w\u00fcrde nicht sehr um informatische Dinge gehen, aber um die Nutzung von digitalen Werkzeugen, webbasiert oder lokal installiert. (Ich n\u00e4here mich damit auch dem Konzept Esape Room, das wird ein eigener Eintrag mal.) Man k\u00f6nnte im Rahmen der Aufgaben:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>QR-Codes dekodieren<\/li>\n\n\n\n<li>bei einem Bild den Kontrast erh\u00f6hen, um Unsichtbares sichtbar zu machen<\/li>\n\n\n\n<li>f\u00fcr Fortgeschrittene: zwei oder mehr Bilder \u00fcbereinander legen (als Ebenen), um Text lesbar zu machen &#8211; eventuell muss man sie auch erst auf die gleiche Gr\u00f6\u00dfe skalieren<\/li>\n\n\n\n<li>die Geschwindigkeit einer Audiodatei ver\u00e4ndern, um den Text verst\u00e4ndlich zu machen<\/li>\n\n\n\n<li>eine Bilddatei mit einem Hexeditor \u00f6ffnen, um eine darin versteckte Nachricht zu lesen<\/li>\n\n\n\n<li>eine Java-Datei decompilieren, um sich den Quellcode anzuschauen<\/li>\n\n\n\n<li>die L\u00f6sung auf Chinesisch pr\u00e4sentieren &#8211; erfahrene Webnutzer haben ja keine Probleme, sich das \u00fcbersetzen zu lassen<\/li>\n<\/ul>\n\n\n\n<p>So als Erg\u00e4nzung zu den Mebis-Fortbildungskursen&#8230; aber nicht zu Hause zu machen, sondern zusammen mit anderen im gleichen Raum. Ist dann auch gleich viel gem\u00fctlicher. Zugegeben: Damit gibt man Gelegenheit zu zeigen, was man bereits kann; Lernaufgaben sind das keine.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>(2 Kommentare.) Vor ein paar Wochen war in meiner 9. Klasse in Informatik nach einem Test noch eine Stunde Zeit; Wiederholung und Vertiefung passte danach nicht. Gl\u00fccklicherweise hatte einer der Praktikanten eine sch\u00f6ne Idee: Er hatte als Projekt eine Webseite erstellt mit gemischten kleinen Aufgaben aus der, hm, Web-Bearbeitung? Informatik? Angewandten Informatik? &#8211; Benutzer legen [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":14717,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[25],"tags":[227,247],"class_list":["post-14615","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-informatik","tag-informatik","tag-schnitzeljagden"],"jetpack_featured_media_url":"https:\/\/www.herr-rau.de\/wordpress\/archiv\/hacktheweb.png","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts\/14615","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/comments?post=14615"}],"version-history":[{"count":3,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts\/14615\/revisions"}],"predecessor-version":[{"id":55645,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts\/14615\/revisions\/55645"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/media\/14717"}],"wp:attachment":[{"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/media?parent=14615"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/categories?post=14615"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/tags?post=14615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}