Skip to content

Repository files navigation

🛡️ cybermobbing-simulator - Cybermobbing in 120 Sekunden verstehen

⬇️ Download the app

📘 Overview

cybermobbing-simulator ist eine interaktive 120-Sekunden-Simulation für Workshops an Schulen. Sie zeigt, wie Cybermobbing sich über Chats, Screenshots und Weiterleitungen schnell ausbreiten kann. Die Anwendung läuft im Browser auf Windows und hilft dabei, das Thema in kurzer Zeit sichtbar zu machen.

Sie eignet sich für den Einsatz im Unterricht, in Projekten und in Medienkompetenz-Workshops. Die Bedienung ist schlicht gehalten, damit auch nicht technische Nutzer sie schnell starten können.

🖥️ What you need

  • Windows 10 oder Windows 11
  • Ein aktueller Browser wie Chrome, Edge oder Firefox
  • Eine stabile Internetverbindung für den Download
  • Genug Speicherplatz für die App-Dateien und die Simulation

⬇️ Download and start

  1. Öffne die Releases-Seite
  2. Suche die neueste Version
  3. Lade die Datei für Windows herunter
  4. Wenn du eine ZIP-Datei erhältst, entpacke sie in einen Ordner
  5. Öffne die Datei index.html oder die mitgelieferte Startdatei
  6. Erlaube den Zugriff im Browser, falls Windows eine Sicherheitsfrage zeigt

Wenn du die App als einzelne Datei herunterlädst, dann die Datei direkt starten. Wenn du ein Archiv herunterlädst, dann zuerst entpacken und danach die App öffnen.

🎯 What the simulation does

  • Zeigt eine typische Kette von Cybermobbing
  • Macht sichtbar, wie schnell Inhalte geteilt werden
  • Nutzt kurze, klare Szenen für Workshops
  • Unterstützt den Austausch in Gruppen
  • Passt gut für eine Einheit von etwa 120 Sekunden
  • Hilft bei Gesprächen über Verhalten, Verantwortung und Folgen

🧭 How to use it in a workshop

  1. Starte die Simulation auf dem Bildschirm oder Beamer
  2. Lies die Einleitung laut vor oder lasse sie von den Teilnehmenden lesen
  3. Lass die Simulation einmal ohne Unterbrechung laufen
  4. Spreche danach über die gezeigten Schritte
  5. Wiederhole einzelne Szenen, wenn du Fragen klären willst
  6. Nutze die Inhalte als Einstieg in eine Diskussion über digitales Verhalten

🔧 Installation on Windows

🪟 Option 1: ZIP-Datei

  1. Lade die ZIP-Datei von der Releases-Seite herunter
  2. Klicke die Datei mit der rechten Maustaste an
  3. Wähle Alle extrahieren
  4. Wähle einen einfachen Ordner, zum Beispiel Desktop\cybermobbing-simulator
  5. Öffne den Ordner nach dem Entpacken
  6. Starte die App über die enthaltene Startdatei oder index.html

💾 Option 2: Einzeldatei

  1. Lade die Windows-Datei von der Releases-Seite herunter
  2. Speichere sie in einem Ordner, den du leicht findest
  3. Doppelklicke die Datei
  4. Folge den Anweisungen auf dem Bildschirm
  5. Öffne die Simulation im Browser, wenn sie nicht direkt startet

🌐 Browser setup

Die Simulation läuft am besten in einem modernen Browser. Wenn die Seite nicht startet, prüfe diese Punkte:

  • Ist der Browser auf dem neuesten Stand?
  • Ist JavaScript aktiviert?
  • Blockiert ein Filter oder Schulnetz die lokale Datei?
  • Wurde der Ordner vollständig entpackt?

Falls die Anzeige leer bleibt, lade die Seite neu und öffne sie noch einmal aus dem entpackten Ordner.

📚 Typical use cases

  • Unterricht zu Cybermobbing
  • Medienkompetenz in der Schule
  • Workshops zum sicheren Umgang mit Chats
  • Projekttage zum Thema digitales Verhalten
  • Prävention im Klassenraum
  • Einstieg in Gespräche über Weitergabe von Inhalten

🧩 Topics covered

  • cyberbullying
  • cybermobbing
  • education
  • firebase
  • i18n
  • medienkompetenz
  • prevention
  • safer-internet
  • school
  • simulation
  • vanilla-js
  • workshop

🛠️ Basic file structure

  • index.html — Startseite der Simulation
  • assets/ — Bilder, Texte und Medien
  • js/ — Ablauf und Interaktion
  • i18n/ — Sprachdateien
  • firebase/ — Daten- und Projektanbindung
  • README.md — diese Anleitung

❓ Common questions

Wie lange dauert die Simulation?

Die Hauptsequenz dauert etwa 120 Sekunden.

Brauche ich ein Konto?

Nein, für die Nutzung als Besucher brauchst du kein Konto.

Läuft das auf Schul-PCs?

Ja, wenn ein aktueller Browser vorhanden ist und lokale Dateien erlaubt sind.

Kann ich die Simulation im Unterricht mehrmals zeigen?

Ja, sie ist für kurze Wiederholungen und Gespräche in der Gruppe gedacht.

Gibt es mehrere Sprachen?

Ja, die Struktur unterstützt Sprachversionen über die i18n-Dateien.

🔍 Troubleshooting

Die Datei lässt sich nicht öffnen

  • Prüfe, ob der Download vollständig ist
  • Lade die Datei noch einmal von der Releases-Seite herunter
  • Entpacke ZIP-Dateien vor dem Start

Der Browser zeigt eine leere Seite

  • Öffne die Datei aus dem richtigen Ordner
  • Nutze einen aktuellen Browser
  • Lade die Seite neu
  • Prüfe, ob der Ordner alle Dateien enthält

Windows blockiert die Datei

  • Klicke auf Weitere Informationen
  • Wähle Trotzdem ausführen, wenn du die Quelle prüfen willst
  • Nutze den Download nur aus der offiziellen Release-Seite

📎 Download

⬇️ Visit Releases Page

Öffne die Releases-Seite, lade die Windows-Datei oder ZIP-Datei herunter und starte die Simulation danach auf deinem PC