Seminar H5P Entwicklung eigener Inhaltstypen und Anpassungen

Inhaltsverzeichnis

• Schwerpunkt und Nutzen
• Zielgruppe
• Lernziele
• Praxisorientierte Inhalte
• Step-by-step-Arbeitsphasen
• Praxisprojekt
• Abgrenzung

Schwerpunkt und Nutzen

Die Entwicklung eigener H5P-Bausteine erfordert Kenntnisse über Dateistruktur, Bibliotheksabhängigkeiten, Semantik, Editorverhalten, Laufzeitlogik und Qualitätssicherung. Die notwendige Dauer beträgt fünf Tage, weil ein tragfähiger Prototyp mit Review, Testing und Dokumentation nicht seriös in einem Kurzformat entsteht.

Zielgruppe

Geeignet für technische Rollen, die über reine Autorenschaft hinausgehen und individuelle Interaktionen, Anpassungen oder prototypische Inhaltstypen im H5P-Ökosystem verstehen und entwickeln müssen.

Lernziele

• H5P-Paketstruktur, Bibliotheken und Abhängigkeiten technisch verstehen.
• Semantics-Strukturen für Editorfelder, Validierung und Übersetzung entwerfen.
• JavaScript-Logik, Styling und Medienressourcen in eine Bibliothek integrieren.
• Bestehende Inhaltstypen analysieren und anpassbare Muster erkennen.
• Eigene Prototypen testen, paketieren und dokumentieren.

Praxisorientierte Inhalte

• Aufbau von H5P-Paketen, Bibliotheken, Metadaten, Assets und Abhängigkeiten.
• Semantics-Dateien für Editorformulare, Felder, Gruppen, Listen und Validierungslogik.
• Laufzeitkomponenten mit JavaScript, CSS, Zustandsverwaltung und Ereignisverarbeitung.
• Mehrsprachigkeit, Medienhandling und redaktionelle Konfigurierbarkeit.
• Debugging, Browserprüfung, Paketierung und Installationsprüfung.
• Abgrenzung zwischen Anpassung, Fork, eigenem Inhaltstyp und Plattformintegration.

Step-by-step-Arbeitsphasen

1. Bestehende Bibliotheksstruktur analysieren und Entwicklungsumgebung vorbereiten.
2. Semantikmodell für einen eigenen Prototyp entwerfen.
3. Editorfelder implementieren und Beispielinhalte erfassen.
4. Laufzeitansicht mit JavaScript und Styling umsetzen.
5. Feedback-, Status- und Ereignislogik ergänzen.
6. Paket bauen, importieren, testen und technische Dokumentation erstellen.

Praxisprojekt

Im Praxisprojekt entsteht ein kleiner eigener H5P-Prototyp oder eine kontrollierte Anpassung mit Semantik, Laufzeitlogik, Styling, Testfällen und technischer Übergabedokumentation.

Abgrenzung

Das Seminar behandelt keine allgemeine JavaScript-Grundlagenausbildung. Fehlende Webentwicklungskenntnisse können innerhalb der fünf Tage nicht ersetzt werden.