First Steps - Revision history

Benedikt at 09:20, 25 March 2021

2021-03-25T09:20:04Z

Benedikt at 22:33, 15 December 2020

2020-12-15T22:33:16Z

Benedikt at 22:05, 15 December 2020

2020-12-15T22:05:42Z

Benedikt at 21:59, 15 December 2020

2020-12-15T21:59:18Z

Benedikt: Created page with " Wenn MathWeb Studio geladen ist, erscheint der Startbildschirm. 100px Hier sieht man bereits verschiedene Bereiche. Auf der linken Seite..."

2020-12-15T21:24:18Z

Created page with " Wenn MathWeb Studio geladen ist, erscheint der Startbildschirm. center|frame|100px Hier sieht man bereits verschiedene Bereiche. Auf der linken Seite..."

New page

Wenn MathWeb Studio geladen ist, erscheint der Startbildschirm.

[[File:screen.png|center|frame|100px]]

Hier sieht man bereits verschiedene Bereiche. Auf der linken Seite (roter Kasten) ist die '''Komponenten-Auswahl'''. Durch Klick auf einen der Listenpunkte öffnet sich die Auswahl und zeigt die verfügbaren Komponenten an.

Auf der rechten Seite (blauer Kasten) befindet sich der '''Hilfe- und Test-Bereich'''. Im Reiter "Informationen" kann eine Kurzhilfe zur zuletzt angeklickten Komponente angezeigt werden. Durch Klick auf "Allgemeine Informationen" oder "Hilfe" wird der entsprechende Text ausgeklappt. Im Reiter "Austesten" wird eine Vorschau der Aufgabe erstellt, mit der die Aufgabe getestet werden kann.

In der Titelleiste oben rechts (kleiner gelber Kasten) befinden sich Buttons zum Speichern (Wolke mit Pfeil nach oben) des Projekts, Benutzer-Profil, Einstellungen und Exportieren[noch nicht möglich].

Der große Bereich in der Mitte ist der '''Arbeitsbereich''', in dem die Aufgabe erstellt wird. Durch Klick auf die Schaltfläche "+" wird eine neue Aufgabe angelegt. Über den Button daneben kann eine bereits vorhandene Aufgabe geöffnet werden.

Der Arbeitsbereich ist wiederum unterteilt in "Allgemeine Projekteinstellungen", "Aufgabenparameter", "Bedingungen", "Aufgabenstellung", "Lösung" und "Prüfung der Eingabe". Durch Klick auf die jeweilige Zeile wird der Bereich ausgeklappt und kann genutzt werden. Das folgende Bild zeigt eine Aufgabe, bei der die Bereiche ausgeklappt sind. Die verwendeten Komponenten werden als Blöcke (grün gefärbt) oder blaue Rahmen angezeigt (dies meist bei graphischen Elementen).

Um Komponenten einzufügen, werden diese per drag&drop aus der Komponenten-Auswahl auf der linken Seite in den Arbeitsbereich gezogen und an der gewünschten Stelle losgelassen. Ein Doppelklick auf den Block oder in den Rahmen öffnet eine Seite, auf der die Einstellungen der Komponente vorgenommen werden können. (Hier ist auch die Möglichkeit, eine eingefügte Komponente wieder zu löschen.) Werden Einstellungen vom System als fehlerhaft erkannt, färbt sich die Komponente im Arbeitsbereich rot.

Durch Doppelklick auf den Reiter mit dem Aufgabennamen (im Bild mit einem roten Kasten markiert) öffnet die Einstellungen der Aufgabe. Hier wird auch der Link angezeigt, unter dem die Aufgabe im Browser aufgerufen werden kann.

[[File:screen2.png|center|frame|100px]]

[[File:graph.png|center|frame|100px]]

@@ Line 12: / Line 12: @@
 Der große Bereich in der Mitte ist der '''Arbeitsbereich''', in dem die Aufgabe erstellt wird. Durch Klick auf die Schaltfläche "+" wird eine neue Aufgabe angelegt. Über den Button daneben kann eine bereits vorhandene Aufgabe geöffnet werden.
-Der Arbeitsbereich ist wiederum unterteilt in "Allgemeine Projekteinstellungen", "Aufgabenparameter", "Bedingungen", "Aufgabenstellung", "Lösung" und "Prüfung der Eingabe". Durch Klick auf die jeweilige Zeile wird der Bereich ausgeklappt und kann genutzt werden. Das folgende Bild zeigt eine Aufgabe, bei der die Bereiche ausgeklappt sind. Die verwendeten Komponenten werden als Blöcke (grün gefärbt) oder blaue Rahmen angezeigt (dies meist bei graphischen Elementen).
+Der Arbeitsbereich ist wiederum unterteilt in "Allgemeine Projekteinstellungen", "Aufgabenparameter", "Bedingungen", "Aufgabenstellung", "Musterlösung" und "Bewertungsschema". Durch Klick auf die jeweilige Zeile wird der Bereich ausgeklappt und kann genutzt werden. Das folgende Bild zeigt eine Aufgabe, bei der die Bereiche ausgeklappt sind. Die verwendeten Komponenten werden als Blöcke (grün gefärbt) oder blaue Rahmen angezeigt (dies meist bei graphischen Elementen).
 [[File:screen2.png|center|frame|100px]]
@@ Line 44: / Line 44: @@
 Anschließend muss eine Komponente vom Typ "Formatierung" auf diesen Platzhalter gesetzt werden, um das Ausgabeformat festzulegen. Die Einstellungen der Formatierung-Komponente öffnen sich per Doppelklick auf den Platzhalter.
-'''Eingabe-Elemente''': Jedes Eingabe-Element, das aus der Komponenten-Auswahl eingefügt wird, benötigt einen Namen. Dieser wird wie eine Variable behandelt und unter dem Namen des Eingabe-Elements wird die Studierenden-Eingabe später verglichen. Außerdem benötigt jedes Eingabe-Element eine Referenzlösung, die ebenso wieder Name in den Einstellungen eingegeben wird. Die Referenzlösung wird unter "Prüfung der Eingabe" automatisch auf Korrektheit überprüft. Damit wird sichergestellt, dass die Musterlösung auch als korrekte Lösung erkannt werden würde. Wenn die Referenzlösung der Wert eines Parameters/einer Variablen ist, dann wird der Parameter/die Variable wie im Textblock mit @ als Platzhalter gesetzt. Anschließend wird im Arbeitsbereich eine Formatierung-Komponente auf diesen Platzhalter gezogen. In den Einstellungen der Formatierung-Komponente sollte zusätzlich die Option "''Textausgabe erzwingen''" gewählt werden, um z.B. möglicherweise vorhandenen LaTeX-Code zu unterdrücken. In der Ansicht des Arbeitsbereichs oben wurde beispielsweise ein Eingabe-Element mit Namen "x" versehen und Referenzlösung ist die Variable "u".
+'''Eingabe-Elemente''': Jedes Eingabe-Element, das aus der Komponenten-Auswahl eingefügt wird, benötigt einen Namen. Dieser wird wie eine Variable behandelt und unter dem Namen des Eingabe-Elements wird die Studierenden-Eingabe später verglichen. Außerdem benötigt jedes Eingabe-Element eine Referenzlösung, die ebenso wieder Name in den Einstellungen eingegeben wird. Die Referenzlösung wird unter "Bewertungsschema" automatisch auf Korrektheit überprüft. Damit wird sichergestellt, dass die Musterlösung auch als korrekte Lösung erkannt werden würde. Wenn die Referenzlösung der Wert eines Parameters/einer Variablen ist, dann wird der Parameter/die Variable wie im Textblock mit @ als Platzhalter gesetzt. Anschließend wird im Arbeitsbereich eine Formatierung-Komponente auf diesen Platzhalter gezogen. In den Einstellungen der Formatierung-Komponente sollte zusätzlich die Option "''Textausgabe erzwingen''" gewählt werden, um z.B. möglicherweise vorhandenen LaTeX-Code zu unterdrücken. In der Ansicht des Arbeitsbereichs oben wurde beispielsweise ein Eingabe-Element mit Namen "x" versehen und Referenzlösung ist die Variable "u".
 * '''Lösung''': Hier wird der Text der Musterlösung erstellt. Es gilt das Gleiche wie bei der "Aufgabenstellung" zu beachten, nur dass es im Lösungsteil keine Eingabe-Elemente gibt.
-* '''Prüfung der Eingabe''': Hier wird die Überprüfung der Studierenden-Eingabe als Ablauf in einem Graph festgelegt.
+* '''Bewertungsschema''': Hier wird die Überprüfung der Studierenden-Eingabe als Ablauf in einem Graph festgelegt.
 [[File:graph.png|center|frame|100px]]

@@ Line 6: / Line 6: @@
 Hier sieht  man bereits verschiedene Bereiche. Auf der linken Seite (roter Kasten) ist die '''Komponenten-Auswahl'''. Durch Klick auf einen der Listenpunkte öffnet sich die Auswahl und zeigt die verfügbaren Komponenten an.
-Auf der rechten Seite (blauer Kasten) befindet sich der '''Hilfe- und Test-Bereich'''. Im Reiter "Informationen" kann eine Kurzhilfe zur zuletzt angeklickten Komponente angezeigt werden. Durch Klick auf "Allgemeine Informationen" oder "Hilfe" wird der entsprechende Text ausgeklappt. Im Reiter "Austesten" wird eine Vorschau der Aufgabe erstellt, mit der die Aufgabe getestet werden kann.
+Auf der rechten Seite (blauer Kasten) befindet sich der '''Hilfe- und Test-Bereich'''. Im Reiter "Informationen" kann eine Kurzhilfe zur zuletzt angeklickten Komponente angezeigt werden. Durch Klick auf "Allgemeine Informationen" oder "Hilfe" wird der entsprechende Text ausgeklappt. Im Reiter "Austesten" wird eine Vorschau der Aufgabe erstellt, mit der die Aufgabe getestet werden kann. Die Breite des Hilfe- und Test-Bereichs kann durch Verschieben des Trenn-Balkens auch verändert werden.
 In der Titelleiste oben rechts (kleiner gelber Kasten) befinden sich Buttons zum Speichern (Wolke mit Pfeil nach oben) des Projekts, Benutzer-Profil, Einstellungen und Exportieren[noch nicht möglich].
@@ Line 32: / Line 32: @@
 * '''Bedingungen''': Hier können Bedingungen an Parameter und Variablen gestellt werden. Dazu wird aus der Komponenten-Auswahl aus dem Bereich "Bedinungen" die gewünschte Komponente in den Arbeitsbereich gezogen. Will man etwa verhindern, dass ein Parameter mit Wert zwischen -10 und 10 den Wert 0 annimmt, kann durch eine Komponente vom Typ "Vergleich (Zahl)" die entsprechende Bedingung (im Bild "a != 0") angegeben werden. Weitere Bedingungen können sukzessive eingefügt werden. Ein Doppelklick in den blauen Rahmen erlaubt die Einstellung, ob mehrere Bedingungen mit "und" oder "oder" verknüpft werden sollen. Durch Einfügen von Komponenten vom Typ "Logische Verknüpfung" können weitere blaue Rahmen eingefügt und verschachtelt werden, sodass auch komplexe Bedingungen möglich sind.
-* '''Aufgabenstellung''': Hier werden die sichtbaren Elemente für den Aufgabentext zusammengestellt. Standardmäßig ist hier bereits eine Container-Komponente eingefügt. (Die Einstellungen des Containers wie z.B. die Breite können durch Doppelklick in einen freien Bereich des Containers geöffnet werden.) Container können ineinander verschachtelt werden oder ihr Inhalt nur unter bestimmten Bedingungen angezeigt werden. Container beinhalten in der Regel Text-Blöcke, Eingabe-Elemente oder ggf. Bilder. Die zugehörigen Komponenten können aus der Komponenten-Auswahl in den Container gezogen werden. Text-Blöcke werden über die Einstellungen-Seite mit Text befüllt. '''Ausgabe von Parametern/Variablen''': Um den Wert eines Parameters/einer Variablen auszugeben, kann im Text durch Verwendung von "@" ein Platzhalter erzeugt werden. Dieser wird im Arbeitsbereich orange angezeigt. Anschließend muss eine Komponente vom Typ "Formatierung" auf diesen Platzhalter gesetzt werden, um das Ausgabeformat festzulegen .
+* '''Aufgabenstellung''': Hier werden die sichtbaren Elemente für den Aufgabentext zusammengestellt. Standardmäßig ist hier bereits eine Container-Komponente eingefügt. (Die Einstellungen des Containers wie z.B. die Breite können durch Doppelklick in einen freien Bereich des Containers geöffnet werden.) Container können ineinander verschachtelt werden oder ihr Inhalt nur unter bestimmten Bedingungen angezeigt werden. Container beinhalten in der Regel Text-Blöcke, Eingabe-Elemente oder ggf. Bilder. Die zugehörigen Komponenten können aus der Komponenten-Auswahl in den Container gezogen werden. Text-Blöcke werden über die Einstellungen-Seite mit Text befüllt.
 * '''Lösung''': Hier wird der Text der Musterlösung erstellt. Es gilt das Gleiche wie bei der "Aufgabenstellung" zu beachten, nur dass es im Lösungsteil keine Eingabe-Elemente gibt.
@@ Line 40: / Line 52: @@
 [[File:graph.png|center|frame|100px]]
-Ausgangspunkt ist der Start-Knoten, welcher bereits automatisch eingefügt ist.
+Ausgangspunkt ist der Start-Knoten, welcher bereits automatisch eingefügt ist. Jeder Weg durch den Graphen muss in einem Abschluss-Block enden (es kann aber mehr als einen Abschluss geben). Verbindungen zwischen Blöcken werden hergestellt, indem man den kleinen grauen Kreis am rechten Rand eines Blocks (Ausgang) zum grauen Kreis am linken Rand eines anderen Blocks (Eingang) zieht. Verbindungen werden gelöscht, indem man sie anklickt und die Entf- oder Del-Taste auf der Tastatur betätigt. Blöcke vom Typ "Punkte" vergeben beim Durchlaufen Punkte, Blöcke vom Typ "Meldung" geben eine Nachricht aus.

@@ Line 32: / Line 32: @@
 * '''Bedingungen''': Hier können Bedingungen an Parameter und Variablen gestellt werden. Dazu wird aus der Komponenten-Auswahl aus dem Bereich "Bedinungen" die gewünschte Komponente in den Arbeitsbereich gezogen. Will man etwa verhindern, dass ein Parameter mit Wert zwischen -10 und 10 den Wert 0 annimmt, kann durch eine Komponente vom Typ "Vergleich (Zahl)" die entsprechende Bedingung (im Bild "a != 0") angegeben werden. Weitere Bedingungen können sukzessive eingefügt werden. Ein Doppelklick in den blauen Rahmen erlaubt die Einstellung, ob mehrere Bedingungen mit "und" oder "oder" verknüpft werden sollen. Durch Einfügen von Komponenten vom Typ "Logische Verknüpfung" können weitere blaue Rahmen eingefügt und verschachtelt werden, sodass auch komplexe Bedingungen möglich sind.
-* '''Aufgabenstellung''': Hier werden die sichtbaren Elemente für den Aufgabentext zusammengestellt. Standardmäßig ist hier bereits eine Container-Komponente eingefügt. (Die Einstellungen des Containers wie z.B. die Breite können durch Doppelklick in einen freien Bereich des Containers geöffnet werden.) Container können ineinander verschachtelt werden oder ihr Inhalt nur unter bestimmten Bedingungen angezeigt werden. Container beinhalten in der Regel Text-Blöcke, Eingabe-Elemente oder ggf. Bilder. Die zugehörigen Komponenten können aus der Komponenten-Auswahl in den Container gezogen werden. Text-Blöcke werden über die Einstellungen-Seite mit Text befüllt.
+* '''Aufgabenstellung''': Hier werden die sichtbaren Elemente für den Aufgabentext zusammengestellt. Standardmäßig ist hier bereits eine Container-Komponente eingefügt. (Die Einstellungen des Containers wie z.B. die Breite können durch Doppelklick in einen freien Bereich des Containers geöffnet werden.) Container können ineinander verschachtelt werden oder ihr Inhalt nur unter bestimmten Bedingungen angezeigt werden. Container beinhalten in der Regel Text-Blöcke, Eingabe-Elemente oder ggf. Bilder. Die zugehörigen Komponenten können aus der Komponenten-Auswahl in den Container gezogen werden. Text-Blöcke werden über die Einstellungen-Seite mit Text befüllt. '''Ausgabe von Parametern/Variablen''': Um den Wert eines Parameters/einer Variablen auszugeben, kann im Text durch Verwendung von "@" ein Platzhalter erzeugt werden. Dieser wird im Arbeitsbereich orange angezeigt. Anschließend muss eine Komponente vom Typ "Formatierung" auf diesen Platzhalter gesetzt werden, um das Ausgabeformat festzulegen .
 * '''Lösung''': Hier wird der Text der Musterlösung erstellt. Es gilt das Gleiche wie bei der "Aufgabenstellung" zu beachten, nur dass es im Lösungsteil keine Eingabe-Elemente gibt.

@@ Line 1: / Line 1: @@
+==== Die Bildschirmbereiche ====
 Wenn MathWeb Studio geladen ist, erscheint der Startbildschirm.
@@ Line 13: / Line 13: @@
 Der Arbeitsbereich ist wiederum unterteilt in "Allgemeine Projekteinstellungen", "Aufgabenparameter", "Bedingungen", "Aufgabenstellung", "Lösung" und "Prüfung der Eingabe". Durch Klick auf die jeweilige Zeile wird der Bereich ausgeklappt und kann genutzt werden. Das folgende Bild zeigt eine Aufgabe, bei der die Bereiche ausgeklappt sind. Die verwendeten Komponenten werden als Blöcke (grün gefärbt) oder blaue Rahmen angezeigt (dies meist bei graphischen Elementen).
 Um Komponenten einzufügen, werden diese per drag&drop aus der Komponenten-Auswahl auf der linken Seite in den Arbeitsbereich gezogen und an der gewünschten Stelle losgelassen. Ein Doppelklick auf den Block oder in den Rahmen öffnet eine Seite, auf der die Einstellungen der Komponente vorgenommen werden können. (Hier ist auch die Möglichkeit, eine eingefügte Komponente wieder zu löschen.) Werden Einstellungen vom System als fehlerhaft erkannt, färbt sich die Komponente im Arbeitsbereich rot.
@@ Line 18: / Line 20: @@
 Durch Doppelklick auf den Reiter mit dem Aufgabennamen (im Bild mit einem roten Kasten markiert) öffnet die Einstellungen der Aufgabe. Hier wird auch der Link angezeigt, unter dem die Aufgabe im Browser aufgerufen werden kann.
-[[File:screen2.png|center|frame|100px]]
+Auf der rechten Seite im Hilfe- und Testbereich ist die Vorschau zu sehen. Im oberen Bereich (gelber Kasten) kann neben der Wahl des Dezimaltrennzeichens und der Level-Auswahl [hier noch nicht erklärt] eingesehen werden, welche Parameter/Variablen in der Aufgabe verwendet werden und welche Werte sie für den Testlauf besitzen. Darunter wird die erzeugte Aufgabenstellung angezeigt inklusive Eingabe-Element, in das zum Test auch Werte eingegeben werden können. Weiter darunter (hier nicht mehr im Bild) wird auch der Text der Lösung angezeigt.
 [[File:graph.png|center|frame|100px]]