Skip to Content
Last modified by Anna Paul-Hasenfuss on 17.05.2025
From version 7.1
edited by Anna Paul-Hasenfuss
on 17.05.2025
Change comment: There is no comment for this version
To version 1.1
edited by Anna Paul-Hasenfuss
on 10.05.2025
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Integrating JSXGraph Objects
1 +Integrate JSXGraph Objects
Content
... ... @@ -15,13 +15,13 @@
15 15  {{/panel}}
16 16  
17 17  {{panel title="Related Topics"}}
18 -* [[Integrating 3D Objects>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.3D-Objekte einbinden.WebHome]]
18 +* [[3D-Objekt einbinden>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.3D-Objekte einbinden.WebHome]]
19 19  {{/panel}}
20 20  
21 21  {{panel title="Further Content"}}
22 -* [[Onyx: How JSXGraph objects can be used - examples>>doc:.Beispiele zur Nutzung von JSX-Graph Objekten.WebHome]]
23 -* [[Reference page for the JSXGraph library (jsxgraph.org)>>https://jsxgraph.org/wp/index.html]]
24 -* [[Sample collection for creating JSXGraph objects (jsxgraph.org)>>https://jsxgraph.org/share/]]
22 +* [[Onyx-Beispiele zur Nutzung von JSX-Graph Objekten >>doc:.Beispiele zur Nutzung von JSX-Graph Objekten.WebHome]])
23 +* [[Referenzseite zur Bibliothek JSXGraph (jsxgraph.org)>>https://jsxgraph.org/wp/index.html]]
24 +* [[Beispielsammlung zur Erstellung von JSXGraph-Objekten (jsxgraph.org)>>https://jsxgraph.org/share/]]
25 25  {{/panel}}
26 26  {{/column}}
27 27  {{/section}}
... ... @@ -32,7 +32,7 @@
32 32  
33 33  (% id="cke_bm_34921S" style="display:none" %)
34 34  
35 -To do this, open the task or test in which you want to add a JSXGraph object and click on [[image:Icon_JSX.png]] in the header of the HTML editor.
35 +To do this, open the task or test in which you want to add a JSXGraph object and click on the [[image:Icon_JSX.png]] icon in the header of the HTML editor.
36 36  
37 37  [[image:Editor - JSX im Tiny_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
38 38  
... ... @@ -40,7 +40,7 @@
40 40  
41 41  [[image:Editor - JSX Dialog geöffnet_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
42 42  
43 -Replace this content with your own JSX code. If you need more information on creating JSXGraph objects, visit [[JSXGraph Projects>>https://jsxgraph.org/wp/index.html]] or check some examples that can be found here [[How JSXGraph objects can be used - examples.>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.WebHome]]
43 +Replace this content with your own JSX code. If you need more information on creating JSXGraph objects, visit [[JSXGraph Projects>>https://jsxgraph.org/wp/index.html]] or check the provided examples that can be found here [[How JSXGraph objects can be used - examples.>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.WebHome]]
44 44  
45 45  {{info}}
46 46  If you use the codes from the [[JSXGraph Projects>>https://jsxgraph.org/share/]] examples, rename the placeholders such as "BOARDID", and use "JSX_CONTAINER_ID" instead.
... ... @@ -50,48 +50,49 @@
50 50  
51 51  [[image:Editor - JSX Objekt speichern_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
52 52  
53 -All inserted JSXGraph objects are marked with the [[image:Icon_JSX.png]] icon in the HTML editor.  
53 +Im HTML-Editor wird ein eingefügtes JSXGraph-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.
54 54  
55 55  [[image:Editor - Aufgabenstellung mit JSX-Objekt_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
56 56  
57 57  
58 -=== How to transfer variable values to JSXGraph objects ===
58 +=== Variablenwerte an JSXGraph-Objekte übergeben ===
59 59  
60 -Onyx variables can be passed to JSXGraph objects. You can do this by using the variable name in the JavaScript code of the JSXGraph object. The task example[[ JSXGraph Example: Points in a coordinate system>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispiel Punkte im Koordinatensystem.WebHome]] shows a simple way to do this.
60 +Onyx-Variablen können an JSXGraph-Objekte übergeben werden. Dazu wird der Variablenname im JavaSkript-Code des JSXGraph-Objektes verwendet. Ein einfache Umsetzung zeigt die [[Beispielaufgabe Punkte im Koordinatensystem>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispiel Punkte im Koordinatensystem.WebHome]]
61 61  
62 62  [[image:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispiel Punkte im Koordinatensystem.WebHome@Editor - Variablenwerte im JSXCode_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="263" width="800"]]
63 63  
64 -=== How to use learner responses with JSXGraph objects ===
64 +=== Lernerantworten mit JSXGraph-Objekten nutzen ===
65 65  
66 -You can also use JSXGraph objects to display learner responses in object gaps or to evaluate user actions in the JSXGraph object, such as marking a point, as learner responses to a gap. Instructions for the implementation can be found in the following task examples: [[JSXGraph Example: Intersection x-axis>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse.WebHome]] and [[JSXGraph Example: Intersection x-axis II>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse II.WebHome]].
66 +JSXGraph-Objekte können genutzt werden, um Lernerantworten in Lücken im Objekt darzustellen oder auch um Nutzeraktionen im JSXGraph-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:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse.WebHome]] und [[Beispielaufgabe Schnittpunkt x-Achse II>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse II.WebHome]]
67 67  
68 68  [[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"]]
69 69  
70 70  
71 -== JSXGraph object preview ==
72 72  
73 -A detailed preview with all possible additional media content is available by opening the preview of the created task or test.
72 +== Vorschau zum JSXGraph-Objekt ==
74 74  
74 +Eine vollständige Vorschau mit allen eventuell zusätzlichen Medieninhalten erhalten Sie durch Aufruf der Vorschau der erstellten Aufgabe bzw. des Tests.
75 75  
76 -== How to edit an existing JSXGraph object ==
77 77  
78 -You can edit an already integrated JSXGraph object as follows:
79 79  
80 -Open the relevant task in the editor. Now, click on the[[image:Icon_JSX.png]] icon for the JSXGraph object in the editor field, and then select the [[image:Icon_JSX.png]]button in the editing options.
78 +== Bestehendes JSXGraph-Objekt bearbeiten ==
81 81  
80 +Ein bereits eingebundenes JSX-Objekt können Sie wie folgt editieren:
82 82  
82 +Ö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 JSXGraph-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 JSXGraph-Objektes in den Bearbeitungsoptionen aus.
83 +
83 83  [[image:Editor - JSX Objekt bearbeiten_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
84 84  
85 -This opens the "Edit JSX" dialogue to make your adjustments. Click on "Finish" to save and apply the changes.
86 +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.
86 86  
87 87  
88 88  
89 -== JSXGraph objects in a PDF document ==
90 +== JSXGraph-Objekt in einem PDF-Dokument ==
90 90  
91 -Please note that a JSXGraph element cannot be displayed in a PDF document. In its place, you will find a standard icon.
92 +Bitte beachten Sie, dass ein JSXGraph-Element **nicht** in einem PDF-Dokument dargestellt werden kann. Es erscheint an dessen Stelle ein allgemeines Icon.
92 92  
93 93  
94 94  
95 -== JSXGraph objects in evaluation views ==
96 +== JSXGraph-Objekt in Auswertungsansichten ==
96 96  
97 -The evaluation documents of a learner's test attempt show the individual JSXGraph objects. However, the JSXGraph element cannot be displayed in the statistical analysis. In its place, you will find a standard icon [[image:Icon_JSX.png]].
98 +Die Auswertungsdokumente des Testversuches eines Lernenden zeigen die individuellen JSXGraph-Objekte an. In der Statistischen Auswertung jedoch kann das JSXGraph-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"]] .