Zum Inhalt springen

Wiki-Quellcode von JSXGraph Objekte nutzen

Version 6.3 von Carina Enke am 28.10.2024
Zeige letzte Bearbeiter
1 {{section}}
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 {{/column}}
7
8 {{column width="30%"}}
9 {{panel title="Inhalt"}}
10 {{toc start="2"/}}
11 {{/panel}}
12
13 {{panel title="Verwandte Themen"}}
14 * [[3D-Objekt einbinden>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.3D-Objekte einbinden.WebHome]]
15 {{/panel}}
16
17 {{panel title="Weiterführende Inhalte"}}
18 * [[JSXGraph (Uni Bayreuth)>>https://jsxgraph.uni-bayreuth.de/wp/index.html]]
19 {{/panel}}
20 {{/column}}
21 {{/section}}
22
23 == JSXGraph-Objekt im Editor einbinden ==
24
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
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
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.
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
50 == Interaktivität des JSXGraph-Objekt ausprobieren ==
51
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.
53
54 == Bestehendes JSXGraph-Objekt bearbeiten ==
55
56 Ein bereits eingebundenes JSX-Objekt können Sie wie folgt editieren:
57
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
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
62 == JSXGraph-Objekt in einem PDF-Dokument ==
63
64 Bitte beachten Sie, dass ein JSX-Element **nicht** in einem PDF-Dokument dargestellt werden kann. Es erscheint an dessen Stelle ein allgemeines Icon.
65
66 == JSXGraph-Objekt in Auswertungsansichten ==
67
68 text2
69
70