Skip to Content
Last modified by Carina Enke on 18.03.2025
From version 16.1
edited by Carina Enke
on 06.11.2024
Change comment: There is no comment for this version
To version 15.1
edited by Carina Enke
on 05.11.2024
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -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-Variablen können an JSX-Objekte übergeben werden. Dazu wird der Variablenname im JavaSkriptcode des JSX-Objektes verwendet. Ein einfache Umsetzung zeigt die [[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]]
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