🚀 Reveal.js Plugin Demo

Die ultimative Präsentations-Power für DokuWiki

satware AG | wiki.satware.com

*Drücken Sie die Pfeiltasten zur Navigation*

Willkommen zur ultimativen Reveal.js Demo! Diese Präsentation zeigt alle verfügbaren Features. Verwenden Sie die Pfeiltasten oder klicken Sie für Navigation.

🎯 Was Sie erwartet

• Themes & Übergänge - Visuelle Perfektion
• Fragmente & Animationen - Schrittweise Enthüllung
• Hintergründe & Medien - Beeindruckende Visuals
• Interaktive Features - Sprecher-Notizen & mehr
• Alternative Syntax - Erweiterte Kontrolle
• Best Practices - Professionelle Tipps

Agenda-Überblick: - 6 Hauptbereiche werden demonstriert - Jeder Bereich hat mehrere Unterfolien - Achten Sie auf die verschiedenen Übergänge

🎨 Themes & Übergänge

Aktuelles Theme: Sky Aktueller Übergang: Zoom

Wir verwenden das Sky-Theme mit Zoom-Übergängen. Beachten Sie die sanften Animationen zwischen den Folien.

Verfügbare Themes

• Dunkel: black, night, blood
• Hell: white, beige, simple
• Farben: sky, league, moon
• Speziell: solarized, dokuwiki

Übergangs-Effekte

• none - Kein Übergang
• fade - Sanftes Ein-/Ausblenden
• slide - Schiebe-Effekt
• convex - Konvexer Übergang
• concave - Konkaver Übergang
• zoom - Zoom-Effekt (aktuell)

Themes können per Parameter oder in der Konfiguration geändert werden. Übergänge können global oder pro Folie definiert werden.

✨ Fragmente & Animationen

Erstes Fragment erscheint…

…dann das zweite…

…und schließlich das dritte!

Fragmente ermöglichen schrittweise Enthüllung von Inhalten. Perfekt für Aufbau von Spannung und fokussierte Aufmerksamkeit.

Fragment-Stile

Fade In

Zoom In

Highlight Red

Current Visible

Fragment-Blöcke

Kompletter Block

• Alle Elemente
• Erscheinen zusammen
• Als eine Einheit

Verschiedene Fragment-Stile für unterschiedliche Effekte. Fragment-Blöcke für zusammengehörige Inhalte.

Listen-Fragmente

• Punkt 1 (einzeln)
• Punkt 2 (einzeln)
• Punkt 3 (einzeln)

• Alle Punkte
• Erscheinen sofort
• Trotz globaler Einstellung

Listen können schrittweise oder komplett angezeigt werden. Kontrolle über globale und lokale Einstellungen.

🖼️ Hintergründe & Medien

Dieser Hintergrund: Linearer Gradient Übergang: Background Fade

Hintergründe können Farben, Bilder oder Gradienten sein. Background-Übergänge unabhängig von Folien-Übergängen.

Bild-Hintergründe

Aktuell: DokuWiki Logo Position: Zentriert Größe: Contain (vollständig sichtbar)

Bild-Parameter

• Größe: 10%, 250px, auto, contain, cover
• Position: top, bottom, left, right, center
• Wiederholung: repeat (Standard: no-repeat)

Bilder können aus dem DokuWiki Media-Manager verwendet werden. Flexible Positionierung und Größenanpassung möglich.

Video-Hintergründe

Hinweis: Video-Hintergründe sind möglich Format: MP4, WebM, OGV Autoplay: Unterstützt

Audio-Integration

Formate: OGG, MP3, WAV Steuerung: Automatisch oder manuell Synchronisation: Mit Folien-Wechsel

Multimedia-Inhalte für immersive Präsentationen. Automatische Wiedergabe und Synchronisation möglich.

🎤 Interaktive Features

Sprecher-Notizen aktiv! *Drücken Sie 's' für Sprecher-Modus*

Navigation:

• Pfeiltasten - Folien-Navigation
• Esc - Folien-Übersicht
• F - Vollbild-Modus

SPRECHER-NOTIZEN DEMO: - Diese Notizen sind nur im Sprecher-Modus sichtbar - Drücken Sie 's' um den Sprecher-Modus zu aktivieren - Perfekt für Präsentationen vor Publikum - Timer und nächste Folie werden angezeigt

PDF-Export

URL-Parameter: &print-pdf Browser: Chrome/Chromium empfohlen Qualität: Professionell druckbar

Tastatur-Shortcuts

PDF-Export für Offline-Präsentationen. Umfangreiche Tastatur-Steuerung für professionelle Nutzung.

Responsive Design

• Desktop - Vollständige Funktionalität
• Tablet - Touch-Navigation
• Mobile - Optimierte Darstellung
• Print - PDF-Export verfügbar

Präsentationen funktionieren auf allen Geräten. Touch-Gesten für mobile Navigation.

⚡ Alternative Syntax

Diese Folie verwendet alternative Syntax!

Keine Header - nur Slide-Indikatoren:

• —-> Neue Folie
• <—- Folie schließen
• —->> Vertikaler Container
• <<—- Container schließen

Alternative Syntax für erweiterte Kontrolle. Unabhängig von Header-Struktur. Mehr Flexibilität bei der Gestaltung.

Erweiterte Parameter-Syntax:

Alle Parameter in einer Zeile:

• Farbe: #4ecdc4
• Bild: DokuWiki Logo
• Größe: 20%
• Position: top right
• Wiederholung: repeat
• BG-Übergang: bg-slide
• Folien-Übergang: zoom-out
• Geschwindigkeit: fast
• Fußzeile: deaktiviert

Maximale Kontrolle über jeden Aspekt der Folie. Alle Parameter in einer kompakten Syntax.

Vertikale Navigation:

Diese Folien sind vertikal angeordnet. Verwenden Sie Auf/Ab-Pfeiltasten.

Vertikale Folie 1

Vertikale Folien für:

• Detaillierte Erklärungen
• Schritt-für-Schritt Anleitungen
• Zusätzliche Informationen

Vertikale Folie 2

Navigation:

• Links/Rechts - Hauptfolien
• Auf/Ab - Vertikale Folien
• Esc - Übersicht zeigt Struktur

Vertikale Navigation für hierarchische Inhalte. Übersicht zeigt die komplette Struktur.

🏆 Best Practices

Design-Prinzipien

Weniger ist mehr - Maximal 6-8 Zeilen pro Folie

Kontrast beachten - Lesbarkeit steht im Vordergrund

Konsistenz - Einheitliches Design durchhalten

Interaktivität - Fragmente für Aufmerksamkeit nutzen

Design-Prinzipien für professionelle Präsentationen: - Wenig Text, große Schrift - Hoher Kontrast für Lesbarkeit - Konsistente Gestaltung - Gezielte Interaktivität

Performance-Tipps

• Bilder optimieren - Nicht zu große Dateien
• - Für dynamische Inhalte
• Fragmente sparsam - Nicht übertreiben
• Browser-Test - Verschiedene Browser testen

Technische Hinweise

• PHP 7.4+ erforderlich
• Chrome/Chromium für PDF-Export
• Include Plugin - Kompatibilitäts-Fix nötig
• MathJax - Automatisch geladen

Technische Voraussetzungen beachten. Kompatibilität mit anderen Plugins prüfen.

🎉 Demo-Zusammenfassung

Was Sie gesehen haben:

• 11 verschiedene Themes verfügbar
• 6 Übergangs-Effekte demonstriert
• 8 Fragment-Stile gezeigt
• Multimedia-Integration erklärt
• Alternative Syntax vorgestellt
• Best Practices vermittelt

Zusammenfassung aller demonstrierten Features. Vollständige Abdeckung der Plugin-Funktionalität.

Nächste Schritte

📖 Dokumentation: reveal_js_slideshow_plugin

🔧 GitHub: https://github.com/neuralyzer/dokuwiki-plugin-revealjs

💡 Eigene Präsentation: Jetzt selbst ausprobieren!

🎯 Support: satware AG Team steht zur Verfügung

🚀 Vielen Dank!

Reveal.js + DokuWiki = Präsentations-Power!

*Diese Demo zeigt nur einen Bruchteil der Möglichkeiten*

Fragen? Feedback? Eigene Ideen?

—

satware AG | wiki.satware.com | Made with ❤️ in Worms

Ende der Demo-Präsentation. Alle wichtigen Features wurden demonstriert. Bereit für eigene Experimente!