STACK-Wiki

• Falls man zwei JSXGraphen in einer Frage nutzen will, müssen die zugehörigen Boards unterschiedlich benannt werden.

• Ein Board wird mit dem folgenden Code erzeugt:
  var board = JXG.JSXGraph.initBoard(divid, {<span style="color:rgb(0,0,0);">...</span>});

• Haben Sie in den Aufgabenvariablen die Variable fx: 1/2*sin(x); definiert, können Sie diese Variable in eine Variable innerhalb des JSXGraph-Bereichs umwandeln. Dazu schreiben Sie
  var f = board.jc.snippet('{#fx#}', true, 'x', true);
  wobei {#fx#} der Platzhalter für die Aufgabenvariable fx ist.

• Interaktive Graphen werden fast komplett analog zu statischen Graphen erzeugt. Allerdings muss die Funktionsvorschrift hier im JSXGraph-Bereich und nicht im Aufgabenvarieblen-Feld definiert werden. Sie können allerdings auf Aufgabenvariablen, zum Beispiel zufällige Zahlen, die zuvor definiert wurden, zurückgreifen.
  

• Auch hier muss eine Variable für die Funktion erezeugt werden:
  var f = board.create('functiongraph', [function(x) {return <span style="color:rgb(0,0,0);">...</span> }]);
  wobei an der Stelle von "..." die Funktionsvorschrift in Abhängigkeit von \(x\) eingefügt wird.
  

• Hinweise zu den Funktionsvorschriften:
  • Es können die Werte, die durch Slider oder verschiebbare Punkte bzw. Glider durch die Studierenden generiert bzw. verändert werden, benutzt werden. Wichtig hierbei: Die Werte der Slider und Punkte werden immer als Punkte, also mit einer x- und einer y-Koordinate zurückgegeben. Möchten Sie die x-Koordinate des verschiebbaren Punktes p verwenden, benutzen Sie in der Funktionsvorschrift den Platzhalter p.X() und für die y-Koordinate den Platzhalter p.Y(). Bei Slidern s kann mit s.Value() automatisch auf die veränderbare Koordiante des Sliders zugegriffen werden.
    Bitte lesen Sie zur Erzeugung von Punkten und Glidern die jeweiligen Abschnitte dieses Wiki-Eintrags zu Punkten, Slidern und Glidern.
  • Es stehen die vier Grundrechenarten mit den Rechensymbolen +, -, * und / wie gewohnt zur Verfügung.
    
  • Für weitere Funktionen empfehlen wir die betreffende Seite im Wiki der Uni Bayreuth . Beispielsweise wird die Sinus-Funktion \(f(x)=\sin(x)\) mit der Funktionsvorschrift Math.sin(x) erzeugt.
  • Sie können auf Aufgabenvariablen zurückgreifen, indem Sie als Platzhalter {#NameDerVariablen#} einfügen.
    

• Um dem Board einen Punkt hinzuzufügen, wird wie folgt eine Variable (hier heißt sie p) erstellt:
  var p = board.create('point',[x,y], { <span style="color:rgb(0,0,0);">...</span> });
  wobei für [x,y] die Koordinaten, die der Punkt beim Start haben soll, eingetragen werden. An der Stelle von "..." folgt dann die Definiton von Eigenschaften, die ein Punkt haben kann:
  • size: Zahl →Größe des Punktes
  • snapToGrid: true/false → Einstellen, ob der Punkt nur auf einem Gitter bewegt werden kann
  • snapSizeX: Zahl und  snapSizeY: Zahl →Größe des Gitters, auf dem sich der Punkt bewegt (in x- bzw. y-Richtung)  

Glider

• Wie beim Punkt muss auch ein Startpunkt angegeben werden, außerdem muss man den Namen des Objektes angeben, auf dem der Glider liegt (in unserem Beispiel die Funktion f).

• Falls der Startpunkt nicht auf dem Objekt liegt, legt der JSXGraph den Glider auf den nächsten Punkt auf dem Objekt.

• Soll der Glider sich entlang einer unsichtbaren Linie bewegen (z.B. der x-Achse), kann für eine Linie erstellt werden, die dann anstatt f in der Variable für den Glider verwendet wird. Dies funktioniert mit folgndem Code:
  var linie = board.create('line', [[x1,y1],[x2,y2]], {visible: false});
  var g = board.create('glider', [x,y,linie]);
  wobei für [x1,y1] der Startpunkt der Linie, für [x2,y2] der Endpunkt der Linie und für[x,y] der Startpunkt des Gliders eingetragen wird. visible:false bewirkt, dass die Linie unsichtbar ist. Soll sie sichtbar sein, kann man visible:true eintragen. 

Slider

• Eine Variable für einen Slider kann durch folgenden Code erzeugt werden:
  var s = board.create('slider', [[x1,y1],[x2,y2],[min,default,max]]);
  • [x1,y1] ist der Startpunkt des Sliders
  • [x2,y2] ist der Endpunkt des Sliders
  • min ist der kleinste einstellbare Wert des Sliders
  • default ist der voreingestellt Wert des Sliders
    
  • max ist der größte einstellbare Wert des Sliders
    
  
  
• Optional können in geschweiften Klammern weitere Eigenschaften des Sliders hinzugefügt werden:
  • name: 'Text' → Fügt dem Wert des Sliders einen Namen hinzu, der dann angezeigt wird
    
  • snapWidth: Zahl → Wert des Sliders ist nur ein Vielfaches des angegebenen Wert
    

• Wichtig: Slider werden wie Punkte immer mit einer x- und einer y-Koordinate zurückgegeben. Möchten Sie - beispielsweise in einer Funktionsvorschrift - die x-Koordinate eines Sliders s verwenden, können Sie den Platzhalter s.X() verwenden. Für die y-Koordinate verwenden Sie s.Y() . Sie können auch slider.Value() benutzen, um automatisch die veränderbare Koordiante des Sliders zu verwenden.

Tangente