Changes for page JSXGraph-Objekte einbinden
Last modified by Anna Paul-Hasenfuss on 17.05.2025
From version 2.1
edited by Anna Paul-Hasenfuss
on 10.05.2025
on 10.05.2025
Change comment:
There is no comment for this version
To version 1.1
edited by Anna Paul-Hasenfuss
on 10.05.2025
on 10.05.2025
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -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,49 +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 - AllinsertedJSXGraphobjectsaremarked withthe [[image:Icon_JSX.png]]icon intheHTMLeditor.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 transfervariablevaluestoJSXGraphobjects===58 +=== Variablenwerte an JSXGraph-Objekte übergeben === 59 59 60 -Onyx variables canbepassedtoJSXGraphobjects.You can dothis byusingthevariablename intheJavaScriptcodeof the JSXGraphobject.The[[Taskexample-Pointsina coordinatesystem>>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 uselearnerresponseswithJSXGraphobjects===64 +=== Lernerantworten mit JSXGraph-Objekten nutzen === 65 65 66 - You can also useJSXGraphobjectstodisplaylearnerresponsesinobjectgaps orto evaluateuseractionsintheJSXGraphobject, suchasmarkinga point, aslearnerresponsestoagap. Instructionsfortheimplementationcan befound inthefollowingexamples[[Taskexample: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[[Exampletask: 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 71 72 -== JSXGraph objectpreview==72 +== Vorschau zum JSXGraph-Objekt == 73 73 74 - Adetailedpreview with allpossibleadditionalmediacontentis availableby opening thepreviewof thecreatedtaskortest.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 76 77 -== How to edit an existing JSXGraph object == 78 78 79 - Youcaneditan already integrated JSXGraphobject asfollows:78 +== Bestehendes JSXGraph-Objekt bearbeiten == 80 80 81 - Opentherelevanttaskin theeditor. Now click onthe[[image:Icon_JSX.png]] icon for the JSXGraph objectinthe editor field and thenselectthe [[image:Icon_JSX.png]]buttonin theeditingoptions.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 84 84 [[image:Editor - JSX Objekt bearbeiten_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] 85 85 86 - Thisopensthe"EditJSX"dialoguefor youtomakeyour adjustments.Click on"Finish"tosaveandapply thechanges.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. 87 87 88 88 89 89 90 -== JSXGraph objectsinaPDFdocument ==90 +== JSXGraph-Objekt in einem PDF-Dokument == 91 91 92 - PleasenotethataJSXGraphelementcannotbe displayedinaPDFdocument.Initsplace,youwillfindastandardicon.92 +Bitte beachten Sie, dass ein JSXGraph-Element **nicht** in einem PDF-Dokument dargestellt werden kann. Es erscheint an dessen Stelle ein allgemeines Icon. 93 93 94 94 95 95 96 -== JSXGraph objectsin evaluationviews==96 +== JSXGraph-Objekt in Auswertungsansichten == 97 97 98 - Theevaluationdocumentsof a learner'stestattemptshowthe individual JSXGraphobjects.However,the JSXGraphelementcannotbedisplayedinthestatisticalanalysis. Inits place, you willfindastandardicon[[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"]] .