Dynamische Geometrie mit JSXGraph

Slides:



Advertisements
Ähnliche Präsentationen
Eclipse.
Advertisements

Referat von Frederik Barth
Überblick Themenvorschlag „Virtuelles Studio“ Mobile Plattformen.
verweis-sensitive Grafiken
Seminar Internetdienste Web 2.0 und Rich Internet Applications (RIA) JavaFX Rainer Scholz.
Image Mapping1 Erstellung von Klicksensitiven Grafiken Für Webseiten.
Algebraische Kurven Reisen in ein vergessenes und unerforschtes Land
Mathematik auf dem Sofa
Testgetriebene Entwicklung
Break Dancer - eine nicht-funktionale Angelegenheit.
Virtuelle Forschungsumgebungen Hintergrundbeitrag: HTML5: Video Player und VideoJS Universität zu Köln Historisch-Kulturwissenschaftliche Informationsverarbeitung.
Werkzeuge und Softwareumgebung von Christian Michele.
By Monika Krolak & Christian Meschke
Dynamische Geometrie ab Klasse 7
Rigi und Web2Rsf vorgestellt von Tobias Weigand. Inhalt Ziel von Web2Rsf und Rigi Vorstellung des Parsers Web2Rsf Vorstellung des Werkzeugs Rigi Analyse.
Einführung in Visual C++
Ein mobiler OPAC auf Basis des Produktivsystems Andreas Neumann · D - IT March 10.
Face Detection Probleme: Welche Software ist für unser Projekt die richtige?
TENEZ Hallenreservierungssystem Verwaltung von mehreren Vereinen Verwaltung von mehreren Standorten mit Hallen Kundenverwaltung Reports Mobile Version.
Norman SecureBox Synchronisieren * Speichern * Teilen* Zusammenarbeiten Sicherer Cloud-Speicher für Unternehmen.
COMPUTER-GRUNDLAGEN Theoretischer Teil.
InfoPoint vom 9. November Was ist Joomla? Theorie Installation Extensions Administration Demo.
Eine Präsentation von Dario Müller © 2012
JavaScript.
Einführung in die App- Programmierung Universität zu Köln Historisch-Kulturwissenschaftliche Informationsverarbeitung Medien zwischen Technik und Gesellschaft.
Daniel Yves Ostwald …vor 6 Monaten Bob C# Silverlight ! ASP.NET WCF ? iPad Objective C HTML 5 In 3 Tagen ! Mono.
HTML 5 - Videoeinbindung
Basiswissen für Partner und interessierte Kunden Technologie.
Mahmoud Zoabi Khaled Isa
Umweltdaten via Smartphone
App-Entwicklung mit HTML5, CSS und JavaScript
Your name Bedeutung von Internet- Technologien Gruppe 1 Andreas Feuerstein Philipp Hochratner Christian Weinzinger.
Chair of Software Engineering Einführung in die Programmierung Prof. Dr. Bertrand Meyer Lektion 14: Mehrfachvererbung.
Purga - Scriptengine Ein Einblick.
CMS-Kolloquium am 10. Januar 2006
Wissen praktisch ablegen
Software der EDV-Anlage
Dynamische Mathematik mit Tablet und PC Matthias Ehmann Carsten Miller.
Dynamische Mathematik mit Tablet und PC Matthias Ehmann Carsten Miller.
Geometrie-Labor Dynamische Geometrie mit JSXGraph
Mathematik mit dem Finger Matthias Ehmann Carsten Miller.
CMS Content-Management-Systeme (CMS), dienen der Verwaltung und Pflege von Dokumenten und Inhalten in Inter- und Intranetanwendungen. Den Entwickler oder.
1 Proseminar TUM Informatik PalmPilot und Handspring: Technik, Programmierung, Anwendung Hacks Daniel Schweighart
Quick Start Guide (de) Communote 2.2. Communote GmbH · Kleiststraße 10 a · D Dresden/Germany · +49 (351) · ·
SFZ FN Sj. 13/14 Python 2 Turtle Inf K1/2 Sj 13/14 GZG FN W.Seyboldt.
Von Sven, Tobias und Philippe. Inhalt: 1.Geschichte 2.Grundkonzepte der Sprache 3.Anwendungsarten 4.Ähnliche Programmiersprachen 5.Konkrete Beispiele.
Lehren und Lernen mit elektronischen Arbeitsblättern
W W W - World Wide Web. Das World Wide Web kommt aus dem Englischen und bedeutet ‚Weltweites Netz‘ ist ein über das Internet abrufbares Hypertext-System.
Web und Mobile Apps Programmieren Marco Jakob Kurzvortrag OSS an Schulen
Mittagstisch App Android Version Anlehnung an iOS version Entwickelt mit Git Versioning-System Keine Favoriten Keine Bewertungen Keine Abstands- berechnung.
Datenbanken im Web 1.
Workshop native mobile Entwicklung
Webserver Apache & Xampp Referenten: Elena, Luziano und Sükran
© Zühlke 2013 Philipp Kälin Workshop Entwickeln von Apps für die Android Plattform 29. April Mai Mai April 2013.
TENEZ Hallenreservierungssystem Verwaltung von mehreren Standorten mit Hallen Kundenverwaltung Reports Mobile Version Open Source.
Cookies Kekse? Internet Gefahr?.
Mobile GIS: ArcPAD HENIN RamsesGIS-Proseminar. GIS II: ARCPADRamses Henin Übersicht Was ist ArcPad? GPS-Nutzung Einführung ins Programm Aufgabe 1 und.
Schematische Darstellung
Objektorientierte Programmierung (OOP)
Geogebra Geogebra ist eine dynamische Mathematik Software, die für den Unterricht der Sekundarstufen geeignet ist. Sie können Konstruktionen aus Punkten,
Microsoft Silverlight Autor: Christian Pirker. Inhalt Einführung Silverlight Einführung XAML Silverlight 1.0 und 1.1 Silverlight 2.0 Silverlight 3.0 Ausblick.
Dynamik bringt die Mathematiklehre voran Vortrag im Rahmen des Minisymposiums Didaktische Aspekte und Funktionen bildlicher Darstellungen (Didactical aspects.
HORIZONT 1 Product HORIZONT Software für Rechenzentren Garmischer Str. 8 D München Tel ++49(0)89 / Das IT – Informationssystem.
ARIS Web Publisher Schnelle und weltweite Informationsbereitstellung Additional Release.
Dennis Kunz Vorbereitungsseminar Mathematik zum fachdidaktischen Blockpraktikum SS2011 Dozent: Herr Eichhorn.
1 1 Dynamische Geometrie als Webanwendung mit Online-Speicher Florian Pieper regio iT Auszubildender zum Mathematisch-Technischen Softwareentwickler 2.
Prof. Sergio Montenegro Lehrstuhl Informatik 8 Telemetrie Nils Gageik Luft- und Raumfahrtlabor Telemetrie.
Annotationssysteme ____________________________________________________________________ Universität zu Köln | Historisch-kulturwissenschaftliche Informationsverarbeitung.
Mobile Learning Engineering (MLE)
Überblick zur Protokoll-/ Verbindungswahl zwischen Backend-Server und Gateway ITC-MEETING Tobias Hänel.
 Präsentation transkript:

Dynamische Geometrie mit JSXGraph Matthias Ehmann, Michael Gerhäuser, Carsten Miller, Bianca Valentin, Alfred Wassermann, Peter Wilfahrt Universität Bayreuth

Zukunftstrends in dynamischer Geometrie

Zukunftstrends in dynamischer Geometrie Verwenden von Dateien, die mit einem DGS wie z.B. GEONEXT, GeoGebra oder Cinderella erstellt wurden

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! 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!

Warum nicht Java oder Flash?

Warum nicht Java oder Flash?

Warum nicht Java oder Flash? benötigen Installation externer Plugins

Warum nicht Java oder Flash? benötigen Installation externer Plugins lange Initialisierungszeit

Warum nicht Java oder Flash? benötigen Installation externer Plugins lange Initialisierungszeit Probleme mit Rechnern ohne Windows

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?

JSXGraph

JSXGraph open source Projekt bei sourceforge.net

JSXGraph open source Projekt bei sourceforge.net entwickelt an der Universität Bayreuth

JSXGraph open source Projekt bei sourceforge.net entwickelt an der Universität Bayreuth komplett in JavaScript implementiert

JSXGraph open source Projekt bei sourceforge.net entwickelt an der Universität Bayreuth komplett in JavaScript implementiert kein Plugin nötig

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)

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

Möglichkeiten von JSXGraph

Möglichkeiten von JSXGraph Dynamische Geometrie: Euklidische and homogene Koordinaten, Linien, Kreise, Polygone, Gleiter, Animationen, Kegelschnitte, Schieberegler,…

Möglichkeiten von JSXGraph Dynamische Geometrie: Euklidische and homogene Koordinaten, Linien, Kreise, Polygone, Gleiter, Animationen, Kegelschnitte, Schieberegler,… Kurven: Funktionsgraphen, parametrisierte Kurven, Datenplots, Bezierkurven

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

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

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)

Erstes Beispiel

Erstes Beispiel var 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});

Erstes Beispiel Live Version 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',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

Weitere Beispiele Geometrie: Eulergerade Interaktives Balkendiagramm Apollonische Kreispackung Koch Kurve mit einer Turtle Funktionsdiskussion

Konstruieren mit JessieScript

Konstruieren mit JessieScript Die Programmierung mit JavaScript, um mit JSXGraph Geometrie am Rechner anzeigen zu können, stellt eine große Hürde dar.

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!

Konstruieren mit JessieScript JSXGraph kann eine Syntax parsen, die sehr ähnlich zu dem ist, was in den Schulen gelehrt wird.

Konstruieren mit JessieScript JSXGraph kann eine Syntax parsen, die sehr ähnlich zu dem ist, was in den Schulen gelehrt wird, z.B. P(1,1)

Konstruieren mit JessieScript JSXGraph 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]

Konstruieren mit JessieScript JSXGraph 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)

Konstruieren mit JessieScript JSXGraph 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!

Beispiele ||(P,g) g=]AB[ P(1,1) 1/2(A,B) <(A,B,C) Y[A,B,C,D] Konstruieren mit JessieScript Q(g,3,2) f:x^2+2*x+5 |_(P,g) X=g&k1 k(A,[PQ])

Fragen?

Danke für Ihre Aufmerksamkeit! http://jsxgraph.org