===== Einbindung von tigerquiz und Settings im QUARTO-Markdown ===== format: revealjs: logo: ../../tatze_grey.png css: ../gmmstyles.css slide-number: false scrollable: true menu: false tigerquiz: checkKey: 'c' resetKey: 'q' shuffleKey: 't' allowNumberKeys: true disableOnCheck: true disableHelp: false disableSolution: false disableReset: false shuffleOptions: false includeScore: true defaultCorrect: "Richtig :-)" defaultScore: "4" exitTarget: "../../index.html" quizLanguage: "en" quizDebug: false revealjs-plugins: - tigerquiz Ist der Eintrag ''exitTarget'' leer, wird ''../index.html'' verwendet. **Achtung:** Das Ziel ist die HTML-Seite, nicht das Markdown-Dokument! Mit ''defaultScore'' wird festgelegt, welche Punktzahl eine Aufgabe erhält, wenn nichts anderes festgelegt ist (siehe ''data-score'') Mit ''quizDebug'' wird die javascript Konsolenausgabe ein- und abgeschaltet. Vorbereiten des Aufrufs der Hilfe-/Lösungsseite innerhalb einer ''{.quiz-question}''-Umgebung ## Frage 1{.quiz-question} Wie viel Volumen-**Prozent** $CO_2$ enthält Luft mit einem $CO_2$-Gehalt von 400ppm? - $4 \cdot 10^{-5}$ - $4 \cdot 10^{-4}$ - [0.004]{} - [0.04]{.correct} - [0.4]{data-explanation="blabla"} - [4]{} []{data-help="/help/aufgabe01"} []{data-short-help="Lies im Skript nach."} []{data-score="6"} []{data-solution="/solutions/aufgabe01"} []{data-short-solution="Schau in den Anhang des Skripts"} . . . . ## Frage n {.quiz-question} . . . . ## {.quiz-summary} ===== Hilfe & Lösung ===== Die Beschreibung ''[]{data-(short)-help=....}'' gilt gleichermaßen für ''[]{data-(short)-solution=....}''. ==== Hilfe und Lösungen in separaten Markdown-Seiten ==== Dies bietet sich an, wenn die Hilfe und Lösung etwa eigene Bilder oder mathematische Herleitungen enthalten soll. Aus ''[]{data-help="/help/aufgabe01"}'' wird auf der HTML-Seite ''
'', was durch die Funktion ''helpQuiz()'' in //tigerquiz.js// gesucht und ausgewertet wird. Dafür wird die aus ''/help/aufgabe01.md'' erzeugte //HTML//-Seite ''/help/aufgabe01.html'' als ''iframe'' unterhalb der Aufgabe eingeblendet. Diese eingebettete Seite ist bei Bedarf einzeln scroll-fähig. ==== Kurzhilfe & Kurzlösung ==== Dies bietet sich an, wenn Hilfe und Lösung als kurze Statements ohne Bilder und/oder Formeln angeboten werden können. Der Inhalt von ''[]{data-short-help="Lies im Skript nach."}'' wird auf der HTML-Seite ''
'', was durch die Funktion ''helpQuiz()'' in //tigerquiz.js// gesucht und als HTML-Text unterhalb der Aufgabe ausgegeben wird. Es sind die grundlegenden HTML-Tags zulässig, aber z.B. keine //math//-Umgebungen. **Achtung!:** Da der Inhalt der HTML-Seite zeilenweise abgearbeitet wird, "gewinnt" der letzte Eintrag zur Hilfe bzw. Lösung, d.h., wenn auf ein ''data-help'' ein ''data-short-help'' folgt, wird der Inhalt von ''data-short-help'' angezeigt und umgekehrt. ===== Punktzahl ===== Der Inhalt von ''[]{data-score="x"}'' (''x'' soll eine natürliche Zahl sein) wird: * über alle Fragen aufsummiert (''defaultScore'', wenn nicht angegeben); dies ergibt dann die Gesamtpunktzahl für den Aufgabensatz * für die Aufgabe halbiert, wenn die Hilfe aufgerufen wurde. * für die Aufgabe auf Null gesetzt, wenn die Lösung angeschaut wurde. Die Anzeige erfolgt natürlich nur, wenn ''includeScore'' auf ''true'' gesetzt ist. **Achtung!:** Die "Präambel muss ''[]{data-'' sein, weil nur die von //reveal.js// "durchgelassen" wird. Die Hilfeseite muss natürlich im Verzeichnis ''help'' als Dokument ''aufgabe01.md'' vorhanden sein. ===== Zusammenfassungs-Seite ===== Mit der Einleitung ''## {.quiz-summary}'' wird das Skript angewiesen, eine Übersicht über die erreichbaren und erreichten Punkte der einzelnen Aufgaben zu erzeugen und diese sowie die Gesamtpunktzahl auf der dafür automatisch erzeugten Seite anzuzeigen. Nach dem Tag ''## {.quiz-summary}'' kann beliebiger Inhalt in Markdown angegeben werden, welcher der Zusammenfassung vorangestellt wird. Wenn eine ''## {.quiz-summary}''-Seite erzeugt wird, erhält der //Next//-Button die Beschriftung //Summary// bzw. //Zusammenfassung// Die Zusammenfassungsseite erhält nur die Buttons //Previous// / //Zurück// und den //Exit// Button.