Änderungen von Dokument JSXGraph-Objekte einbinden

Zusammenfassung

• Seiteneigenschaften (2 geändert, 0 hinzugefügt, 0 gelöscht)

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	+ 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,60 @@
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
	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	+
23	23	text2
	69	+
	70	+