Giter VIP home page Giter VIP logo

vector-visualisierung's Introduction

vector-visualisierung

Projekt zur Visualisierung von Vektoren im Raum.

Benutzung

Das Programm zur Vektorvisualisierung dient dem Verständnis und soll den Lernenden beim Erarbeiten der Darstellung einer Ebene durch zwei (linear unabhängige) Vektoren helfen. Die Lernenden haben das Ziel Punkte in einer Ebene zu erreichen, indem sie sich mit den Vektoren im Raum bewegen.

Zum öffnen des Programmes müssen die Schülerinnen und Schüler die index.html Datei speichern und (in einem Browser ihrer Wahl) ausführen. Die Dateien style.css und script.js müssen im gleichen Verzeichnis wie die index.html Datei liegen.

Steuerung

Befehle werden durch Klicken von Tasten ausgeführt:

Die Bewegungen:

  • Vektor a addieren: 🇼 oder ⬆️
  • Vektor a subtrahieren: 🇸 oder ⬇️
  • Vektor b addieren: 🇩 oder ➡️
  • Vektor b subtrahieren 🇦 oder ⬅️

Punkt wieder auf (0,0,0) setzen: 🇷

Ebene zeichnen: 1️⃣

Punkte in der Ebene Zeichnern: 2️⃣

Vektorkonstruktion anzeigen: 3

Neue Ausgangsvektoren: 🇳

Didaktisches Konzept

Ziel bei der Bearbeitung mit der Visualisierung ist:

  • Die Lernenden entdecken spielerisch, dass Punkte in einer Ebene erreicht werden können, indem sie die beiden Vektoren miteinander addieren.
  • Die Lernenden fördern ihr Verständnis vom 3-Dimensionalem Raum
  • Die Lernenden erhalten ein besseres Konzept von Vektoren, Ebenen und Punkten

Das spielerische wird mit Aufgaben ergänzt um die Lernerfahrung und das Verständnis zu steigern

Mögliche Aufgaben

Im folgenden werden Beispiele für Aufgaben aufgelistet um die Visualisierung sinnvoll im Unterricht zu implementieren.

  1. Bewege den blauen Punkt mit Hilfe der Pfeiltasten, so dass er den Grünen Punkt erreicht. wiederhole dies, bis du 10 Punkte erreicht hast.
  2. Schalte nun die Ebene mit 1 ein und drehe die Ansicht ein wenig. Wiederhole die 1. Aufgabe und mache noch einmal 3 Punkte.
    1. Notiere, was dir auffällt. Wo liegen die Punkte und die Vektoren, die du verwendest?
    2. Erzeuge die Ebene mit 2 und beobachte, was passiert.
  3. Schau dir die Punkte Current und P an. Current ist der aktuelle plaue Punkt und P ist der zu erreichende Punkt. Wenn du die Vektoren a beziehungsweise b addiert oder subtrahierst (Pfeiltaste klickst) was passiert dann mit den Koordinaten des Punkt Current? Notiere die Erkenntnisse.
  4. Versuche den Punkt P rechnerisch zu erreichen indem du die eine Gleichungssystem aufstellst (P=ta+sb) und bestimme wie oft a und b verwendet werden müssen um den Punt zu erreichen. Überprüfe indem du die Pfeiltasten so oft klickst wie du bestimmt hast.
  5. Generiere neue Vektoren mit N und wiederhole Aufgaben deiner Wahl. Wie sieht die Ebene aus, die durch die neuen Vektoren erzeugt wird?
  6. Studiere mit 3 wie der Vektor current durch Vielfache von a und b entsteht.

Umsetzung des Projektes

Vektorvisualisierung ist im Rahmen des Wahlmoduls 1.11 an der PH Muttenz FHNW zustande gekommen. Es handelt sich bei dem fertigen Produkt um ein GeoGebra Applet, welches mit Javascript eingebunden wurde und als HTML-Datei (entweder lokal oder via Link) ausführbar ist.

Warum haben wir uns für diese Tools entschieden?

  • GeoGebra: Im Mathematikunterricht bereits bekannt (auch den SuS). Nützliches Tool für Visualisierungen von Funktionen in 2-3 dimensionalen Koordinatensystemen. Viele der benötigten Funktionen waren bereits verfügbar und mussten nur korrekt integriert werden.
  • Javascript: Die Einbettung mit Javascript vereinfacht die Programmierung komplexerer Prozesse (wie das Zeichnen der Ebene) und ermöglicht eine Steuerung durch Nutzung der Tastatur.
  • HTML: Erlaubt es das in Javascript eingebundene GeoGebra Applet einfach anzuzeigen. Für die SuS bedeutet dies, dass sie sich nicht mit diversen Dateien rumschlagen müssen, sondern die HTML-Datei (index.html) einfach lokal speichern und in einem Browser ihrer Wahl ausführen.

vector-visualisierung's People

Contributors

drhuck avatar loreou avatar antal-huck avatar leonhardbadenberg avatar

Watchers

 avatar

Forkers

loreou

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.