dynamische geometrie mit jsxgraph matthias ehmann, michael gerhäuser, carsten miller, bianca...
TRANSCRIPT
![Page 1: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/1.jpg)
Dynamische Geometrie mit JSXGraph
Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt
Universität Bayreuth
![Page 2: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/2.jpg)
Zukunftstrends in dynamischer Geometrie
![Page 3: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/3.jpg)
Zukunftstrends in dynamischer Geometrie
Verwenden von Dateien, die mit einem DGS wie z.B.
GEONEXT, GeoGebra oder Cinderella erstellt wurden
![Page 4: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/4.jpg)
Zukunftstrends in dynamischer Geometrie
Verwenden von Dateien, die mit einem DGS wie z.B.
GEONEXT, GeoGebra oder Cinderella erstellt wurden
und
Erstellen von geometrischen Konstruktionen
sowie Veranschaulichen von Graphen
![Page 5: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/5.jpg)
Zukunftstrends in dynamischer Geometrie
Verwenden von Dateien, die mit einem DGS wie z.B.
GEONEXT, GeoGebra oder Cinderella erstellt wurden
und
Erstellen von geometrischen Konstruktionen
sowie Veranschaulichen von Graphen
OHNE Plugins wie Java oder
Flash zu benutzen!
![Page 6: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/6.jpg)
Warum nicht Java oder Flash?
![Page 7: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/7.jpg)
Warum nicht Java oder Flash?
![Page 8: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/8.jpg)
Warum nicht Java oder Flash?
• benötigen Installation externer Plugins
![Page 9: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/9.jpg)
Warum nicht Java oder Flash?
• benötigen Installation externer Plugins
• lange Initialisierungszeit
![Page 10: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/10.jpg)
Warum nicht Java oder Flash?
• benötigen Installation externer Plugins
• lange Initialisierungszeit
• Probleme mit Rechnern ohne Windows
![Page 11: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/11.jpg)
Warum nicht Java oder Flash?
• benötigen Installation externer Plugins
• lange Initialisierungszeit
• Probleme mit Rechnern ohne Windows
• Wie soll man neue Geräte wie iPhone, iPad, Blackberry, Palm Pre, Android, Google Chrome OS verwenden?
![Page 12: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/12.jpg)
JSXGraph
![Page 13: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/13.jpg)
JSXGraph• open source Projekt bei sourceforge.net
![Page 14: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/14.jpg)
JSXGraph• open source Projekt bei sourceforge.net
• entwickelt an der Universität Bayreuth
![Page 15: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/15.jpg)
JSXGraph• open source Projekt bei sourceforge.net
• entwickelt an der Universität Bayreuth
• komplett in JavaScript implementiert
![Page 16: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/16.jpg)
JSXGraph• open source Projekt bei sourceforge.net
• entwickelt an der Universität Bayreuth
• komplett in JavaScript implementiert
• kein Plugin nötig
![Page 17: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/17.jpg)
JSXGraph• open source Projekt bei sourceforge.net
• entwickelt an der Universität Bayreuth
• komplett in JavaScript implementiert
• kein Plugin nötig
• unterstützt alle gängigen Broser (incl. Internet Explorer)
![Page 18: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/18.jpg)
JSXGraph• open source Projekt bei sourceforge.net
• entwickelt an der Universität Bayreuth
• komplett in JavaScript implementiert
• kein Plugin nötig
• unterstützt alle gängigen Broser (incl. Internet Explorer)
• keine Initialisierungszeit
![Page 19: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/19.jpg)
Möglichkeiten von JSXGraph
![Page 20: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/20.jpg)
Möglichkeiten von JSXGraph• Dynamische Geometrie: Euklidische and homogene Koordinaten, Linien, Kreise, Polygone, Gleiter, Animationen, Kegelschnitte, Schieberegler,…
![Page 21: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/21.jpg)
Möglichkeiten von JSXGraph• Dynamische Geometrie: Euklidische and homogene Koordinaten, Linien, Kreise, Polygone, Gleiter, Animationen, Kegelschnitte, Schieberegler,…• Kurven: Funktionsgraphen, parametrisierte Kurven, Datenplots, Bezierkurven
![Page 22: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/22.jpg)
Möglichkeiten von JSXGraph• Dynamische Geometrie: Euklidische and homogene Koordinaten, Linien, Kreise, Polygone, Gleiter, Animationen, Kegelschnitte, Schieberegler,…• Kurven: Funktionsgraphen, parametrisierte Kurven, Datenplots, Bezierkurven• Turtle Grafiken
![Page 23: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/23.jpg)
Möglichkeiten von JSXGraph• Dynamische Geometrie: Euklidische and homogene Koordinaten, Linien, Kreise, Polygone, Gleiter, Animationen, Kegelschnitte, Schieberegler,…• Kurven: Funktionsgraphen, parametrisierte Kurven, Datenplots, Bezierkurven• Turtle Grafiken• Diagramme
![Page 24: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/24.jpg)
Möglichkeiten von JSXGraph• Dynamische Geometrie: Euklidische and homogene Koordinaten, Linien, Kreise, Polygone, Gleiter, Animationen, Kegelschnitte, Schieberegler,…• Kurven: Funktionsgraphen, parametrisierte Kurven, Datenplots, Bezierkurven• Turtle Grafiken• Diagramme• Dateien anzeigen: GEONExT, Geogebra, Cinderella (zum Teil), Intergeo, ArcView (Karten)
![Page 25: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/25.jpg)
Erstes Beispiel
![Page 26: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/26.jpg)
Erstes Beispielvar brd = JXG.JSXGraph.initBoard('box', {boundingbox:[-3, 12, 12, -2], keepaspectratio:true, shownavigation:false, showcopyright:false,axis:true}); var a = brd.create('point', [3,3], {name:'A'}); var b = brd.create('point', [6,2], {name:'B'}); var c = brd.create('point', [1,8], {name:'C', strokeColor:'black', fillColor:'green', highlightFillColor:'black', size:8}); var l = brd.create('line', [b, c], {name:'g'}); var d = brd.create('point', [8,7], {name:'D'}); var e = brd.create('point', [10.5,5], {name:'E'}); var cr = brd.create('circle', [d, e], {name:'k_1'}); var i1 = brd.create('intersection', [cr, l, 0], {face:'square'}); var i2 = brd.create('intersection', [cr, l, 1], {face:'[]', size:7});
![Page 27: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/27.jpg)
Erstes Beispielvar a = brd.create('point', [3,3], {name:'A'}); var b = brd.create('point', [6,2], {name:'B'}); var c = brd.create('point', [1,8], {name:'C',strokeColor:'black', fillColor:'green',size:8}); var l = brd.create('line',[b, c]);var d = brd.create('point', [8,7], {name:'D'}); var e = brd.create('point', [10.5,5], {name:'E'}); var cr = brd.create('circle', [d, e], {name:'k_1'}); var i1 = brd.create('intersection', [cr, l, 0], {face:'square'}); var i2 = brd.create('intersection', [cr, l, 1], {face:'[]', size:7}); Live Version
![Page 28: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/28.jpg)
Weitere Beispiele
Geometrie: Eulergerade Interaktives Balkendiagramm
Koch Kurve mit einer Turtle Funktionsdiskussion
Apollonische Kreispackung
![Page 29: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/29.jpg)
Konstruieren mit JessieScript
![Page 30: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/30.jpg)
Konstruieren mit JessieScript
Die Programmierung mit JavaScript, um mit JSXGraph Geometrie am Rechner anzeigen zu können, stellt eine große Hürde dar.
![Page 31: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/31.jpg)
Konstruieren mit JessieScript
Die Programmierung mit JavaScript, um mit JSXGraph Geometrie am Rechner anzeigen zu können, stellt eine große Hürde dar.
Eine Alternativlösung ist nötig!
![Page 32: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/32.jpg)
Konstruieren mit JessieScriptJSXGraph kann eine Syntax parsen, die sehr ähnlich zu dem ist, was in den Schulen gelehrt wird.
![Page 33: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/33.jpg)
Konstruieren mit JessieScriptJSXGraph kann eine Syntax parsen, die sehr ähnlich zu dem ist, was in den Schulen gelehrt wird, z.B.
P(1,1)
![Page 34: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/34.jpg)
Konstruieren mit JessieScriptJSXGraph kann eine Syntax parsen, die sehr ähnlich zu dem ist, was in den Schulen gelehrt wird, z.B.
P(1,1)Q(-2,2)g=[PQ]
![Page 35: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/35.jpg)
Konstruieren mit JessieScriptJSXGraph kann eine Syntax parsen, die sehr ähnlich zu dem ist, was in den Schulen gelehrt wird, z.B.
P(1,1)Q(-2,2)g=[PQ]k(Q,1.5)||(g,R)
![Page 36: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/36.jpg)
Konstruieren mit JessieScriptJSXGraph kann eine Syntax parsen, die sehr ähnlich zu dem ist, was in den Schulen gelehrt wird, z.B.
P(1,1)Q(-2,2)g=[PQ]k(Q,1.5)||(g,R)
einfach zu verwenden!
![Page 37: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/37.jpg)
Beispiele
Konstruieren mit JessieScript
P(1,1)
g=]AB[
k(A,[PQ])
f:x^2+2*x+5Q(g,3,2)
||(P,g)
|_(P,g)
Y[A,B,C,D]<(A,B,C)
X=g&k1
1/2(A,B)
![Page 38: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/38.jpg)
Fragen?
![Page 39: Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth](https://reader035.vdokument.com/reader035/viewer/2022062417/55204d8149795902118d4739/html5/thumbnails/39.jpg)
Danke für Ihre Aufmerksamkeit!
http://jsxgraph.org