Für Lehrkräfte

Hinweise für Lehrkräfte

Zielgruppe: Erzieherausbildung (Fachschule Sozialpädagogik) und berufliches Gymnasium. Der Pfad ist so gebaut, dass die Schüler:innen selbstständig arbeiten und sich überwiegend selbst kontrollieren. An drei Stellen (★ Meilensteine) schauen Sie drauf.

1. Aufbau

Stufe	Module	Umfang	Meilenstein (Kontrolle durch Lehrkraft)
Einsteiger	E1–E6	ca. 4 × 45 min	Eigene Präsentation (5–7 Folien), Abgabe PPTX + PDF, Raster auf der Meilensteinseite
Fortgeschrittene	F1–F7	ca. 4 × 45 min (+ Zeit für Vorträge)	Erklär-Präsentation + Kurzvortrag 3–5 min, Peer-Feedback „Zwei Sterne und ein Wunsch“
Profis	P1–P5	ca. 4 × 45 min (+ Projektzeit)	Profi-Projekt (4 Formate zur Wahl) mit Projektsteckbrief und Zielgruppentest

Vorschlag für die Stundenverteilung

Stunde	Inhalt	Richtzeit
1	E1 Oberfläche & Speichern · E2 Folien & Layouts	25 + 25 min
2	E3 Text · E4 Design	30 + 25 min
3	E5 Bilder, Formen, Bildrechte	35 min + Puffer
4	E6 Präsentieren & PDF · ★ Meilenstein	20 + 20 min
5	F1 Übergänge · F2 Animationen	20 + 30 min
6	F3 Ausrichten · F4 Tabellen & Diagramme	25 + 30 min
7	F5 SmartArt · F6 Fußzeile & Links	20 + 15 min + Puffer
8	F7 Vortragen · ★ Meilenstein (Feinschliff)	20 + 20 min
(+1–2)	Kurzvorträge – bei 20 Personen à 4 min ca. 2 Stunden; alternativ parallel in Kleingruppen mit Peer-Feedback
9	P1 Folienmaster	40 min
10	P2 Morphen · Beginn P3	30 + 15 min
11	P3 Interaktiv (Rest) · P4 Audio & Video	25 + 25 min
12	P5 Barrierefrei & Team · ★ Projektsteckbrief	25 + 20 min

Die Zeiten sind Richtwerte für die Basis-Aufgaben. Plus- und Kreativ-Aufgaben dienen der Binnendifferenzierung und fangen unterschiedliche Tempi ab.

2. Didaktische Grundidee

Bedienung + Gestaltung + Vortrag verzahnt: Jedes Modul hat neben der Anleitung einen Gestaltungs- bzw. Vortragskasten. Der Spickzettel fasst alles zusammen.
Roter Faden in der Einsteiger-Stufe: Die Schüler:innen bauen über E1–E6 eine Präsentation zu einem frei gewählten, neutralen Thema auf. Das Ergebnis ist direkt der Meilenstein.
Drei Aufgabenniveaus: Basis (für alle, Voraussetzung für Folgemodule) · Plus (Vertiefung) · Kreativ (offen, ohne Musterlösung, Selbstcheck über Kriterien).
Selbstkontrolle: Checklisten, aufklappbare Lösungen und Kurz-Checks mit sofortigem Feedback. Der Fortschritt wird nur lokal im Browser gespeichert (localStorage) – Sie sehen ihn nicht, und an Schulrechnern mit gelöschtem Profil ist er nach dem Abmelden weg. Das ist gewollt: Es werden keine Daten übertragen.
Einstufung: Auf der Startseite gibt ein Selbstcheck mit drei Fragen eine Empfehlung für die Einstiegsstufe. Wer höher einsteigen will, prüft sich zusätzlich mit den Checklisten der vorherigen Meilensteine.
Notizen / Lerntagebuch: Jedes Modul endet mit einem Notizfeld („Was nimmst du mit?“). Auf der Startseite kopiert „Alle Notizen kopieren“ alles auf einmal – so lassen sich die Notizen z. B. als Reflexion mit dem Meilenstein abgeben.
Bezug Erzieherausbildung: Die Aufgabenthemen sind neutral. Bewusst eingebaut sind Recht am eigenen Bild (Fotos von Kindern nur mit Einwilligung von Eltern und Einrichtung, E5/P4), Elternabend/Info-Terminal (Profi-Format C) und Lernpräsentationen für Kinder (Format A).

3. Programmversionen und Bezeichnungen

Alle Pfade beziehen sich auf die deutsche Oberfläche von

PowerPoint für Microsoft 365 (Windows-Desktop-App; Registerkarten: Datei, Start, Einfügen, Zeichnen, Entwurf, Übergänge, Animationen, Bildschirmpräsentation, Aufzeichnen, Überprüfen, Ansicht, Hilfe),
OnlyOffice Docs im Browser (z. B. Nextcloud – dort seit Nextcloud Hub 26 als Nextcloud Office auf Basis von Euro-Office, einer überarbeiteten Abspaltung von OnlyOffice; Oberfläche weitgehend gleich, einzelne Abweichungen möglich) und OnlyOffice Desktop Editors, Version 8/9 (Registerkarten laut offizieller Hilfe: Datei, Startseite, Einfügen, Zeichnen, Design, Übergänge, Animation, Zusammenarbeit, Ansicht, Schützen, Plugins).

Die OnlyOffice-Bezeichnungen wurden mit dem deutschen ONLYOFFICE Hilfe-Center abgeglichen, die PowerPoint-Bezeichnungen mit dem deutschen Microsoft Support (Stand: September 2026). Beide Programme ändern ihre Oberfläche gelegentlich.

🔎 Bitte beim ersten Durchlauf gegenprüfen

Folgende Stellen waren in der offiziellen Dokumentation nicht eindeutig belegt oder sind versionsabhängig. In den Modulen sind sie vorsichtig formuliert, sollten aber einmal an Ihren Schulrechnern bzw. Ihrer Cloud kontrolliert werden:

E5 (OO): Beschriftung des Transparenz-Reglers bei Formen („Undurchsichtigkeit“) und „Keine Linie“ beim Strich.
E6/F7 (OO): Stiftfunktion in der Präsentation. Geklärt für Nextcloud Office (09/2026): Knopf „Vorschau starten“ mit Menü „Von Beginn anschauen“, „Von aktueller Folie abschauen“ (sic), „Referenzenansicht“, „Einstellungen anzeigen“. In der Referentenansicht gibt es statt einer Vorschau der nächsten Folie eine Folienübersicht.
E4 (PPT): Lage von „Designer“ (Entwurf bzw. Start) – ändert sich je nach Update-Kanal.
F1 (OO): Einstellung „Endlosschleife“ in den Präsentationseinstellungen.
F4 (OO): Umfärben einzelner Säulen. Geklärt: Daten ändern im Browser über rechte Seitenleiste › Diagramm-Einstellungen › Daten ändern, im Desktop per Rechtsklick › Daten ändern. In der Nextcloud-Integration blieb das Datenfenster beim Test grau (Stand 09/2026) – ggf. Desktop-Programm nutzen.
F5 (OO): Hinzufügen von Elementen in SmartArt-Grafiken.
P1 (OO): Umbenennen von Layouts im Folienmaster.
P2 (OO): Optionen unter „Parameter“ beim Übergang Morphen.
P3 (OO): Verhalten, wenn „Bei Klicken beginnen“ für alle Folien deaktiviert ist (Ersatz für den Kiosk-Modus).
F3 (OO): Gruppieren – die Hilfe nennt es teils als eigenes Symbol, teils im Menü „Form anordnen“ (versionsabhängig); Strg+G funktioniert immer.
F2 (OO): Name des Überblend-Effekts in der Animationsgalerie (die Hilfe nennt nur die Kategorien).

Korrekturen einfach direkt in der jeweiligen HTML-Datei vornehmen (reiner Text, kein Programmieren nötig).

4. Screenshots ergänzen

Die Module enthalten zwei Arten von Abbildungen:

Schemagrafiken des Menübands (farbig umrandet, mit Nummern) – werden automatisch erzeugt und zeigen, wo eine Funktion liegt. Sie sind bewusst schematisch und veralten nicht so schnell wie Screenshots.
Screenshot-Platzhalter (gestrichelte Kästen „📷 Screenshot folgt“). Sobald Sie eine Bilddatei mit dem angezeigten Namen in den Ordner img/screens/ legen, erscheint dort automatisch der Screenshot.

Aktuell vorgesehene Screenshots:

Datei	Inhalt	Modul
`img/screens/ppt-e1-oberflaeche.png` vorhanden	PowerPoint-Fenster, Bereiche 1–6 nummeriert (Titelleiste, Menüband, Folienübersicht, Arbeitsbereich, Notizen, Statusleiste)	E1
`img/screens/oo-e1-oberflaeche.png` vorhanden	OnlyOffice-Fenster, Bereiche 1–7 nummeriert (Kopfzeile, Symbolleiste, linke Seitenleiste, Folienübersicht, Arbeitsbereich, rechte Seitenleiste, Statusleiste)	E1
`img/screens/ppt-f4-diagramm-daten.png` vorhanden	Diagramm mit geöffnetem Excel-Datenfenster	F4
`img/screens/oo-f4-diagramm-daten.png` vorhanden	Fenster „Diagramm bearbeiten“	F4
`img/screens/ppt-f7-referentenansicht.png` vorhanden	Referentenansicht mit Notizen, nächster Folie, Timer	F7
`img/screens/oo-f7-referentenansicht.png` vorhanden	Referentenansicht (Nextcloud Office im Browser), Bereiche 1–8 nummeriert (Präsentationsfenster, Folienübersicht, aktuelle Folie, Timer, Navigation, Zeiger/Stift, Beenden, Notizen)	F7

So geht’s: Windows+Umschalt+S (Snipping Tool) → Bereich auswählen → in PowerPoint/OnlyOffice einfügen, nummerierte Kreise darüberlegen → als PNG exportieren (Rechtsklick auf die Gruppe › Als Grafik speichern). Breite ca. 1200–1600 px. Achten Sie darauf, dass keine Namen, E-Mail-Adressen, Konto-Symbole oder Dateipfade sichtbar sind – und keine Fotos von Personen ohne geklärte Rechte (ggf. verpixeln).

Weitere Platzhalter fügen Sie in jedem Modul so ein:
<figure class="shot" data-src="img/screens/ppt-e5-zuschneiden.png" data-desc="PowerPoint: Bild beim Zuschneiden"></figure>
Mit class="shot ppt" bzw. class="shot oo" erscheint der Screenshot nur für das jeweilige Programm.

5. Videos und Hilfeseiten pflegen

Alle Links stehen zentral in assets/js/videos.js. Es sind ausschließlich offizielle Quellen (Microsoft Support, ONLYOFFICE Hilfe-Center, offizieller ONLYOFFICE-YouTube-Kanal). Deutschsprachige offizielle Videos gibt es von Microsoft; bei OnlyOffice sind die offiziellen Videos überwiegend englisch, daher wird dort vor allem auf die deutsche Hilfe verlinkt.

Einträge in der Video-Übersicht ansehen.
Nach Prüfung in videos.js beim Eintrag freigegeben: "2026-10-01 Kürzel" eintragen.
Sobald alles geprüft ist: oben in videos.js nurFreigegebene: true setzen – dann sehen Schüler:innen nur noch freigegebene Einträge.
Neue Einträge: Block kopieren, neue ID vergeben und die ID im Modul bei data-ids="…" ergänzen.

5a. Übungsdateien

Für fünf Module gibt es fertige Übungsdateien (material/). Sie öffnen sich in PowerPoint und OnlyOffice, die erste Folie ist jeweils die Arbeitsanleitung:

Datei	Modul	Inhalt
e3-textwueste.pptx	E3	Zwei Textwüsten-Folien (absichtlich schlecht formatiert) zum Umbauen in Stichpunkte
f3-aufraeumen.pptx	F3	Chaotische Kreise, verdeckte Bildunterschrift (falsche Ebenen), ungleich verteilte Karten
f4-diagramm-verbessern.pptx	F4	Umfragedaten (ausgedacht) und ein schlechtes Diagramm zum Verbessern
p2-morph-werkstatt.pptx	P2	Stadtplan aus Formen (Überblick + Zoom) und wandernde Kugel; Objekte bereits mit `!!Namen` versehen
p3-quiz-geruest.pptx	P3	Quiz mit 3 Fragen; Frage 1 fertig verlinkt als Beispiel, Frage 2–3 verlinken die Schüler:innen selbst (Lösung in den Notizen)

Die Dateien wurden technisch validiert. Eine Darstellungsprüfung in echtem PowerPoint bzw. OnlyOffice steht noch aus – bitte einmal öffnen und durchklicken, insbesondere die Quiz-Links (Bildschirmpräsentation) und den Morph-Übergang.

5b. Abgabe der Meilensteine

Alle drei Meilenstein-Seiten haben einen Kasten „Meilenstein abgeben“ mit einem Knopf zum Nextcloud-Formular. Der Link steht zentral oben in assets/js/app.js (ABGABE_LINK). Ist er leer, steht dort „Den Link bekommst du von deiner Lehrkraft“. Der Kasten nennt jeweils die Auswahl im Formular („Der abgegebene Meilenstein ist …“) und ein Beispiel für den Dateinamen.

Im Formular sinnvoll: beim Upload-Feld mehrere Dateien zulassen (Einsteiger: PPTX + PDF) und die maximale Dateigröße hoch genug setzen (Erklärvideos im Profi-Projekt).

6. Bereitstellen

GitHub Pages: Im Repository unter Settings › Pages den Branch auswählen – der Lernpfad ist dann unter einer festen Adresse erreichbar.
Offline / Schulserver / Moodle-Dateiordner: Den ganzen Ordner kopieren und index.html öffnen. Es werden keine externen Skripte, Schriften oder Tracker geladen.
Datenschutz: Keine Anmeldung, keine Cookies, keine Datenübertragung. Fortschritt nur im Browser des jeweiligen Geräts.

7. Anpassen

Reihenfolge, Titel und Zeiten der Module: Liste MODULES oben in assets/js/app.js.
Neues Modul: eine vorhandene Moduldatei kopieren, data-module im <body> anpassen und einen Eintrag in MODULES ergänzen.
Menüband-Schema: <figure class="rb" data-app="ppt" data-tab="Einfügen" data-groups="Gruppe: Knopf, *1 markierter Knopf" data-menu="Menütitel|*2 markierter Eintrag|Eintrag"></figure> – ein * markiert, eine Ziffer danach nummeriert.