Netzwerk Mathematik/Physik + E-Learning

JSXGraph

Navigation

SketchBoard

Ein seit vielen Jahren von verschiedenen Nutzern immer mal wieder geäußerter Wunsch an Onyx ist ein Aufgabentyp „SketchBoard“, der es Studierenden ermöglicht, direkt im Onyx einfache Skizzen anzufertigen und abzugeben, welche dann durch die Prüfer einfach bewertet werden.

Durch die Anbindung von JSXGraph hat sich nun eine Möglichkeit eröffnet, ein solches Anwendungsszenario sehr simpel umzusetzen:

Das fertige JSXBoard, bzw. dessen JavaScriptCode, muss einfach nur in die Aufgabenstellung eines beliebigen Aufgabentyps kopiert werden und bietet (im Moment) folgende Funktionen

  • Zeichnen mit unterschiedlichen Farben und Linienbreiten
  • Doppelklick löscht Linien
  • Linien wahlweise verschiebbar (draggable) oder fixiert
  • Mouse-, Stift- und Touchunterstützung, die Touch/Fingerunterstützung ist zu/abschaltbar
  • 3 Modi: (wählbar oben mittig per Kurvensymbol)
    • freies Zeichen
    • gerade Linien (SnapToGrid mit einstellbarer SnapSize)
    • Textelemente (im Inputfeld bearbeiten und anschließend auf Zielposition klicken; SnapToGrid; html und LaTeX möglich)

Im Kopfteil des Scripts können die einzelnen Werkzeuge (Farbe, Stiftdicke, Modus, etc.) wahlweise (de)aktiviert und die Default-parameter festgelegt werden, Es sind dazu keinerlei JavaScript-Kenntnisse erforderlich.

Für eine mögliche automatische Auswertung der Skizze wird, sofern eine Onyx-Lücke (hier {GAP_1}) an das Skript übergeben wird, je gezeichneter Linie jeweils das Tripel [Startpunkt, Mittelwert aller Punkte, Endpunkt] in die Lücke geschrieben. Analog werden ggf. an {GAP_2} die Textelemente als [Position, Content] - Array ausgegeben. vgl. obige zweite Abbildung und

Wahlweise kann eine (statische oder Maxima-generierte) ONYX-Bildvariable als Hintergrundgrafik eingebunden werden. Diese ist im Quellcodeeditor der Aufgabenstellung wie folgt einzufügen: <div id="backgroundPic" hidden="hidden">{ONYXBildVariable}</div> und anschließend im Kopfteil des Scripts zu referenzieren.


Im Aufgabenpool/_JSXGraph ist die folgende Demo zum Kopieren und selber verwenden erhältlich: https://bildungsportal.sachsen.de/onyxeditor/published/Sketchboard