Zum Inhalt springen

Änderungen von Dokument JSXGraph-Objekte einbinden

Zuletzt geändert von Anna Paul-Hasenfuss am 17.05.2025
Von Version 22.1
bearbeitet von Carina Enke
am 06.11.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 2.1
bearbeitet von Carina Enke
am 25.10.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -JSXGraph-Objekte nutzen
1 +JSX-Graph Objekte
Inhalt
... ... @@ -1,11 +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"]]
8 -
3 +text1
9 9  
10 10  {{/column}}
11 11  
... ... @@ -15,78 +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]]
13 +* 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/]]
17 +* Inhalt 1
24 24  {{/panel}}
25 25  {{/column}}
26 26  {{/section}}
27 27  
28 -== JSXGraph-Objekt im Editor einbinden ==
22 +== Ü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 -
24 +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