Fragen-Editor

In diesem Kapitel lernst du:

• Wie der Fragen-Editor aufgebaut ist
• Wie man Fragen formatiert
• Wie man Bilder, Tabellen und Formeln hinzufügt

Mit dem Fragen-Editor können Fragen erstellt und bearbeitet werden.

Elemente

Die mit einem roten Sternchen markierten Felder sind Pflichtfelder. Alle anderen Felder sind optional. Die Felder Title, Help und Answer können mit MarkDown gestaltet werden.

ID

Die ID ist eine eindeutige Kennung für die Frage. Sie muss einzigartig in dem Modul sein und darf keine Leer- oder Sonderzeichen (#, /, !, ...) enthalten. Verwendet anstelle eines Leerzeichens einen Binde- oder Unterstrich.

Title (Titel)

Formuliere den Titel so, dass er die Fragestellung klar und präzise wiedergibt. Im Titel kann MarkDown verwendet werden.

Points (Punkte)

Gib die Anzahl der Punkte an, die die Frage wert ist.

Help (Hilfe)

Im Help-Text können zusätzliche Informationen zur Fragestellung oder zur Beantwortung der Frage hinzugefügt werden. Der Help-Text wird unterhalb der Fragestellung angezeigt. Auch im Help-Text kann MarkDown verwendet werden.

Type (Typ)

Wähle den Typ der Frage aus. Aktuell gibt es vier verschiedene Typen: Multiple Choice, Multiple Response, Gap Text (Lückentext) und Extended-Match (Erweiterte Zuordnung).

Answer (Antwort)

In diesem Bereich wird die korrekte Lösung der Frage eingetragen. Wähle dazu zunächst den Typ der Antwort aus. Auch im Antwort-Text kann MarkDown verwendet werden, um den Text zu formatieren, Bilder einzufügen oder Tabellen zu erstellen.

Multiple Choice

Mit dem Plus-Button (➕) können weitere Antwortmöglichkeiten hinzugefügt werden.
Klick zum Löschen einer Antwortmöglichkeit auf diese und dann auf den Minus-Button (➖). Ist beim Klick auf den Minus-Button keine Antwortmöglichkeit ausgewählt, wird die letzte Antwortmöglichkeit gelöscht.
Wähle die korrekte Antwort durch einen Klick auf den Kreis aus. Falls mehrere Antwortmöglichkeiten korrekt sind, wähle stattdessen den Typ Multiple Response.

Multiple Response

Mit dem Plus-Button (➕) können weitere Antwortmöglichkeiten hinzugefügt werden.
Klick zum Löschen einer Antwortmöglichkeit auf diese und dann auf den Minus-Button (➖). Ist beim Klick auf den Minus-Button keine Antwortmöglichkeit ausgewählt, wird die letzte Antwortmöglichkeit gelöscht.
Wähle die korrekten Antworten durch einen Klick auf die Rechtecke aus. Falls nur eine Antwortmöglichkeit korrekt ist, wähle stattdessen den Typ Multiple Choice.

Gap Text

Beim Lückentext muss die korrekte Antwort zwischen zwei rechteckigen Klammern ([ ]) eingetragen werden. Diese können über die Tastatur oder mit dem Plus-Button (➕) hinzugefügt werden. Sind mehrere Antworten möglich (z.B. verschiedene Synonyme oder Schreibweisen), können diese durch ein Semikolon (;) getrennt werden (Beispiel: [Antwort1; Antwort2; Antwort3]). Lücken können per Tastatur oder durch einen Klick auf das Minus-Button (➖) gelöscht werden, wenn der Text markiert wurde.

Tipp

Mit MarkDown ist es möglich, Lücken in Tabellen oder Listen zu erstellen.

Extended-Match

Nutze zum Hinzufügen neuer Optionen auf der jeweiligen Seite den Plus-Button (➕) in der Antwort.
Verbinde richtige Optionen durch einen Klick auf den Kreis neben der Option.
Optionen und Verbindungen können durch einen Klick auf den Kreuz-Symbol (✖) gelöscht werden.

Styling

Repeatio unterstützt die Gestaltung mit Markdown und HTML für die folgenden Elemente: Titel, Hilfe und Antwortmöglichkeiten.

Textformatierung (fett, kursiv, durchgestrichen, Code, Unterstrichen)

Typ	Markdown	HTML	Resultat
Fett	**Text**	<b>Text</b>	Text
Kursiv	*Text* or _Text_	<i>Text</i>	Text
Durchgestrichen	~~Text~~	<s>Text</s>	Text
Code	`Text`	<code>Text</code>	Text
Unterstrichen		<u>Text</u>	Text

Zeilenumbrüche

Zeilenumbrüche können in MarkDown durch Drücken der Enter Taste erreicht werden. Um einen Zeilenumbruch in HTML zu erreichen, muss <br /> verwendet werden.

Typ	Markdown	HTML	Resultat
Einzelner Zeilenumbruch	Oberer Text Neue Zeile	Oberer Text <br /> Neue Zeile	Oberer Text Neue Zeile
Mehrere Zeilenumbrüche	Text in mehrere [1] Zeilen aufgeteilt	Text in mehrere <br /><br />Zeilen aufgeteilt	Text in mehrere Zeilen aufgeteilt

[1]: Beachte die zwei Leerzeichen!

Listen

Es gibt zwei Arten von Listen: Ungeordnete und Geordnete Listen.

Typ	Markdown	HTML	Resultat
Ungeordnete Listen	Text... - Erstes ungeordnetes Element - Ein weiteres Element - Letztes Element Text außerhalb der Liste	Text... <ul> <li>Erstes ungeordnetes Element</li> <li>Ein weiteres Element</li> <li>Letztes Element</li> </ul> Text außerhalb der Liste	Text... Erstes ungeordnetes Element Ein weiteres Element Letztes Element Text außerhalb der Liste
Geordnete Listen	Text... 1. Erstes geordnetes Element 2. Ein weiteres Element 3. Letztes Element Text außerhalb der Liste	Text... <ol> <li>Erstes geordnetes Element</li> <li>Ein weiteres Element</li> <li>Letztes Element</li> </ol> Text außerhalb der Liste	Text... Erstes geordnetes Element Ein weiteres Element Letztes ElementLetztes Element Text außerhalb der Liste

Tabellen

Markdown	HTML	Resultat
Text | Überschrift 1 | Überschrift 2 | | ------------- | :-----------: | | Element 1 | Element 2 | | Element 3 | Element 4 | Text außerhalb der Tabelle	Text <table> <tr> <th>Überschrift 1</th> <th style="text-align:center">Überschrift 2</th> </tr> <tr> <td>Element 1</td> <td style="text-align:center">Element 2</td> </tr> <tr> <td>Element 3</td> <td style="text-align:center">Element 4</td> </tr> </table> Text außerhalb der Tabelle	Text Überschrift 1 Überschrift 2 Element 1 Element 2 Element 3 Element 4 Text außerhalb der Tabelle

Tipp

Benutze die folgendene Syntax unterhalb der Überschrift, um Elemente in einer MarkDown Tabelle auszurichten:

• Links (| :------- |) ist optional, da es identisch zu | ------- | ist
• Mitte (| :-------: |)
• Rechts (| -------: |)

Bilder

Bilder können mit der Syntax ![Alt Text](www.link-to-image.com) hinzufügen werden.

Info

Der Alt Text wird angezeigt, wenn das Bild aus irgendeinem Grund nicht geladen werden kann, und dient auch der Barrierefreiheit für Sehbehinderte.

Markdown	HTML	Resultat
	<img src="link-to-image" alt="md" />

CSS

Benutze inline CSS in Kombination mit HTML, um ein Element zu stylen.

Input	Resultat
Dieser Text ist nicht beeinflusst von CSS <p style="color: red">Dieser Text ist rot</p>	Dieser Text ist nicht beeinflusst von CSS Dieser Text ist rot

Formeln (LaTeX)

Repeatio benutzt LaTeX, um Formeln zu rendern.
Schreibe die Funktion zwischen zwei Dollarzeichen ($).

Input	Resultat
$x =\frac{\sqrt{20}}{3\times(5-10)^2}$	$x =\frac{\sqrt{20}}{3\times(5-10)^2}$

Hier ist eine detaillierte Anleitung.