Difference between revisions of "First Steps"

From
Jump to: navigation, search
(Created page with " Wenn MathWeb Studio geladen ist, erscheint der Startbildschirm. center|frame|100px Hier sieht man bereits verschiedene Bereiche. Auf der linken Seite...")
 
Line 1: Line 1:
 
+
==== Die Bildschirmbereiche ====
 
Wenn MathWeb Studio geladen ist, erscheint der Startbildschirm.  
 
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).  
 
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).  
 +
 +
[[File:screen2.png|center|frame|100px]]
  
 
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.  
 
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.   
 
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.
 +
 
 +
 
 +
==== Erste Schritte  ====
 +
Im Folgenden werden alle Teile des Arbeitsbereichs kurz beschrieben.
 +
 
 +
* '''Allgemeine Projekteinstellungen''': Durch Doppelklick auf "Beschreibung" kann eine (öffentlich einsehbare) Kurzbeschreibung der Aufgabe eingegeben werden. Doppelklick auf "Formatierung" erlaubt einige Einstellungen für das gewünschte Zahlenformat (Nachkommastellen, Rundungsverfahren), welche als Standard genommen werden. Abweichungen von diesem Standard sind trotzdem noch möglich.
 +
 
 +
* '''Aufgabenparameter''': Hier können aus der Komponenten-Auswahl Parameter und Variablen eingefügt werden. Hier wird ''Parameter'' als Begriff für eine Größe mit einem zufällig erzeugten Wert benutzt, die unabhängig von anderen Parametern/Variablen ist. Mit ''Variable'' bezeichnen wir abgeleitete Größen, deren Wert durch andere Parameter/Variablen bestimmt ist. Ein Parameter vom Typ "Zahl (Bereich)" etwa erzeugt eine Zufallszahl zwischen zwei vorgegebenen Schranken. Für eine Variable vom Typ "Variable (Zahl)" hingegen muss eine Formel eingegeben werden, in der bereits definierte Parameter und Variablen vorkommen. Diese müssen außerdem vorher eingefügt worden sein.
 +
 
 +
* '''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.  
  
 +
* '''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.
  
 
[[File:graph.png|center|frame|100px]]
 
[[File:graph.png|center|frame|100px]]
 +
 +
Ausgangspunkt ist der Start-Knoten, welcher bereits automatisch eingefügt ist.

Revision as of 21:59, 15 December 2020

Die Bildschirmbereiche

Wenn MathWeb Studio geladen ist, erscheint der Startbildschirm.

Screen.png

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).

Screen2.png

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.

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.


Erste Schritte

Im Folgenden werden alle Teile des Arbeitsbereichs kurz beschrieben.

  • Allgemeine Projekteinstellungen: Durch Doppelklick auf "Beschreibung" kann eine (öffentlich einsehbare) Kurzbeschreibung der Aufgabe eingegeben werden. Doppelklick auf "Formatierung" erlaubt einige Einstellungen für das gewünschte Zahlenformat (Nachkommastellen, Rundungsverfahren), welche als Standard genommen werden. Abweichungen von diesem Standard sind trotzdem noch möglich.
  • Aufgabenparameter: Hier können aus der Komponenten-Auswahl Parameter und Variablen eingefügt werden. Hier wird Parameter als Begriff für eine Größe mit einem zufällig erzeugten Wert benutzt, die unabhängig von anderen Parametern/Variablen ist. Mit Variable bezeichnen wir abgeleitete Größen, deren Wert durch andere Parameter/Variablen bestimmt ist. Ein Parameter vom Typ "Zahl (Bereich)" etwa erzeugt eine Zufallszahl zwischen zwei vorgegebenen Schranken. Für eine Variable vom Typ "Variable (Zahl)" hingegen muss eine Formel eingegeben werden, in der bereits definierte Parameter und Variablen vorkommen. Diese müssen außerdem vorher eingefügt worden sein.
  • 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.
  • 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.
Graph.png

Ausgangspunkt ist der Start-Knoten, welcher bereits automatisch eingefügt ist.