Inhaltsverzeichnis

Fake News

Slides: Slides Fake News

Lernziele

1. I Troll

Erfinde deine eigenen Fake-News indem du eine Website manipulierst!

Vorgehen:

  1. Kurze Demo: Blick Website manipulieren ('Website, nur HTML', z.B. Logo ändern)
  2. Gehe auf die Website, die du manipulieren möchtest.
    1. Achtung: Nicht alle Webseiten sind geeignet. Seiten, bei denen man sich einloggen muss, sind meist ungeeignet.
  3. Speichere die Website auf deinem Computer:
    1. Neuer Ordner „Fake News“ in deinem Informatik-Ordner anlegen
    2. Werwende Google Chrome Browser:
      1. Datei/Ablage → Seite Speichern unter → …
      2. Achtung! Man kann die Seite auf verschiedene Arten herunterladen.
        1. Probiere zuerst das Format „Website, nur HTML„. Es wird nur das HTML-File heruntergeladen, die Bilder werden jeweils online abgerufen. Öffne die heruntergeladene Website. Falls diese gut aussieht, manipuliere sie. Falls nicht …
        2. … wähle das Format „Website, vollständig“. Jetzt wird die gesamte Seite inkl. Bilder heruntergeladen. Öffne die heruntergeladene Seite und stelle sicher, dass sie gut aussieht.
  4. Seite manipulieren:
    1. Öffne die HTML-Seite in VSCode …
    2. und mit Doppelklick im Browser
    3. Änderung im HTML vornehmen → Browser neu laden, um Ergebnis zu sehen
  5. Tipps:
    1. HTML-Code meist sehr kompliziert, nutze deshalb Suchen (CTRL+F), resp. Suchen und Ersetzen (CTRL+H).
    2. Ersetze Bilder: Speichere dazu Bild (z.B. cat.jpg) im Ordner, indem html-File ist. Ersetze dann originales Bild (meist ein Link) mit deinem. Wichtig: Endung (jpg,png,…) muss stimmen.
  6. Spielregeln:
    1. Das Resultat soll offensichtlich grotesk, witzig, absurd sein.
    2. Ziele auf dich selbst, Lehrpersonen, Schulleitung oder öffentliche Personen (Politiker:innen, Berühmtheiten, (Servala-)Prominenz)
    3. … aber nicht auf Mitschüler:innen oder deren Angehörige.
    4. Es muss humorvoll und auf keinen Fall bösartig sein!
    5. keine Obszönitäten!
  7. Sende einen Screenshot per Teams an die Lehrperson.

Beispiele

Blick

Der folgende Bildausschnitt ist von http://blick.ch:

Nun wollen wir den Beitrag zu Olli Pocher manipulieren: Bild ersetzen und Text ändern.

  1. Lade die Seite herunter: Google Chrome / Datei/Ablage / Seite Speichern unter / „Website, nur HTML“ auswählen
  2. Öffne das heruntergeladene HTML-File in einem Editor (z.B. VSCode).
  3. Sucher darin (CTRL+F) nach dem Text, z.B. nach „Olli Pocher“. Der Code kann ziemlich kompliziert aussehen:
    ... srcSet="https://img.blick.ch/incoming/19275751-v1-imago-st-1223-21120037-0379173786.jpg?imdensity=1&amp;ratio=1_1&amp;x=526&amp;y=0&amp;width=2339&amp;height=2336&amp;imwidth=150 1x, https://img.blick.ch/incoming/19275751-v1-imago-st-1223-21120037-0379173786.jpg?imdensity=2&amp;ratio=1_1&amp;x=526&amp;y=0&amp;width=2339&amp;height=2336&amp;imwidth=150 2x, https://img.blick.ch/incoming/19275751-v1-imago-st-1223-21120037-0379173786.jpg?imdensity=3&amp;ratio=1_1&amp;x=526&amp;y=0&amp;width=2339&amp;height=2336&amp;imwidth=150 3x"/><img alt="Das sagen die Fans zu Olli Pochers «Liebeskasper»-Tour" loading="lazy"/></picture></div><div class="sc-18628bab-0 lbaTYj"><div class="sc-da4d441-0 kbpcXm"></div></div></div><div class="sc-6919ffd-0 ceYEcW"><div class="sc-fbc17f90-0 gOoLFE"><div class="sc-57ab1666-0 jTCEtH">Ehe-Aus macht ihm zu schaffen</div></div><div class="sc-8f5e874c-0 kTJWpy">Olli Pocher bricht bei «Liebeskasper»-Tour in Tränen aus</div></div></div></a></div><div class="sc-3931e98b-0 gEpbhi"><a class="sc-b50653d1-0 dUpA-DT sc-1cf1f94e-0 bxBClb" rel="noopener" target="_blank" href="https://www.schweizer-illustrierte.ch/body-health/mind/7-tipps-die-unsere-laune-heben-259222?utm_source=blick.ch&amp;utm_medium=referral%253Futm_source%253Dblick.ch&amp;utm_medium=referral"><div class="sc-9a60702-0 gibthg outerwrapper"><div class="sc-4dc02a9f-0 cBnekE"><div class="sc-f98f692d-0 eHrhgh"><div class="sc-f98f692d-1 dzNeFN"><div class="sc-f98f692d-2 eqOMKs"></div><div class="sc-f98f692d-3 eAlqqU">...
  4. Manipuliere den Text. Beachte, dass der gleiche Text an mehreren Orten vorkommen kann. Durch ausprobieren findet man heraus, welche Textpassage man manipulieren muss.
  5. Öffne die heruntergeladene Seite und schaue nach, ob es geklappt hat.
  6. Bild manipulieren: Schaue in der nähe des zugehörigen Texts nach Befehlen src=... oder srcSet=.... Ersetze die danach folgenden Bildpfade, z.B. ersetze srcSet="https://img.blick.ch/incoming/19...86.jpg?imdensity=1&amp;...imwidth=150 durch srcSet="meinbild.jpg?imdensity=1&amp;...imwidth=150. Das neue Bild (hier „meinbild.jpg“) muss sich im gleichen Ordner wie das HTML-File befinden. Eventuell muss man den Bildpfad an mehreren Orten verändern. Dazu verwendet man am besten Suchen & Ersetzen.

2. Warum Fake News?

siehe Slides

3. Fake News Entlarven

Fake News, gemäss Duden: «in den Medien und im Internet, besonders in sozialen Netzwerken, in manipulativer Absicht verbreitete Falschmeldungen»

Gruppenarbeit V Details

  1. Dir wird ein Artikel (siehe unten) zugewiesen
  2. Artikel untersuchen:
    1. Lese Artikel / Post
    2. Untersuche Artikel anhand der Punkte unter „Fake News entlarven“
    3. Nutze das Internet (Suche, Bild-Rückwärtssuche, …)
    4. Entscheide: Fake News oder nicht? Was spricht (nicht) dafür?
    5. Welche weiteren Recherchen könnte man mit mehr Zeit noch anstellen?
    6. Mache Notizen auf Arbeitsblatt
  3. Präsentation in Gruppe:
    1. Stelle Artikel kurz vor
    2. Präsentiere deine Schlüsse aus deiner Untersuchung

Artikel

  1. Krieg Ukraine:
  2. Gender:
  3. Klima:
  4. Heilmittel gegen Krebs: https://unsere-natur.net/krebszellen-moegen-keine-trojanischen-pferde-backsoda-ahornsirup/

Zusatzauftrag

  1. Suche selbst nach (mind.) einem Artikel, der Fake News beinhaltet …
  2. … und untersuche diesen wie in Auftrag oben
  3. Stelle deinen Kolleg:innen vor.

Webseiten mit Faktenchecks: