# Gamification Spielesammlung – Professionelle Unterrichtsmaterialien

Eine moderne, interaktive Webseite mit 6 vollständigen Spielanleitungen für den Unterricht.

## 📋 Inhalt

Diese Sammlung enthält folgende Spiele:

1. **Hey Mr. Crocodile, is it safe to cross?** – Englisch (Farben & Sätze)
2. **Laufdiktat** – Englisch (Vokabeln)
3. **Hear no evil, see no evil, speak no evil!!** – Englisch (Vokabeln)
4. **Mathe-Fußball** – Mathematik (Kopfrechnen)
5. **Gedichte-Memory** – Deutsch (Textverständnis)
6. **Was fehlt?** – Deutsch (Konzentration)

## 🚀 Schnelleinstieg

### Option 1: Lokal im Browser öffnen
1. Entpacke die ZIP-Datei
2. Öffne `index.html` direkt im Webbrowser
3. Fertig! Die Seite funktioniert offline.

### Option 2: Mit Python-Server (empfohlen)
```bash
cd gamification_webseite
python3 -m http.server 8000
```
Dann öffne im Browser: `http://localhost:8000`

### Option 3: Auf Webserver hochladen
1. Entpacke die ZIP-Datei
2. Lade alle Dateien auf deinen Webserver
3. Öffne die `index.html` im Browser

## 💡 Funktionen

### 🎯 Interaktive Auswahl
- Klicke auf die Häkchen oben links bei jedem Spiel, um es auszuwählen
- Mit "Alle auswählen" oder "Alle abwählen" kannst du schnell die Auswahl verwalten
- Die ausgewählten Spiele werden optisch hervorgehoben

### 📥 Flexible Download-Optionen
- **Einzelne PDFs**: Jedes Spiel kann einzeln heruntergeladen werden
- **Auswahl-Download**: Lade nur die Spiele herunter, die du ausgewählt hast
- **Alle Anleitungen**: Lade alle 6 Spiele auf einmal als PDF herunter
- **Komplettes Paket**: Lade die gesamte Webseite als ZIP

### 👁️ Vorschau-Funktion
- Klicke auf "Vorschau" bei jedem Spiel, um die vollständige Anleitung zu sehen
- Direkt aus der Vorschau kannst du die PDF herunterladen

## 📁 Dateistruktur

```
gamification_webseite/
├── index.html                    # Hauptseite (öffne diese!)
├── README.md                     # Diese Datei
├── server.py                     # Python-Server (optional)
├── anleitungen.pdf               # Alle Anleitungen als PDF
├── images/                       # Illustrationen für jedes Spiel
│   ├── crocodile.jpg
│   ├── running_dictation.jpg
│   ├── pantomime.jpg
│   ├── math_soccer.jpg
│   ├── memory.jpg
│   └── (weitere Bilder)
├── downloads/                    # Einzelne PDF-Dateien
│   ├── alle_anleitungen.pdf
│   ├── crocodile.pdf
│   ├── running_dictation.pdf
│   ├── pantomime.pdf
│   ├── math_soccer.pdf
│   ├── memory.pdf
│   └── concentration.pdf
└── instructions/                 # Markdown-Quellen (optional)
    ├── crocodile.md
    ├── running_dictation.md
    ├── pantomime.md
    ├── math_soccer.md
    ├── memory.md
    └── concentration.md
```

## 🎮 Wie du die Seite nutzt

### Schritt 1: Spiele auswählen
Klicke auf die Häkchen bei den Spielen, die du haben möchtest.

### Schritt 2: Herunterladen
- **Nur Auswahl**: Klicke auf "Auswahl herunterladen" – du erhältst eine ZIP mit nur deinen ausgewählten Spielen
- **Alle Anleitungen**: Klicke auf "Alle Anleitungen (PDF)" – du erhältst ein PDF mit allen 6 Spielen
- **Einzelne Spiele**: Klicke auf "PDF" bei einem Spiel, um nur dieses herunterzuladen

### Schritt 3: Ausdrucken & Verwenden
- Drucke die PDFs aus
- Nutze die Spiele im Unterricht
- Die Bilder helfen den Kindern, die Spiele besser zu verstehen

## 💻 Systemanforderungen

- **Browser**: Chrome, Firefox, Safari, Edge (alle modernen Browser)
- **Betriebssystem**: Windows, Mac, Linux
- **Internet**: Nicht erforderlich (die Seite funktioniert offline!)
- **Speicher**: ~2.6 MB für das komplette Paket

## 🔧 Technische Details

- **Frontend**: HTML5, CSS3, JavaScript (Bootstrap 5)
- **Backend**: Keine erforderlich – reine Frontend-Lösung
- **Responsive**: Funktioniert auf Desktop, Tablet und Smartphone
- **Barrierefreiheit**: Optimiert für Bildschirmleser

## 📞 Tipps & Tricks

### Tipp 1: Offline-Nutzung
Du kannst die Webseite komplett offline nutzen. Speichere einfach die Datei lokal und öffne sie im Browser.

### Tipp 2: Ausdruck optimieren
- Nutze die PDF-Downloads für den besten Ausdruck
- Die Bilder sind bereits optimiert für den Druck

### Tipp 3: Auf dem Schulserver hosten
Wenn du die Seite auf deinem Schulserver hosten möchtest:
1. Entpacke die ZIP-Datei
2. Lade alle Dateien auf deinen Server
3. Öffne `index.html` im Browser

## 🎓 Pädagogischer Hintergrund

Alle Spiele sind:
- ✅ Altersgerecht (Grundschule bis Sekundarstufe I)
- ✅ Lehrplanorientiert (Englisch, Deutsch, Mathematik)
- ✅ Leicht umsetzbar (minimales Material erforderlich)
- ✅ Motivierend (spielerisches Lernen)
- ✅ Flexibel (verschiedene Schwierigkeitsstufen)

## 📝 Lizenz & Nutzung

Diese Materialien dürfen frei im Unterricht verwendet werden. Gerne kannst du sie auch mit Kollegen teilen!

## 🚀 Viel Erfolg!

Wir wünschen dir viel Spaß mit den Spielen und hoffen, dass deine Schüler damit genauso viel Freude haben wie beim Erstellen dieser Sammlung!

---

**Version**: 1.0  
**Letzte Aktualisierung**: 30. April 2026  
**Erstellt mit**: Manus AI