Änderungen von Dokument JSXGraph-Objekte einbinden

Zuletzt geändert von Anna Paul-Hasenfuss am 17.05.2025

Von Version 1.2
bearbeitet von Carina Enke
am 25.10.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 6.2
bearbeitet von Carina Enke
am 28.10.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,7 +1,8 @@
1 1  {{section}}
2 2  {{column width="60%"}}
3 -text1
4 -
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.
5 5  {{/column}}
6 6  
7 7  {{column width="30%"}}
... ... @@ -10,15 +10,60 @@
10 10  {{/panel}}
11 11  
12 12  {{panel title="Verwandte Themen"}}
13 -* Thema 1
14 +* [[3D-Objekt einbinden>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Medien einbinden.3D-Objekte einbinden.WebHome]]
14 14  {{/panel}}
15 15  
16 16  {{panel title="Weiterführende Inhalte"}}
17 -* Inhalt 1
18 +* [[JSXGraph (Uni Bayreuth)>>https://jsxgraph.uni-bayreuth.de/wp/index.html]]
18 18  {{/panel}}
19 -
20 20  {{/column}}
21 21  {{/section}}
22 22  
23 -== Überschrift ==
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 (% style="background-color:#f1c40f" %)(Icon)(%%) 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 (% style="background-color:#f1c40f" %)(Icon)(%%) 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 (% style="background-color:#f1c40f" %)(Icon)(%%) 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 (% style="background-color:#f1c40f" %)(Icon)(%%) für das JSX-Objekt im Editorfeld an und wählen Sie anschließend die Schaltfläche (% style="background-color:#f1c40f" %)(Icon)(%%)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 +
24 24  text2
69 +
70 +