Zum Inhalt springen

Änderungen von Dokument JSXGraph-Objekte einbinden

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

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -JSX-Graph Objekte
1 +JSXGraph Objekte nutzen
Inhalt
... ... @@ -1,6 +1,8 @@
1 1  {{section}}
2 2  {{column width="60%"}}
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.
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.
4 4  {{/column}}
5 5  
6 6  {{column width="30%"}}
... ... @@ -9,15 +9,67 @@
9 9  {{/panel}}
10 10  
11 11  {{panel title="Verwandte Themen"}}
12 -* Thema 1
14 +* [[3D-Objekt einbinden>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.3D-Objekte einbinden.WebHome]]
13 13  {{/panel}}
14 14  
15 15  {{panel title="Weiterführende Inhalte"}}
16 -* Inhalt 1
18 +* [[JSXGraph (Uni Bayreuth)>>https://jsxgraph.uni-bayreuth.de/wp/index.html]]
17 17  {{/panel}}
18 18  {{/column}}
19 19  {{/section}}
20 20  
21 -== Überschrift ==
23 +== JSXGraph-Objekt im Editor einbinden ==
22 22  
23 -text2
25 +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.
26 +
27 +Ö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.
28 +
29 +[[image:Editor - JSX im Tiny_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
30 +
31 +Es öffnet sich ein Dialog zum Bearbeiten des JSX-Objektes. Darin enthalten ist bereits der JavaScript-Code für ein JSX-Beispielobjekt.
32 +
33 +[[image:Editor - JSX Dialog geöffnet_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
34 +
35 +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.uni-bayreuth.de/wp/index.html]].
36 +
37 +Mit Klick auf den Button Fertig wird das Objekt eingefügt.
38 +
39 +[[image:Editor - JSX Objekt speichern_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
40 +
41 +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.
42 +
43 +[[image:Editor - Aufgabenstellung mit JSX-Objekt_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
44 +
45 +
46 +
47 +== Beispielaufgaben mit JSXGraph-Objekten ==
48 +
49 +Einige Beispielaufgaben und deren Erstellung wird auf folgenden Seiten erläutert:
50 +
51 +* [[Beispielaufgabe Punkte im Koordinatensystem>>doc:.Beispiel Punkte im Koordinatensystem.WebHome]]
52 +* [[Beispielaufgabe Schnittpunkt x-Achse>>doc:.Beispielaufgabe Schnittpunkt x-Achse.WebHome]]
53 +* [[Beispielaufgabe Schnittpunkt x-Achse II>>doc:.Beispielaufgabe Schnittpunkt x-Achse II.WebHome]]
54 +
55 +== Interaktivität des JSXGraph-Objekt ausprobieren ==
56 +
57 +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.
58 +
59 +== Bestehendes JSXGraph-Objekt bearbeiten ==
60 +
61 +Ein bereits eingebundenes JSX-Objekt können Sie wie folgt editieren:
62 +
63 +Ö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.
64 +
65 +[[image:Editor - JSX Objekt bearbeiten_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
66 +
67 +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.
68 +
69 +== JSXGraph-Objekt in einem PDF-Dokument ==
70 +
71 +Bitte beachten Sie, dass ein JSX-Element **nicht** in einem PDF-Dokument dargestellt werden kann. Es erscheint an dessen Stelle ein allgemeines Icon.
72 +
73 +== JSXGraph-Objekt in Auswertungsansichten ==
74 +
75 +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"]] .
76 +
77 +
Editor - Aufgabenstellung mit JSX-Objekt_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +15.4 KB
Inhalt
Editor - JSX Dialog geöffnet_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +65.9 KB
Inhalt
Editor - JSX Objekt bearbeiten_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +18.0 KB
Inhalt
Editor - JSX Objekt speichern_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +58.1 KB
Inhalt
Editor - JSX im Tiny_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +15.6 KB
Inhalt