Änderungen von Dokument JSXGraph-Objekte einbinden

Zusammenfassung

• Seiteneigenschaften (2 geändert, 0 hinzugefügt, 0 gelöscht)
• Anhänge (0 geändert, 0 hinzugefügt, 9 gelöscht)
  • Beispiel3 - Vorschau der Aufgabe_de.png
  • Editor - Aufgabenstellung mit JSX-Objekt_de.png
  • Editor - JSX Dialog geöffnet_de.png
  • Editor - JSX Objekt bearbeiten_de.png
  • Editor - JSX Objekt speichern_de.png
  • Editor - JSX an Lücke_de.png
  • Editor - JSX im Tiny_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,12 +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.
4		-
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		-
7		-[[image:Beispiel3 - Vorschau der Aufgabe_de.png||alt="Editor - Vorschau der Aufgabe_de.png" data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
8		-
9		-
	3	+ONYX unterstützt die Einbindung von JSXGraph Objekten. JSXGraph ist eine JavaScript-Bibliothek zur Erstellung interaktiver mathematischer Grafiken und Diagramme im Web. Ein JSXGraph-Objekt ist ein grundlegendes Element dieser Bibliothek, das zur Darstellung und Manipulation von geometrischen Konstruktionen, Funktionen und Datenvisualisierungen verwendet wird.
10	10	{{/column}}
11	11
12	12	{{column width="30%"}}
...	...	@@ -15,79 +15,15 @@
15	15	{{/panel}}
16	16
17	17	{{panel title="Verwandte Themen"}}
18		-* [[3D-Objekt einbinden>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.3D-Objekte einbinden.WebHome]]
	12	+* Thema 1
19	19	{{/panel}}
20	20
21	21	{{panel title="Weiterführende Inhalte"}}
22		-* [[JSXGraph>>https://jsxgraph.org/wp/index.html]]
23		-* [[Beispielsammlung zur Erstellung von JSXGraph-Objekten>>https://jsxgraph.org/share/]]
	16	+* Inhalt 1
24	24	{{/panel}}
25	25	{{/column}}
26	26	{{/section}}
27	27
28		-== JSXGraph-Objekt im Editor einbinden ==
	21	+== Überschrift ==
29	29
30		-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.
31		-
32		-Ö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.
33		-
34		-[[image:Editor - JSX im Tiny_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
35		-
36		-Es öffnet sich ein Dialog zum Bearbeiten des JSXGraph-Objektes. Darin enthalten ist bereits der JavaScript-Code für ein Beispielobjekt.
37		-
38		-[[image:Editor - JSX Dialog geöffnet_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
39		-
40		-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]]
41		-
42		-Mit Klick auf den Button Fertig wird das Objekt eingefügt.
43		-
44		-[[image:Editor - JSX Objekt speichern_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
45		-
46		-Im HTML-Editor wird ein eingefügtes JSX-Objekt mit dem Symbol [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_JSX.png||data-xwiki-image-style="img-icon" height="27" width="30"]] gekennzeichnet.
47		-
48		-[[image:Editor - Aufgabenstellung mit JSX-Objekt_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
49		-
50		-
51		-=== Variablenwerte an JSX-Objekte übergeben ===
52		-
53		-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]]
54		-
55		-[[image:Editor - Variablenwerte im JSXCode_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
56		-
57		-=== Lernerantworten mit JSXGraph-Objekten nutzen ===
58		-
59		-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]]
60		-
61		-[[image:Editor - Lücke in JSXCode_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="250" width="537"]] [[image:Editor - JSX an Lücke_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="250" width="391"]]
62		-
63		-
64		-
65		-== Vorschau zum JSXGraph-Objekt ==
66		-
67		-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.
68		-
69		-
70		-
71		-== Bestehendes JSXGraph-Objekt bearbeiten ==
72		-
73		-Ein bereits eingebundenes JSX-Objekt können Sie wie folgt editieren:
74		-
75		-Öffnen Sie die betreffende Aufgabe im Editor. Klicken Sie das Symbol [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_JSX.png||data-xwiki-image-style="img-icon" height="27" width="30"]] für das JSX-Objekt im Editorfeld an und wählen Sie anschließend die Schaltfläche [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_JSX.png||data-xwiki-image-style="img-icon" height="27" width="30"]] zum Bearbeiten eines JSX-Objektes in den Bearbeitungsoptionen aus.
76		-
77		-[[image:Editor - JSX Objekt bearbeiten_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
78		-
79		-Es öffnet sich der Dialog "JSX bearbeiten" und Sie können Ihre Anpassungen vornehmen. Mit Klick auf den Button Fertig im Dialog, werden die Änderungen gespeichert und übernommen.
80		-
81		-
82		-
83		-== JSXGraph-Objekt in einem PDF-Dokument ==
84		-
85		-Bitte beachten Sie, dass ein JSX-Element **nicht** in einem PDF-Dokument dargestellt werden kann. Es erscheint an dessen Stelle ein allgemeines Icon.
86		-
87		-
88		-
89		-== JSXGraph-Objekt in Auswertungsansichten ==
90		-
91		-Die Auswertungsdokumente des Testversuches eines Lernenden zeigen die individuellen JSX-Objekte an. In der Statistischen Auswertung jedoch kann das JSX-Element **nicht** dargestellt werden. Es erscheint an dessen Stelle das allgemeine Icon [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_JSX.png||data-xwiki-image-style="img-icon" height="27" width="30"]] .
92		-
93		-
	23	+text2

Beispiel3 - Vorschau der Aufgabe_de.png

Author

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

Größe

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

Inhalt

Editor - Aufgabenstellung mit JSX-Objekt_de.png

Author

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

Größe

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

Inhalt

Editor - JSX Dialog geöffnet_de.png

Author

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

Größe

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

Inhalt

Editor - JSX Objekt bearbeiten_de.png

Author

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

Größe

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

Inhalt

Editor - JSX Objekt speichern_de.png

Author

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

Größe

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

Inhalt

Editor - JSX an Lücke_de.png

Author

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

Größe

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

Inhalt

Editor - JSX im Tiny_de.png

Author

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

Größe

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

Inhalt

Editor - Lücke in JSXCode_de.png

Author

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

Größe

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

Inhalt

Editor - Variablenwerte im JSXCode_de.png

Author

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

Größe

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

Inhalt