{"id":21997,"date":"2022-10-15T07:57:55","date_gmt":"2022-10-15T05:57:55","guid":{"rendered":"https:\/\/www.herr-rau.de\/wordpress\/?p=21997"},"modified":"2025-02-21T05:57:58","modified_gmt":"2025-02-21T04:57:58","slug":"hack-the-web-in-mebis-arbeiten-im-web","status":"publish","type":"post","link":"https:\/\/www.herr-rau.de\/wordpress\/2022\/10\/hack-the-web-in-mebis-arbeiten-im-web.htm","title":{"rendered":"Hack the Web in Mebis &#8211; Arbeiten im Web"},"content":{"rendered":"<div style='text-align:right;'><small>(<a href='https:\/\/www.herr-rau.de\/wordpress\/2022\/10\/hack-the-web-in-mebis-arbeiten-im-web.htm#comments'>4 Kommentare.<\/a>)<\/small> <\/div>\n<p class=\"wp-block-paragraph\">Ich habe vor ein paar Jahren <a href=\"https:\/\/www.herr-rau.de\/wordpress\/2020\/01\/hack-the-web-unterrichts-und-fortbildungsformat.htm\">mal dar\u00fcber geschrieben,<\/a> wie ich mir eine Variante des sch\u00f6nen <a href=\"https:\/\/hack.arrrg.de\/\">Hack the Web<\/a> von Quinn Li f\u00fcr konkretere Unterrichtsinhalte vorstelle. &#8222;Hack the Web&#8220; ist eine Sammlung von gemischten Aufgaben, an Computern und Internet und dem Umgang damit orientiert, mit ganz schlichtem Interface, macht sehr Appetit. Da kann man eine Klasse davor setzen und das l\u00e4uft eine Stunde von alleine.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quinn macht den Code zug\u00e4nglich, und man kann sehr leicht neue Aufgaben erstellen. Dennoch habe ich mein Projekt lieber in Mebis umgesetzt, mit der Lernlandkarte von Stefan Hanauska. Das sieht dann, hier eine fr\u00fche Rohform, etwa so aus:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"470\" src=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/hack_the_web_auf_mebis.png\" alt=\"\" class=\"wp-image-22000\" srcset=\"https:\/\/www.herr-rau.de\/wordpress\/archiv\/hack_the_web_auf_mebis.png 700w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/hack_the_web_auf_mebis-300x201.png 300w, https:\/\/www.herr-rau.de\/wordpress\/archiv\/hack_the_web_auf_mebis-150x101.png 150w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Der Grund: Sachen selber zu hosten ist immer Aufwand; leichtere Verteilbarkeit, allerdings nur innerhalb der Mebiswelt; und das Platzieren der einzelnen Elemente \u00fcber Koordinaten war mir zu anstrengend &#8211; die Lernlandkarte hat ein Point-and-click-Interface daf\u00fcr, das hat mich verf\u00fchrt. Au\u00dferdem kann ich dann ein paar Moodle-spezifische Aufgaben stellen &#8211; andere Aufgaben lassen sich daf\u00fcr eher mit dem Hack the Web umsetzen. (Was mit Mebis-Aufgaben zum Beispiel nicht geht und mit eigenem Code eher ginge: Lade ein Bild von bestimmten Dimensionen hoch. Das hei\u00dft, lerne ein Bild auf eine bestimmte Pixelgr\u00f6\u00dfe zu verkleinern. Hm, vielleicht reicht mir der Upload einer jpg-Datei von einer bestimmten maximalen Dateigr\u00f6\u00dfe?)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ich habe die Aufgaben mal in Pfade eingeteilt f\u00fcr Codierung, Kommunikation, Audio- und Bildbearbeitung, Recherche, Mebisgrundlagen, Brwoser und Web, Metadaten, und Bits und Bytes (das ist dann eher Technisches). Au\u00dferdem gibt es separat Tipps und Links. Die Aufgaben sollen m\u00f6glichst online gel\u00f6st werden k\u00f6nnen, ohne eigene Software; das ist nicht bei allen m\u00f6glich, und nicht alles geht auf allen Ger\u00e4ten. Auf IOS oder Android etwa kann ich mir nicht einmal den Quelltext einer Webseite anzeigen lassen! Es gibt zwar externe Webseiten, die das erm\u00f6glichen, aber die k\u00f6nnen nat\u00fcrlich nicht auf passwortgesch\u00fctzte Mebisseiten zugreifen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Warum kein Escape Room oder Edu-Breakout, sondern nackte, blo\u00dfe Aufgaben? Weil es weniger Arbeit macht und bei den Inhalten und Aufgabenformen und Sch\u00fcler:innen, an die ich denke, eine Handlung eher st\u00f6rend w\u00e4re.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Aufgaben sind bis jetzt:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>eine zip-Datei in Mebis hochladen (schwierig genug); eine mit Passwort versehene PDF-Datei \u00f6ffnen<\/li>\n\n\n\n<li>das Auslesen von Metadaten aus PDF- und Bilddateien<\/li>\n\n\n\n<li>die Klassiker: ASCII, Hexadezimalrechnen, C\u00e4sar-Chiffre, ROT13, einen mit monoalphabetischer Subtitutionschiffre verschl\u00fcsselten Text entschl\u00fcsseln<\/li>\n\n\n\n<li>Smartphone-Kamera nutzen: Barcode; QR-Code; das H5P-Augmented-Reality-Modul nutzen, um sich ein Objekt anzeigen zu lassen<\/li>\n\n\n\n<li>Audiodateien bearbeiten<\/li>\n\n\n\n<li>eine Bilddatei bearbeiten (Gammakorrektur)<\/li>\n\n\n\n<li>mit Geokoordinaten arbeiten<\/li>\n\n\n\n<li>\u00dcbersetzungsseite nutzen (chinesischer Text)<\/li>\n\n\n\n<li>Google-Bildersuche:  das Original zu einem manipulierten Bild finden, eine Tierart identifizieren lassen<\/li>\n\n\n\n<li>Hexeditor benutzen; Hashwerte von Dateien berechnen lassen<\/li>\n\n\n\n<li>E-Mail an eine bestimmte Adresse schicken (Datenschutz beachten); eine bestimmte Telefonnummer anrufen<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Ich schicke auf Anfrage gerne Link und Passwort zur Mebis-Selbsteinschreibung in den Kurs, entweder in der Rolle als Lehrkraft oder erst mal auch nur als Sch\u00fcler:in (zum besseren Ausprobieren).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>(4 Kommentare.) Ich habe vor ein paar Jahren mal dar\u00fcber geschrieben, wie ich mir eine Variante des sch\u00f6nen Hack the Web von Quinn Li f\u00fcr konkretere Unterrichtsinhalte vorstelle. &#8222;Hack the Web&#8220; ist eine Sammlung von gemischten Aufgaben, an Computern und Internet und dem Umgang damit orientiert, mit ganz schlichtem Interface, macht sehr Appetit. Da kann [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":22000,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[25],"tags":[227],"class_list":["post-21997","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-informatik","tag-informatik"],"jetpack_featured_media_url":"https:\/\/www.herr-rau.de\/wordpress\/archiv\/hack_the_web_auf_mebis.png","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts\/21997","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=21997"}],"version-history":[{"count":3,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts\/21997\/revisions"}],"predecessor-version":[{"id":64387,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/posts\/21997\/revisions\/64387"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/media\/22000"}],"wp:attachment":[{"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/media?parent=21997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/categories?post=21997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.herr-rau.de\/wordpress\/wp-json\/wp\/v2\/tags?post=21997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}