JSXGraph (JACK3) - Versionsgeschichte

Mschypula am 12. Juni 2025 um 06:09 Uhr

2025-06-12T06:09:36Z

← Nächstältere Version		Version vom 12. Juni 2025, 06:09 Uhr
Zeile 9:		Zeile 9:
	=== Inhalt des Graphen ===		=== Inhalt des Graphen ===
	Im ''JSXGraph Text'' wird der JavaScript Code für den JSXGraph geschrieben. Gängige Elemente für die Erstellung eines Graphen werden [[Graphen\|hier]] beschrieben. Der Platzhalter im Fließtext ist später <code>[graph=''Name'']</code>. Wie in dem Screenshot auch zu sehen ist kann in den Graphen auch auf Aufgaben-Variablen zugegriffen werden. Zusätzlich lässt sich auch auf input-Variablen zugreifen, sollten diese zu dem Zeitpunkt zur Verfügung stehen. Ein Beispiel hierfür wäre, dass ein Studierender einen Punkt angeben soll, der auf einer bestimmten Funktion liegt. Im Feedback könnte dann mithilfe des JSXGraphen die Funktion und der eingegebene Punkt gezeigt werden, sodass der Studierende sehen kann, ob der Punkt auf dem Funktionsgraphen liegt oder nicht.		Im ''JSXGraph Text'' wird der JavaScript Code für den JSXGraph geschrieben. Gängige Elemente für die Erstellung eines Graphen werden [[Graphen\|hier]] beschrieben. Der Platzhalter im Fließtext ist später <code>[graph=''Name'']</code>. Wie in dem Screenshot auch zu sehen ist kann in den Graphen auch auf Aufgaben-Variablen zugegriffen werden. Zusätzlich lässt sich auch auf input-Variablen zugreifen, sollten diese zu dem Zeitpunkt zur Verfügung stehen. Ein Beispiel hierfür wäre, dass ein Studierender einen Punkt angeben soll, der auf einer bestimmten Funktion liegt. Im Feedback könnte dann mithilfe des JSXGraphen die Funktion und der eingegebene Punkt gezeigt werden, sodass der Studierende sehen kann, ob der Punkt auf dem Funktionsgraphen liegt oder nicht.

			{{Hinweis\|Sehr kleine Zahlen kann der JSXGraph nicht korrekt verarbeiten.}}

	=== Studierendensicht ===		=== Studierendensicht ===

Mschypula: /* Studierendensicht */

2024-06-12T11:52:45Z

Studierendensicht

← Nächstältere Version		Version vom 12. Juni 2024, 11:52 Uhr
Zeile 12:		Zeile 12:
	=== Studierendensicht ===		=== Studierendensicht ===
	In einer Aufgabe sieht der Graph anschließend wie folgt aus:		In einer Aufgabe sieht der Graph anschließend wie folgt aus:
	[[Datei:JSXGraph.jpg\|center\|~~500px~~\|thumb\|Zwei Geraden schneiden sich im Punkt P]]		[[Datei:JSXGraph.jpg\|center\|400px\|thumb\|Zwei Geraden schneiden sich im Punkt P]]
	Hier war die Aufgabe den Schnittpunkt der beiden Geraden zu berechnen. Am Ende wird dem Studierenden die beiden Graphen gezeigt und der selbstständige Punkt. So kann der Studierende auch ~~Grafisch~~ die Korrektheit seiner Lösung überprüfen.		Hier war die Aufgabe den Schnittpunkt der beiden Geraden zu berechnen. Am Ende wird dem Studierenden die beiden Graphen gezeigt und der selbstständige Punkt. So kann der Studierende auch grafisch die Korrektheit seiner Lösung überprüfen.

	[[category:Benutzerhandbuch]]		[[category:Benutzerhandbuch]]

Mschypula: /* Studierendensicht */

2024-06-12T11:51:40Z

Studierendensicht

← Nächstältere Version		Version vom 12. Juni 2024, 11:51 Uhr
Zeile 12:		Zeile 12:
	=== Studierendensicht ===		=== Studierendensicht ===
	In einer Aufgabe sieht der Graph anschließend wie folgt aus:		In einer Aufgabe sieht der Graph anschließend wie folgt aus:
	[[Datei:JSXGraph.jpg\|center\|~~600px~~\|thumb\|Zwei Geraden schneiden sich im Punkt P]]		[[Datei:JSXGraph.jpg\|center\|500px\|thumb\|Zwei Geraden schneiden sich im Punkt P]]
			Hier war die Aufgabe den Schnittpunkt der beiden Geraden zu berechnen. Am Ende wird dem Studierenden die beiden Graphen gezeigt und der selbstständige Punkt. So kann der Studierende auch Grafisch die Korrektheit seiner Lösung überprüfen.

	[[category:Benutzerhandbuch]]		[[category:Benutzerhandbuch]]

Mschypula am 12. Juni 2024 um 11:41 Uhr

2024-06-12T11:41:24Z

← Nächstältere Version		Version vom 12. Juni 2024, 11:41 Uhr
Zeile 9:		Zeile 9:
	=== Inhalt des Graphen ===		=== Inhalt des Graphen ===
	Im ''JSXGraph Text'' wird der JavaScript Code für den JSXGraph geschrieben. Gängige Elemente für die Erstellung eines Graphen werden [[Graphen\|hier]] beschrieben. Der Platzhalter im Fließtext ist später <code>[graph=''Name'']</code>. Wie in dem Screenshot auch zu sehen ist kann in den Graphen auch auf Aufgaben-Variablen zugegriffen werden. Zusätzlich lässt sich auch auf input-Variablen zugreifen, sollten diese zu dem Zeitpunkt zur Verfügung stehen. Ein Beispiel hierfür wäre, dass ein Studierender einen Punkt angeben soll, der auf einer bestimmten Funktion liegt. Im Feedback könnte dann mithilfe des JSXGraphen die Funktion und der eingegebene Punkt gezeigt werden, sodass der Studierende sehen kann, ob der Punkt auf dem Funktionsgraphen liegt oder nicht.		Im ''JSXGraph Text'' wird der JavaScript Code für den JSXGraph geschrieben. Gängige Elemente für die Erstellung eines Graphen werden [[Graphen\|hier]] beschrieben. Der Platzhalter im Fließtext ist später <code>[graph=''Name'']</code>. Wie in dem Screenshot auch zu sehen ist kann in den Graphen auch auf Aufgaben-Variablen zugegriffen werden. Zusätzlich lässt sich auch auf input-Variablen zugreifen, sollten diese zu dem Zeitpunkt zur Verfügung stehen. Ein Beispiel hierfür wäre, dass ein Studierender einen Punkt angeben soll, der auf einer bestimmten Funktion liegt. Im Feedback könnte dann mithilfe des JSXGraphen die Funktion und der eingegebene Punkt gezeigt werden, sodass der Studierende sehen kann, ob der Punkt auf dem Funktionsgraphen liegt oder nicht.

			=== Studierendensicht ===
			In einer Aufgabe sieht der Graph anschließend wie folgt aus:
			[[Datei:JSXGraph.jpg\|center\|600px\|thumb\|Zwei Geraden schneiden sich im Punkt P]]

	[[category:Benutzerhandbuch]]		[[category:Benutzerhandbuch]]

Mschypula am 12. Juni 2024 um 11:24 Uhr

2024-06-12T11:24:55Z

← Nächstältere Version		Version vom 12. Juni 2024, 11:24 Uhr
Zeile 8:		Zeile 8:

	=== Inhalt des Graphen ===		=== Inhalt des Graphen ===
	Im JSXGraph Text wird der JavaScript Code für den JSXGraph geschrieben. Gängige Elemente für die Erstellung eines Graphen werden [[Graphen\|hier]] beschrieben. Der Platzhalter im Fließtext ist später <code>[graph=''Name'']</code>. Wie in dem Screenshot auch zu sehen ist kann in den Graphen auch auf Aufgaben-Variablen zugegriffen werden. Zusätzlich lässt sich auch auf input-Variablen zugreifen, sollten diese zu dem Zeitpunkt zur Verfügung stehen. Ein Beispiel hierfür wäre, dass ein Studierender einen Punkt angeben soll, der auf einer bestimmten Funktion liegt. Im Feedback könnte dann mithilfe des JSXGraphen die Funktion und der eingegebene Punkt gezeigt werden, sodass der Studierende sehen kann, ob der Punkt auf dem Funktionsgraphen liegt oder nicht.		Im ''JSXGraph Text'' wird der JavaScript Code für den JSXGraph geschrieben. Gängige Elemente für die Erstellung eines Graphen werden [[Graphen\|hier]] beschrieben. Der Platzhalter im Fließtext ist später <code>[graph=''Name'']</code>. Wie in dem Screenshot auch zu sehen ist kann in den Graphen auch auf Aufgaben-Variablen zugegriffen werden. Zusätzlich lässt sich auch auf input-Variablen zugreifen, sollten diese zu dem Zeitpunkt zur Verfügung stehen. Ein Beispiel hierfür wäre, dass ein Studierender einen Punkt angeben soll, der auf einer bestimmten Funktion liegt. Im Feedback könnte dann mithilfe des JSXGraphen die Funktion und der eingegebene Punkt gezeigt werden, sodass der Studierende sehen kann, ob der Punkt auf dem Funktionsgraphen liegt oder nicht.

	[[category:Benutzerhandbuch]]		[[category:Benutzerhandbuch]]

Mschypula: /* Inhalt des Graphen */

2024-06-10T11:11:14Z

Inhalt des Graphen

← Nächstältere Version		Version vom 10. Juni 2024, 11:11 Uhr
Zeile 8:		Zeile 8:

	=== Inhalt des Graphen ===		=== Inhalt des Graphen ===
	Im JSXGraph Text wird der JavaScript Code für den JSXGraph geschrieben. Gängige Elemente für die Erstellung eines Graphen werden [[Graphen\|hier]] beschrieben. Der Platzhalter im Fließtext ist später <code>[graph=''Name'']</code>.		Im JSXGraph Text wird der JavaScript Code für den JSXGraph geschrieben. Gängige Elemente für die Erstellung eines Graphen werden [[Graphen\|hier]] beschrieben. Der Platzhalter im Fließtext ist später <code>[graph=''Name'']</code>. Wie in dem Screenshot auch zu sehen ist kann in den Graphen auch auf Aufgaben-Variablen zugegriffen werden. Zusätzlich lässt sich auch auf input-Variablen zugreifen, sollten diese zu dem Zeitpunkt zur Verfügung stehen. Ein Beispiel hierfür wäre, dass ein Studierender einen Punkt angeben soll, der auf einer bestimmten Funktion liegt. Im Feedback könnte dann mithilfe des JSXGraphen die Funktion und der eingegebene Punkt gezeigt werden, sodass der Studierende sehen kann, ob der Punkt auf dem Funktionsgraphen liegt oder nicht.

	[[category:Benutzerhandbuch]]		[[category:Benutzerhandbuch]]

Mschypula am 10. Juni 2024 um 11:02 Uhr

2024-06-10T11:02:08Z

← Nächstältere Version		Version vom 10. Juni 2024, 11:02 Uhr
Zeile 1:		Zeile 1:
	In Jack gibt es die Möglichkeit JSXGraphen zu erstellen und einzubinden. Alle Graphen für die Aufgabe werden hier erstellt.		In Jack gibt es die Möglichkeit JSXGraphen zu erstellen und einzubinden. Alle Graphen für die Aufgabe werden hier erstellt.

			=== Einstellungen ===

	[[File:Aufgabe_JSXGraph.JPG\|center\|800px\|thumb\|Einstellungen für den JSXGraph]]		[[File:Aufgabe_JSXGraph.JPG\|center\|800px\|thumb\|Einstellungen für den JSXGraph]]

	Wie bei den anderen Einstellungen wird in der ersten Spalte der ''Name'' des Graphen angegeben. Dieser kann durch anklicken des Textes geändert werden. Den Namen des Graphen braucht man zum einen, um später diesen im Text zu referenzieren. Man braucht den Namen aber auch um im tatsächlichen JavaScript Code des Graphen diesen zu referenzieren. Der Graph erscheint in der Aufgabe in einer Box. Die Größe dieser Box wird in Pixel in den nächsten beiden Spalten angegeben. In der Spalte ''JSXGraph Text'' wird nun der eigentliche JavaScript Code für den Graphen geschrieben. Das Feld öffnet sich indem man entweder in das Feld reinklickt oder den [[File:Icon-Pencil.jpg\|22px]]-Button klickt. Mit dem [[File:Icon Tonne.png\|23px]]-Button lässt sich der Graph löschen. Eine Dokumentation und weitere Informationen über den JSXGraph finden Sie [https://jsxgraph.uni-bayreuth.de/wp/ hier].		Wie bei den anderen Einstellungen wird in der ersten Spalte der ''Name'' des Graphen angegeben. Dieser kann durch anklicken des Textes geändert werden. Den Namen des Graphen braucht man zum einen, um später diesen im Text zu referenzieren. Man braucht den Namen aber auch um im tatsächlichen JavaScript Code des Graphen diesen zu referenzieren. Der Graph erscheint in der Aufgabe in einer Box. Die Größe dieser Box wird in Pixel in den nächsten beiden Spalten angegeben. In der Spalte ''JSXGraph Text'' wird nun der eigentliche JavaScript Code für den Graphen geschrieben. Das Feld öffnet sich indem man entweder in das Feld reinklickt oder den [[File:Icon-Pencil.jpg\|22px]]-Button klickt. Mit dem [[File:Icon Tonne.png\|23px]]-Button lässt sich der Graph löschen. Eine Dokumentation und weitere Informationen über den JSXGraph finden Sie [https://jsxgraph.uni-bayreuth.de/wp/ hier].

			=== Inhalt des Graphen ===
			Im JSXGraph Text wird der JavaScript Code für den JSXGraph geschrieben. Gängige Elemente für die Erstellung eines Graphen werden [[Graphen\|hier]] beschrieben. Der Platzhalter im Fließtext ist später <code>[graph=''Name'']</code>.

	[[category:Benutzerhandbuch]]		[[category:Benutzerhandbuch]]

Mschypula am 10. Juni 2024 um 08:17 Uhr

2024-06-10T08:17:43Z

← Nächstältere Version		Version vom 10. Juni 2024, 08:17 Uhr
Zeile 3:		Zeile 3:
	[[File:Aufgabe_JSXGraph.JPG\|center\|800px\|thumb\|Einstellungen für den JSXGraph]]		[[File:Aufgabe_JSXGraph.JPG\|center\|800px\|thumb\|Einstellungen für den JSXGraph]]

	Wie bei den anderen Einstellungen wird in der ersten Spalte der Name des Graphen angegeben. Dieser kann durch anklicken des Textes geändert werden. Den Namen des Graphen braucht man zum einen, um später diesen im Text zu referenzieren. Man braucht den Namen aber auch um im tatsächlichen JavaScript Code des Graphen diesen zu referenzieren. Der Graph erscheint in der Aufgabe in einer Box. Die Größe dieser Box wird in Pixel in den nächsten beiden Spalten angegeben. In der Spalte JSXGraph Text wird nun der eigentliche JavaScript Code für den Graphen geschrieben. Das Feld öffnet sich indem man entweder in das Feld reinklickt oder den [[File:Icon-Pencil.jpg\|22px]]-Button klickt. Mit dem [[File:Icon Tonne.png\|23px]]-Button lässt sich der Graph löschen. Eine Dokumentation und weitere Informationen über den JSXGraph finden Sie [https://jsxgraph.uni-bayreuth.de/wp/ hier].		Wie bei den anderen Einstellungen wird in der ersten Spalte der ''Name'' des Graphen angegeben. Dieser kann durch anklicken des Textes geändert werden. Den Namen des Graphen braucht man zum einen, um später diesen im Text zu referenzieren. Man braucht den Namen aber auch um im tatsächlichen JavaScript Code des Graphen diesen zu referenzieren. Der Graph erscheint in der Aufgabe in einer Box. Die Größe dieser Box wird in Pixel in den nächsten beiden Spalten angegeben. In der Spalte ''JSXGraph Text'' wird nun der eigentliche JavaScript Code für den Graphen geschrieben. Das Feld öffnet sich indem man entweder in das Feld reinklickt oder den [[File:Icon-Pencil.jpg\|22px]]-Button klickt. Mit dem [[File:Icon Tonne.png\|23px]]-Button lässt sich der Graph löschen. Eine Dokumentation und weitere Informationen über den JSXGraph finden Sie [https://jsxgraph.uni-bayreuth.de/wp/ hier].

	[[category:Benutzerhandbuch]]		[[category:Benutzerhandbuch]]

Mschypula am 10. Juni 2024 um 08:09 Uhr

2024-06-10T08:09:29Z

← Nächstältere Version		Version vom 10. Juni 2024, 08:09 Uhr
Zeile 3:		Zeile 3:
	[[File:Aufgabe_JSXGraph.JPG\|center\|800px\|thumb\|Einstellungen für den JSXGraph]]		[[File:Aufgabe_JSXGraph.JPG\|center\|800px\|thumb\|Einstellungen für den JSXGraph]]

	Wie bei den anderen Einstellungen wird in der ersten Spalte der Name des Graphen angegeben. Dieser kann durch anklicken des Textes geändert werden. Den Namen des Graphen braucht man zum einen, um später diesen im Text zu referenzieren. Man braucht den Namen aber auch um im tatsächlichen JavaScript Code des Graphen diesen zu referenzieren. Der Graph erscheint in der Aufgabe in einer Box. Die Größe dieser Box wird in px in den nächsten beiden Spalten angegeben. In der Spalte JSXGraph Text wird nun der eigentliche JavaScript Code für den Graphen geschrieben. Das Feld öffnet sich indem man entweder in das Feld reinklickt oder den [[File:Icon-Pencil.jpg\|22px]]-Button klickt. Mit dem [[File:Icon Tonne.png\|23px]]-Button lässt sich der Graph löschen. Eine Dokumentation und weitere Informationen über den JSXGraph finden Sie [https://jsxgraph.uni-bayreuth.de/wp/ hier].		Wie bei den anderen Einstellungen wird in der ersten Spalte der Name des Graphen angegeben. Dieser kann durch anklicken des Textes geändert werden. Den Namen des Graphen braucht man zum einen, um später diesen im Text zu referenzieren. Man braucht den Namen aber auch um im tatsächlichen JavaScript Code des Graphen diesen zu referenzieren. Der Graph erscheint in der Aufgabe in einer Box. Die Größe dieser Box wird in Pixel in den nächsten beiden Spalten angegeben. In der Spalte JSXGraph Text wird nun der eigentliche JavaScript Code für den Graphen geschrieben. Das Feld öffnet sich indem man entweder in das Feld reinklickt oder den [[File:Icon-Pencil.jpg\|22px]]-Button klickt. Mit dem [[File:Icon Tonne.png\|23px]]-Button lässt sich der Graph löschen. Eine Dokumentation und weitere Informationen über den JSXGraph finden Sie [https://jsxgraph.uni-bayreuth.de/wp/ hier].

	[[category:Benutzerhandbuch]]		[[category:Benutzerhandbuch]]

Mschypula am 1. März 2024 um 12:05 Uhr

2024-03-01T12:05:21Z

← Nächstältere Version		Version vom 1. März 2024, 12:05 Uhr
Zeile 3:		Zeile 3:
	[[File:Aufgabe_JSXGraph.JPG\|center\|800px\|thumb\|Einstellungen für den JSXGraph]]		[[File:Aufgabe_JSXGraph.JPG\|center\|800px\|thumb\|Einstellungen für den JSXGraph]]

	Wie bei den anderen Einstellungen wird in der ersten Spalte der Name des Graphen angegeben. Dieser kann durch anklicken des Textes geändert werden. Den Namen des Graphen braucht man zum einen, um später diesen im Text zu referenzieren. Man braucht den Namen aber auch um im tatsächlichen JavaScript Code des Graphen diesen zu referenzieren. Der Graph erscheint in der Aufgabe in einer Box. Die Größe dieser Box wird in px in den nächsten beiden Spalten angegeben. In der Spalte JSXGraph Text wird nun der eigentliche JavaScript Code für den Graphen geschrieben. Das Feld öffnet sich indem man entweder in das Feld reinklickt oder den [[File:Icon-Pencil.jpg\|22px]]-Button klickt. Eine Dokumentation und weitere Informationen über den JSXGraph finden Sie [https://jsxgraph.uni-bayreuth.de/wp/ hier].		Wie bei den anderen Einstellungen wird in der ersten Spalte der Name des Graphen angegeben. Dieser kann durch anklicken des Textes geändert werden. Den Namen des Graphen braucht man zum einen, um später diesen im Text zu referenzieren. Man braucht den Namen aber auch um im tatsächlichen JavaScript Code des Graphen diesen zu referenzieren. Der Graph erscheint in der Aufgabe in einer Box. Die Größe dieser Box wird in px in den nächsten beiden Spalten angegeben. In der Spalte JSXGraph Text wird nun der eigentliche JavaScript Code für den Graphen geschrieben. Das Feld öffnet sich indem man entweder in das Feld reinklickt oder den [[File:Icon-Pencil.jpg\|22px]]-Button klickt. Mit dem [[File:Icon Tonne.png\|23px]]-Button lässt sich der Graph löschen. Eine Dokumentation und weitere Informationen über den JSXGraph finden Sie [https://jsxgraph.uni-bayreuth.de/wp/ hier].

	[[category:Benutzerhandbuch]]		[[category:Benutzerhandbuch]]