Changes for page JSXGraph-Objekte einbinden
Last modified by Carina Enke on 18.03.2025
From version 6.2
edited by Carina Enke
on 28.10.2024
on 28.10.2024
Change comment:
There is no comment for this version
To version 8.1
edited by Carina Enke
on 05.11.2024
on 05.11.2024
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 5 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -22,23 +22,26 @@ 22 22 23 23 == JSXGraph-Objekt im Editor einbinden == 24 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.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 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.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 28 29 +[[image:Editor - JSX im Tiny_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] 29 29 30 - Mit Klick auf diesesIconöffnet sich ein Dialog zurEingabe derJSX-ObjekteBeschreibung.AlseinfachesBeispiel istim Textfelddie JSX-Objekte Beschreibungeiner einfachenWürfeldarstellung hinterlegt.31 +Es öffnet sich ein Dialog zum Bearbeiten des JSX-Objektes. Darin enthalten ist bereits der JavaScript-Code für ein JSX-Beispielobjekt. 31 31 33 +[[image:Editor - JSX Dialog geöffnet_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] 32 32 33 -Tauschen Sie diesen Inhalt gegen Ihre eigene JSX- Objekte-Beschreibungaus. Informationen zur Erstellung vonJSX-Objekten erhalten Sie auf den Webseiten des [[JSXGraph Projektes>>https://jsxgraph.uni-bayreuth.de/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]]. 34 34 35 35 Mit Klick auf den Button Fertig wird das Objekt eingefügt. 36 36 39 +[[image:Editor - JSX Objekt speichern_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] 37 37 38 -Im HTML-Editor wird ein eingefügtes JSX-Objekt mit dem Symbol (% style="background-color:#f1c40f"%)(Icon)(%%)gekennzeichnet.41 +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 39 43 +[[image:Editor - Aufgabenstellung mit JSX-Objekt_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] 40 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 42 43 43 44 44 == Beispielaufgaben mit JSXGraph-Objekten == ... ... @@ -45,7 +45,9 @@ 45 45 46 46 Einige Beispielaufgaben und deren Erstellung wird auf folgenden Seiten erläutert: 47 47 48 -* ... 51 +* [[Beispielaufgabe Punkte im Koordinatensystem>>doc:.Beispiel Punkte im Koordinatensystem.WebHome]] 52 +* [[Beispielaufgabe Schnittpunkt x-Achse>>doc:.Beispielaufgabe Schnittpunkt x-Achse.WebHome]] 53 +* [[Beispielaufgabe Schnittpunkt x-Achse II>>doc:.Beispielaufgabe Schnittpunkt x-Achse II.WebHome]] 49 49 50 50 == Interaktivität des JSXGraph-Objekt ausprobieren == 51 51 ... ... @@ -55,16 +55,18 @@ 55 55 56 56 Ein bereits eingebundenes JSX-Objekt können Sie wie folgt editieren: 57 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-Objektes63 +Ö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 in den Bearbeitungsoptionen aus. 59 59 60 - Es öffnet sich der Dialog"JSX bearbeiten" undSiekönnen Ihre Anpassungen vornehmen. MitKlickuf den Button Fertig, werden die Änderungen gespeichertnd übernommen.65 +[[image:Editor - JSX Objekt bearbeiten_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] 61 61 67 +Es öffnet sich der Dialog "JSX bearbeiten" und Sie können Ihre Anpassungen vornehmen. Mit Klick auf den Button Fertig im Dialog, werden die Änderungen gespeichert und übernommen. 68 + 62 62 == JSXGraph-Objekt in einem PDF-Dokument == 63 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. 71 +Bitte beachten Sie, dass ein JSX-Element **nicht** in einem PDF-Dokument dargestellt werden kann. Es erscheint an dessen Stelle ein allgemeines Icon. 65 65 66 66 == JSXGraph-Objekt in Auswertungsansichten == 67 67 68 -text2 75 +Die Auswertungsdokumente des Testversuches eines Lernenden zeigen die individuellen JSX-Objekte an. In der Statistischen Auswertung jedoch kann das JSX-Element **nicht** dargestellt werden. Es erscheint an dessen Stelle das allgemeine Icon [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_JSX.png||data-xwiki-image-style="img-icon" height="27" width="30"]] . 69 69 70 70
- Editor - Aufgabenstellung mit JSX-Objekt_de.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.carina - Size
-
... ... @@ -1,0 +1,1 @@ 1 +15.4 KB - Content
- Editor - JSX Dialog geöffnet_de.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.carina - Size
-
... ... @@ -1,0 +1,1 @@ 1 +65.9 KB - Content
- Editor - JSX Objekt bearbeiten_de.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.carina - Size
-
... ... @@ -1,0 +1,1 @@ 1 +18.0 KB - Content
- Editor - JSX Objekt speichern_de.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.carina - Size
-
... ... @@ -1,0 +1,1 @@ 1 +58.1 KB - Content
- Editor - JSX im Tiny_de.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.carina - Size
-
... ... @@ -1,0 +1,1 @@ 1 +15.6 KB - Content