Gekoppelte Applets
Durch JavaScript können mehrere Applets in einer Aktivität miteinander "kommunizieren". Applet communication using JavaScript Skripting JavaScript gekoppelte Applets verknüpfte Applets
Table of Contents
- Allgemeines Beispiel
- 1 - verknüpfte Applets (Kästchen, Schieberegler, Highscore)
- Kopplung über Kontrollkästchen
- 2 - verknüpfte Applets (Kontrollkästchen)
- 3 - Beispiel anhand der Aktivität "Achsensymmetrie zur y-Achse"
- 4 - Beispiel für schrittweises Erarbeiten
- 5 - Potenzfunktion für Rechts-/Linkshänder
- Kopplung über Text und Schiebregler
- 6 - Funktionsterme und Werte von Schieberegler übertragen
- Musterbeispiel - Applets koppeln
- Highscore über mehrere Aktivitäten
- 8 - verknüpfte Applets (Highscore)
- 9 - Beispiel "Highscore bei Übungen zur Parabel"
- Highscore über ein ganzes Buch
- 10 - Highscore über mehrere Aktivitäten
1 - verknüpfte Applets (Kästchen, Schieberegler, Highscore)
[size=85]Applets inspiriert durch eine geniale Idee von [url=https://www.geogebra.org/u/michael+borcherds]Michael Borcherds[/url].[br][/size]
[icon]/images/ggb/toolbar/mode_showhidelabel.png[/icon] [u][b]Arbeitsauftrag:[/b][/u][br][list=1][*]Betätige im ersten Applet das Kontrollkästchen a und beobachte die beiden anderen Applets.[/*][*]Betätige im ersten Applet den Schieberegler b und beobachte die beiden anderen Applets.[/*][*]Fülle das Eingabefeld jedes Applets mit einer natürlichen Zahl aus und beobachte die anderen Applets sowie den Highscore.[br][/*][/list]
[icon]/images/ggb/toolbar/mode_rotateview.png[/icon] [u][b]Anwendungsmöglichkeiten:[/b][/u][br][list][*]verknüpfte Graphen von Funktion [math]f[/math], 1. Ableitungsfunktion [math]f'[/math] und 2. Ableitungsfunktion [math]f''[/math][/*][*]Punkte bei Übungen in das nächste Applet übertragen -> Highscore[/*][*]Escape-Room-Charakter von Aktivitäten - ein Kontrollkästchen in Applet 1 schaltet in Applet 2 eine weitere Herausforderung frei[/*][*]... und vieles mehr :o)[br][/*][/list][br]Dieses Buch erläutert die einzelnen Skripting-Schritte und zeigt zugleich an konkreten Beispielen die vielseitigen und sinnvollen Einsatzmöglichkeiten dieses Konzeptes.
2 - verknüpfte Applets (Kontrollkästchen)
[icon]/images/ggb/toolbar/mode_showhidelabel.png[/icon] [u][b]Arbeitsauftrag:[br][/b][/u]Betätige im ersten Applet das Kontrollkästchen a und beobachte die beiden anderen Applets.
[icon]/images/ggb/toolbar/mode_rotateview.png[/icon] [u][b]Anwendungsmöglichkeiten:[/b][/u][br][list][*]Applets nacheinander aktivieren[/*][*]Escape-Room-Charakter von Aktivitäten - ein Kontrollkästchen in Applet 1 schaltet in Applet 2 eine weitere Herausforderung frei[br][/*][*]... und vieles mehr :o)[br][/*][/list]
[icon]/images/ggb/toolbar/mode_viewinfrontof.png[/icon] [b][u]Skripting - globale Einstellungen:[/u][/b][br]
[i][u]CODE der globalen Einstellungen zum Kopieren:[br][/u][/i][br][color=#0000ff]function ggbOnInit() {[br]if (window) {[br]window.[/color][u][color=#ff0000]applet1[/color][/u][color=#0000ff] = ggbApplet;[br]}[br]}[/color][br][br]Jedes Applet (hier im CODE das oberste Applet) auf dieser Seite erhält so seine eigene Bezeichnung (hier: applet1) und kann damit von den anderen Applets im Skripting eindeutig identifiziert werden.[br][br]Oberes Applet: applet1[br]Mittleres Applet: applet2[br]Unteres Applet: applet3
[icon]/images/ggb/toolbar/mode_viewinfrontof.png[/icon] [b][u]Skripting - Bei Update:[/u][/b][br]
[i][u]CODE zum Kopieren:[br][/u][/i][br][color=#0000ff]window.applet2.setValue("a", applet1.getValue("a"));[br]window.applet3.setValue("a", applet1.getValue("a"));[br][/color][br]Der Wert aus Applet 1 für a (true oder false) wird im Applet2 und Applet3 als Wert von a in diesen Applets gesetzt. Für die Applets 2 und 3 muss der CODE einfach nur sinnvoll angepasst werden, falls die Kommunikation in alle Richtungen erfolgen soll.[br][br][u][b]Bemerkung:[/b][/u][br]Um bei der Erstellung von Applets beim Testen keine Fehlermeldung zu erzeugen (z.B. Bezug zu applet3 wird aufgerufen), sollte man sicher gehen, dass die Befehle erst ausgeführt werden, wenn auf einer Seite applet 1-3 implementiert hat bzw. diese dort aufrufbar sind:[br][br][i][u]CODE zum Kopieren:[br][/u][/i][br][color=#0000ff]if (window.applet1 && [color=#0000ff]window.applet2 &&[/color] [color=#0000ff]window.applet3) {[/color][br]window.applet2.setValue("a", applet1.getValue("a"));[br]window.applet3.setValue("a", applet1.getValue("a")); [br]}[/color][br][br]Im folgenden Beispiel soll die Kommunikation nacheinander von oben nach unten erfolgen, um Schritt für Schritt ein Applet "sichtbar" zu machen.[br]Das Kontrollkästchen, das die Sichtbarkeit steuert, wird jeweils nur vom aktuellen Applet im folgenden Applet aktiviert und somit der Inhalt schrittweise sichtbar.
6 - Funktionsterme und Werte von Schieberegler übertragen
[icon]/images/ggb/toolbar/mode_showhidelabel.png[/icon] [size=150][u][b]Arbeitsauftrag:[/b][/u][/size][br]Verändere den Funktionsterm der Funktion [math]f[/math] in einem der Applets. [br]Benutze den Schieberegler, um gegebenfalls die Ansicht anzupassen.
[u][b][icon]/images/ggb/toolbar/mode_viewinfrontof.png[/icon][/b][/u][u][b]Skripting - globale Einstellungen:[/b][/u]
[i][u]CODE der globalen Einstellungen zum Kopieren:[br][/u][/i][br][color=#0000ff]function ggbOnInit() {[br]if (window) {[br]window.[/color][u][color=#ff0000]applet1[/color][/u][color=#0000ff] = ggbApplet;[br]}[br]}[/color][br][br]Jedes Applet (hier im CODE das oberste Applet) auf dieser Seite erhält so seine eigene Bezeichnung (hier: applet1) und kann damit von den anderen Applets im Skripting eindeutig identifiziert werden.[br][br]Oberes Applet: applet1[br]Unteres Applet: applet2
[u][b][icon]/images/ggb/toolbar/mode_viewinfrontof.png[/icon][/b][/u][u][b]Skripting - Funktionsterm[u][b] (bei Update)[/b][/u]:[/b][/u]
[u][i]Code zum Kopieren:[/i][/u][br][br][color=#0000ff]if (window.applet1 && window.applet2) {[br]window.applet2.evalCommand(applet1.getValueString("f"));[br]}[br][/color]
[u][b][icon]/images/ggb/toolbar/mode_viewinfrontof.png[/icon][/b][/u][u][b]Skripting - Schieberegler (bei Update):[/b][/u]
[u][i]Code zum Kopieren:[/i][/u][br][br][color=#0000ff]if (window.applet1 && window.applet2) {[br]window.applet2.setValue("n",applet1.getValue("n"));[br]}[/color]
8 - verknüpfte Applets (Highscore)
[icon]/images/ggb/toolbar/mode_showhidelabel.png[/icon] [u][b]Arbeitsauftrag:[/b][/u][br]Fülle das Eingabefeld jedes Applets mit einer natürlichen Zahl aus und beobachte die anderen Applets sowie den Highscore.
[icon]/images/ggb/toolbar/mode_rotateview.png[/icon] [u][b]Anwendungsmöglichkeiten:[/b][/u][br][list][*]Punkte bei Übungen in das nächste Applet übertragen -> Highscore bei Übungen als Motivationsmöglichkeit[/*][*]... und vieles mehr :o)[br][/*][/list]
[icon]/images/ggb/toolbar/mode_viewinfrontof.png[/icon] [b][u]Skripting - globale Einstellungen:[/u][/b]
[i][u]CODE der globalen Einstellungen zum Kopieren:[br][/u][/i][br][color=#0000ff]function ggbOnInit() {[br]if (window) {[br]window.[/color][u][color=#ff0000]applet1[/color][/u][color=#0000ff] = ggbApplet;[br]}[br]}[/color][br][br]Jedes Applet (hier im CODE das oberste Applet) auf dieser Seite erhält so seine eigene Bezeichnung (hier: applet1) und kann damit von den anderen Applets im Skripting eindeutig identifiziert werden.[br][br]Oberes Applet: applet1[br]Mittleres Applet: applet2[br]Unteres Applet: applet3
[icon]/images/ggb/toolbar/mode_viewinfrontof.png[/icon] [u][b]Skritping - Bei Update:[/b][/u]
[i][u]CODE zum Kopieren (am Beispiel von Applet1):[br][/u][/i][br][color=#0000ff]if (window.applet1 && window.applet2 && window.applet3) {[br][br]window.applet2.setValue("h_1", ggbApplet.getValue("h_1"));[br]window.applet3.setValue("h_1", ggbApplet.getValue("h_1"));[br][br]}[/color]
10 - Highscore über mehrere Aktivitäten
Das folgende Buch befasst sich mit der Umsetzung eines Highscores über mehrere Aktivitäten oder ein ganzes Buch hinweg:[br][br][url=https://www.geogebra.org/m/tyxcxbcf]https://www.geogebra.org/m/tyxcxbcf[/url]