Änderungen von Dokument JSXGraph-Objekte einbinden
Zuletzt geändert von Carina Enke am 18.03.2025
Von Version 17.1
bearbeitet von Carina Enke
am 06.11.2024
am 06.11.2024
Änderungskommentar:
Neues Bild Editor - JSX an Lücke_de.png hochladen
Auf Version 15.1
bearbeitet von Carina Enke
am 05.11.2024
am 05.11.2024
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Zusammenfassung
-
Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
-
Anhänge (0 geändert, 0 hinzugefügt, 1 gelöscht)
Details
- Seiteneigenschaften
-
- Inhalt
-
... ... @@ -3,9 +3,6 @@ 3 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 4 5 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 - 7 - 8 - 9 9 {{/column}} 10 10 11 11 {{column width="30%"}} ... ... @@ -18,8 +18,7 @@ 18 18 {{/panel}} 19 19 20 20 {{panel title="Weiterführende Inhalte"}} 21 -* [[JSXGraph>>https://jsxgraph.org/wp/index.html]] 22 -* [[Beispielsammlung zur Erstellung von JSXGraph-Objekten>>https://jsxgraph.org/share/]] 18 +* [[JSXGraph (Uni Bayreuth)>>https://jsxgraph.uni-bayreuth.de/wp/index.html]] 23 23 {{/panel}} 24 24 {{/column}} 25 25 {{/section}} ... ... @@ -36,7 +36,7 @@ 36 36 37 37 [[image:Editor - JSX Dialog geöffnet_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] 38 38 39 -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. org/wp/index.html]].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]]. 40 40 41 41 Mit Klick auf den Button Fertig wird das Objekt eingefügt. 42 42 ... ... @@ -47,19 +47,19 @@ 47 47 [[image:Editor - Aufgabenstellung mit JSX-Objekt_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] 48 48 49 49 50 -=== Variablenwerte an JSX-Objekte übergeben === 51 51 52 - Onyx-Variablenkönnen an JSX-Objekte übergeben werden. Dazu wird der Variablenname im JavaSkriptcode des JSX-Objektes verwendet. Ein einfache Umsetzung zeigt die [[BeispielaufgabePunkteimKoordinatensystem>>doc:Autorenbereich.AutorONYX2.01ONYX Logseiten.Log_JSX-GraphObjekte.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-GraphObjekten.BeispielPunkte im Koordinatensystem.WebHome]]47 +== Beispielaufgaben mit JSXGraph-Objekten == 53 53 49 +Einige Beispielaufgaben und deren Erstellung wird auf folgenden Seiten erläutert: 54 54 55 -=== Lernerantworten mit JSXGraph-Objeten nutzen === 51 +* [[Beispielaufgabe Punkte im Koordinatensystem>>doc:Autorenbereich.AutorONYX2.01 ONYX Logseiten.Log_JSX-Graph Objekte.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispiel Punkte im Koordinatensystem.WebHome]] - übergeben Sie Variablenwerte an JSX-Objekte 52 +* [[Beispielaufgabe Schnittpunkt x-Achse>>doc:Autorenbereich.AutorONYX2.01 ONYX Logseiten.Log_JSX-Graph Objekte.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse.WebHome]] - Verwenden Sie eine Nutzerantwort im JSX-Objekt 53 +* [[Beispielaufgabe Schnittpunkt x-Achse II>>doc:Autorenbereich.AutorONYX2.01 ONYX Logseiten.Log_JSX-Graph Objekte.JSXGraph Objekte nutzen.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse II.WebHome]] - Übergeben Sie eine Nutzereingabe in einer JSX-Grafik an eine ONYX-Lücke 56 56 57 -JSXGraph-Objekte können genutzt werden um Lernerantworten in Lücken im Objekt darzustellen oder auch um Nutzeraktionen im JSX-Objekt, wie beispielsweise das Markieren eines Punktes anschließend als Lernerantwort einer Lücke auszuwerten. Erläuterungen zur Umsetzung finden Sie in der den Beispielen [[Beispielaufgabe Schnittpunkt x-Achse>>doc:.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse.WebHome]] und [[Beispielaufgabe Schnittpunkt x-Achse II>>doc:.Beispiele zur Nutzung von JSX-Graph Objekten.Beispielaufgabe Schnittpunkt x-Achse II.WebHome]] 58 58 59 59 57 +== Interaktivität des JSXGraph-Objekt ausprobieren == 60 60 61 -== Vorschau zum JSXGraph-Objekt == 62 - 63 63 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. 64 64 65 65
- Editor - JSX an Lücke_de.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.carina - Größe
-
... ... @@ -1,1 +1,0 @@ 1 -89.9 KB - Inhalt