Änderungen von Dokument JSXGraph-Objekte einbinden

Zusammenfassung

• Seiteneigenschaften (2 geändert, 0 hinzugefügt, 0 gelöscht)
• Anhänge (0 geändert, 3 hinzugefügt, 0 gelöscht)
  • Editor - JSX an Lücke_de.png
  • Editor - Lücke in JSXCode_de.png
  • Editor - Variablenwerte im JSXCode_de.png

Details

Seiteneigenschaften

Titel

...	...	@@ -1,1 +1,1 @@
1		-JSXGraph Objekte nutzen
	1	+JSXGraph-Objekte nutzen

Inhalt

...	...	@@ -1,6 +1,6 @@
1	1	{{section}}
2	2	{{column width="60%"}}
3		-[[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_JSX.png||data-xwiki-image-style="img-icon" height="27" width="30"]] ONYX unterstützt die Einbindung von JSXGraph Objekten.
	3	+[[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_JSX.png||data-xwiki-image-style="img-icon" height="27" width="30"]] ONYX unterstützt die Einbindung von JSXGraph-Objekten.
4	4
5	5	JSXGraph ist eine JavaScript-Bibliothek zur Erstellung interaktiver mathematischer Grafiken und Diagramme im Web. JSXGraph-Objekte bilden die Grundlage von Visualisierungen und können verschiedene Formen wie Punkte, Linien, Kreise und Funktionsgraphen annehmen. Die Einbindung von JSXGraph-Objekten unterstützt eine Vielzahl von mathematischen und geometrischen Konstruktionen und erleichtert die Visualisierung komplexer mathematischer Konzepte.
6	6
...	...	@@ -26,17 +26,17 @@
26	26
27	27	== JSXGraph-Objekt im Editor einbinden ==
28	28
29		-Sie können JSX-Objekte in alle Bereiche einbinden in denen der HTML-Editor verfügbar ist und das JSX-Icon [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_JSX.png||data-xwiki-image-style="img-icon" height="27" width="30"]] zu sehen ist.
	29	+Sie können JSXGraph-Objekte in alle Bereiche einbinden in denen der HTML-Editor verfügbar ist und das Icon [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_JSX.png||data-xwiki-image-style="img-icon" height="27" width="30"]] zu sehen ist.
30	30
31		-Öffnen Sie die Aufgabe oder den Test, in dem ein JSX-Objekt eingebunden werden soll. Klicken Sie auf das  Icon [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_JSX.png||data-xwiki-image-style="img-icon" height="27" width="30"]] im Kopfbereich des HTML-Editors.
	31	+Öffnen Sie die Aufgabe oder den Test, in dem ein JSXGraph-Objekt eingebunden werden soll. Klicken Sie auf das  Icon [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_JSX.png||data-xwiki-image-style="img-icon" height="27" width="30"]] im Kopfbereich des HTML-Editors.
32	32
33	33	[[image:Editor - JSX im Tiny_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
34	34
35		-Es öffnet sich ein Dialog zum Bearbeiten des JSX-Objektes. Darin enthalten ist bereits der JavaScript-Code für ein JSX-Beispielobjekt.
	35	+Es öffnet sich ein Dialog zum Bearbeiten des JSXGraph-Objektes. Darin enthalten ist bereits der JavaScript-Code für ein Beispielobjekt.
36	36
37	37	[[image:Editor - JSX Dialog geöffnet_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
38	38
39		-Tauschen Sie diesen Inhalt gegen Ihren eigenen JSX-Code aus.Informationen zur Erstellung von JSX-Objekten erhalten Sie auf den Webseiten des [[JSXGraph Projektes>>https://jsxgraph.org/wp/index.html]].
	39	+Tauschen Sie diesen Inhalt gegen Ihren eigenen JSX-Code aus. Informationen zur Erstellung von JSX-Objekten erhalten Sie auf den Webseiten des [[JSXGraph Projektes>>https://jsxgraph.org/wp/index.html]]. Oder mit Hilfe der bereitgestellten Beispiele. Einen Überblick bietet die Seite [[Beispiele zur Nutzung von JSX-Graph Objekten>>doc:.Beispiele zur Nutzung von JSX-Graph Objekten.WebHome]]
40	40
41	41	Mit Klick auf den Button Fertig wird das Objekt eingefügt.
42	42
...	...	@@ -51,13 +51,16 @@
51	51
52	52	Onyx-Variablen können an JSX-Objekte übergeben werden. Dazu wird der Variablenname im JavaSkriptcode des JSX-Objektes verwendet. Ein einfache Umsetzung zeigt die [[Beispielaufgabe Punkte im Koordinatensystem>>doc:Autorenbereich.AutorONYX2.01 ONYX Logseiten.Log_JSX-Graph Objekte.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispiel Punkte im Koordinatensystem.WebHome]]
53	53
	54	+[[image:Editor - Variablenwerte im JSXCode_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
54	54
55		-=== Lernerantworten mit JSXGraph-Objeten nutzen ===
	56	+=== Lernerantworten mit JSXGraph-Objekten nutzen ===
56	56
57		-JSXGraph-Objekte können genutzt werden um Lernerantworten in Lücken im Objekt darzustellen oder auch um Nutzeraktionen im JSX-Objekt, wie beispielsweise das Markieren eines Punktes anschließend als Lernerantwort einer Lücke auszuwerten. Erläuterungen zur Umsetzung finden Sie in der den Beispielen [[Beispielaufgabe Schnittpunkt x-Achse>>doc:.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse.WebHome]] und [[Beispielaufgabe Schnittpunkt x-Achse II>>doc:.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse II.WebHome]]
	58	+JSXGraph-Objekte können genutzt werden, um Lernerantworten in Lücken im Objekt darzustellen oder auch um Nutzeraktionen im JSX-Objekt, wie beispielsweise das Markieren eines Punktes, als Lernerantwort einer Lücke auszuwerten. Erläuterungen zur Umsetzung finden Sie in der den Beispielen [[Beispielaufgabe Schnittpunkt x-Achse>>doc:.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse.WebHome]] und [[Beispielaufgabe Schnittpunkt x-Achse II>>doc:.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse II.WebHome]]
58	58
	60	+[[image:Editor - Lücke in JSXCode_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] [[image:Editor - JSX an Lücke_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
59	59
60	60
	63	+
61	61	== Vorschau zum JSXGraph-Objekt ==
62	62
63	63	Bereits im Editor wird bei der Konfiguration das Objektes im Dialog unter der JSXGraph-Beschreibung eine verkleinerte Vorschau angezeigt. Eine vollständige Vorschau mit allen eventuell zusätzlichen Medieninhalten erhalten Sie durch Aufruf der Vorschau der erstellten Aufgabe bzw. des Tests. Um das JSX-Objekt zu bewegen, halten Sie den Inhalt mit dem Mauszeiger fest und bewegen den Mauszeiger anschließend in die gewünschte Richtung.

Editor - JSX an Lücke_de.png

Author

...	...	@@ -1,0 +1,1 @@
	1	+XWiki.carina

Größe

...	...	@@ -1,0 +1,1 @@
	1	+103.2 KB

Inhalt

Editor - Lücke in JSXCode_de.png

Author

...	...	@@ -1,0 +1,1 @@
	1	+XWiki.carina

Größe

...	...	@@ -1,0 +1,1 @@
	1	+86.2 KB

Inhalt

Editor - Variablenwerte im JSXCode_de.png

Author

...	...	@@ -1,0 +1,1 @@
	1	+XWiki.carina

Größe

...	...	@@ -1,0 +1,1 @@
	1	+59.1 KB

Inhalt