Zum Inhalt springen

Wiki-Quellcode von JSXGraph Objekte nutzen

Version 6.3 von Carina Enke am 28.10.2024
Verstecke letzte Bearbeiter
Carina Enke 1.1 1 {{section}}
2 {{column width="60%"}}
Carina Enke 6.2 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.
Carina Enke 3.3 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.
Carina Enke 1.1 6 {{/column}}
7
8 {{column width="30%"}}
9 {{panel title="Inhalt"}}
10 {{toc start="2"/}}
11 {{/panel}}
12
13 {{panel title="Verwandte Themen"}}
Carina Enke 3.3 14 * [[3D-Objekt einbinden>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.3D-Objekte einbinden.WebHome]]
Carina Enke 1.1 15 {{/panel}}
16
17 {{panel title="Weiterführende Inhalte"}}
Carina Enke 3.3 18 * [[JSXGraph (Uni Bayreuth)>>https://jsxgraph.uni-bayreuth.de/wp/index.html]]
Carina Enke 1.1 19 {{/panel}}
20 {{/column}}
21 {{/section}}
22
Carina Enke 3.3 23 == JSXGraph-Objekt im Editor einbinden ==
Carina Enke 2.1 24
Carina Enke 6.3 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.
Carina Enke 3.3 26
Carina Enke 6.3 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.
Carina Enke 3.3 28
Carina Enke 5.1 29
30 Mit Klick auf dieses Icon öffnet sich ein Dialog zur Eingabe der JSX-Objekte Beschreibung. Als einfaches Beispiel ist im Textfeld die JSX-Objekte Beschreibung einer einfachen Würfeldarstellung hinterlegt.
31
32
33 Tauschen Sie diesen Inhalt gegen Ihre eigene JSX-Objekte-Beschreibung aus. Informationen zur Erstellung vonJ SX-Objekten erhalten Sie auf den Webseiten des [[JSXGraph Projektes>>https://jsxgraph.uni-bayreuth.de/wp/index.html]].
34
35 Mit Klick auf den Button Fertig wird das Objekt eingefügt.
36
37
Carina Enke 6.3 38 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.
Carina Enke 5.1 39
40
41 ? Zusätzliche Inhalte können Sie im Tab "Optionen" als externe Dateien hochladen. CSS- und JavaScript-Inhalte werden zur Anzeige automatisch geladen. Medieninhalte können Sie über den Pfad "media/filename" im x3dom referenzieren.
42
43
44 == Beispielaufgaben mit JSXGraph-Objekten ==
45
46 Einige Beispielaufgaben und deren Erstellung wird auf folgenden Seiten erläutert:
47
48 * ...
49
Carina Enke 3.3 50 == Interaktivität des JSXGraph-Objekt ausprobieren ==
51
Carina Enke 5.1 52 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.
Carina Enke 3.3 53
54 == Bestehendes JSXGraph-Objekt bearbeiten ==
55
Carina Enke 5.1 56 Ein bereits eingebundenes JSX-Objekt können Sie wie folgt editieren:
Carina Enke 3.3 57
Carina Enke 6.3 58 Ö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
Carina Enke 5.1 59
60 Es öffnet sich der Dialog "JSX bearbeiten" und Sie können Ihre Anpassungen vornehmen. Mit Klick auf den Button Fertig, werden die Änderungen gespeichert und übernommen.
61
Carina Enke 3.3 62 == JSXGraph-Objekt in einem PDF-Dokument ==
63
Carina Enke 5.1 64 Bitte beachten Sie, dass ein JSX-Element **nicht** in einem PDF-Dokument dargestellt werden kann. Es erscheint an dessen Stelle ein allgemeines Icon.
Carina Enke 3.3 65
66 == JSXGraph-Objekt in Auswertungsansichten ==
67
68 text2
69
70