Lernmodule: Wortzuordnung

Bei der Wortzuordnung geht es darum, einzelne Begriffe den entsprechenden Bereichen in einem Bild zuzuordnen. Die Begriffe werden mittels Drag&Drop bewegt. Wenn ein Begriff innerhalb des korrekten Bereiches losgelassen wird, so bleibt er dort. Ansonsten kommt er zurück auf die Ausgangsposition vor Beginn des Drag&Drop-Vorganges.

Die einzelnen Begriffe werden durch die Applet-Parameter Word-1, Word-2, ... definiert, der Applet-Paramter WordCount enthält die Anzahl der Begriffe. Zu jedem Begriff muss auch der zugehörige Bereich im Bild angegeben werden, dies erfolgt mittels der Applet-Paramter Polygon-1, Polygon-2, ... Beim Definieren dieser Polygone kann das Hilfstool Wortzuordnung Builder verwendet werdern; damit können die Polygone am gewünschten Bild gezeichnet werden, außerdem erhält man die Koordinatenreihen der Polygone in geeigneter Form, um sie für die Parameter dieses Lernmoduls verwenden zu können.

Jeder Begriff wird durch ein Rechteck mit Beschriftung und einer angedeuteten »Stecknadel« visualisiert, die Spitze dieser Stecknadel ist für die Bestimmung der Position maßgeblich (d.h. wenn sich die Spitze innerhalb des korrekten Bereiches befindet, dann ist der Begriff richtig zugeordnet).

Wenn alle Begriffe richtig zugeordnet wurden, ist das Lernmodul beendet.

Die Reihenfolge der Begriffe wird bei jedem Aufruf des Lernmoduls automatisch geändert.

Es gibt einen Optionalen Hilfsmodus, der mit dem Applet-Parameter Preview eingeschaltet werden kann. Durch drücken des dann vorhandenen Buttons "Hilfsmodus" kann durch ein Bewegen des Mauszeigers über noch nicht zugeordnete Begriffe festgestellt werden, wo der Begriff abgelegt werden soll (der definierte Ablegebereich wird durch ein rotes Overlay angezeigt). Der Hilfsmodus kann durch neuerliches Drücken des Hilfsmodus-Buttons wieder deaktiviert werden. Im Hilfsmodus ist ein Verschieben der Begriffskärtchen nicht möglich. Beim Einschalten des Hilfsmodus wird ein erklärender Dialog angezeigt.

Siehe auch: Dokumentation der Klasse »Wortzuordnung« (Javadoc)

Applet-Parameter

Notwendige Parameter

Image - Dateiname des Bildes (im JPEG- oder GIF-Format), dem die Begriffe zugeordnet werden sollen.
WordCount - Anzahl der Begriffe, die zugeordnet werden sollen

Jeder Begriff besteht aus 2 notwendigen und 2 optionalen Appletparametern, die den Begriff selbst sowie den Bereich (in Form eines Polygons) definieren. Ein Polygon wird als Folge von Koordinatenpaaren angegeben, in der Form "20/12, 243/123, 132/50, 100/22". Siehe auch Dokumentation der Methode »Parameter.getPolygonValue« (Javadoc).

Word-1 - Erster Begriff.
Polgon-1 - Dem ersten Begriff zugeordneter Bereich im Bild.

Optionale Parameter

WordFgCol-1 - Text- und Rahmenfarbe des ersten Begriffs (Default: wie Standardparameter FgCol).
WordBgCol-1 - Hintergrundfarbe des ersten Begriffs (Default: #FFFFC0).
Preview - Vorschaumodus anbieten (Default: false).

Siehe auch: Standardparameter der Lernmodule

Beispiel 1

Sourcecode für Beispiel 1

<applet codebase="../../classes" code="lernmodule/wortzuordnung/Wortzuordnung.class" width="660" height="250">
  <param name="Background" value="yellow">
  <param name="Border" value="black">
  <param name="Image" value="austria.gif">
  <param name="WordCount" value="10">
  <param name="Word-1" value="Salzburg">
  <param name="Polygon-1" value="138/148, 136/127, 158/131, 167/110, 188/122, 177/78, 198/82, 214/120, 218/137, 235/145, 227/161, 198/150, 155/145">
  <param name="Word-2" value="Niederösterreich">
  <param name="Polygon-2" value="271/97, 272/85, 260/77, 262/62, 285/64, 270/34, 286/0, 381/22, 392/68, 361/83, 358/104, 347/122, 303/92">
  <param name="Word-3" value="Oberösterreich">
  <param name="Polygon-3" value="271/98, 242/111, 221/101, 220/120, 210/118, 209/95, 173/70, 208/36, 221/39, 227/35, 227/24, 271/34, 285/64, 260/62, 258/80">
  <param name="Word-4" value="Burgenland">
  <param name="Polygon-4" value="391/68, 364/80, 354/93, 356/116,  341/124, 342/166, 365/151, 374/108, 362/102, 370/93, 394/95">
  <param name="Word-5" value="Vorarlberg">
  <param name="Polygon-5" value="30/162, 5/146, 5/114, 14/108, 37/132">
  <param name="Word-6" value="Kärnten">
  <param name="Polygon-6" value="164/147, 215/152, 227/163, 247/152, 283/155, 290/183, 265/200, 165/181, 180/172">
  <param name="Word-7" value="Steiermark">
  <param name="Polygon-7" value="271/97, 308/95, 348/122, 339/166, 315/183, 290/182, 284/153, 241/152, 227/163, 231/135, 215/136, 215/119, 224/102, 251/109">
  <param name="Word-8" value="Tirol">
  <param name="Polygon-8" value="31/161, 37/134, 53/119, 59/113, 78/126, 149/105, 166/119, 151/132, 134/133, 136/148, 84/157, 76/170, 64/166, 44/154">
  <param name="Word-9" value="Osttirol">
  <param name="Polygon-9" value="134/151, 155/144, 180/172, 166/181, 150/174, 139/163">
  <param name="Word-10" value="Wien">
  <param name="Polygon-10" value="348/58, 358/51, 368/64, 351/68">
</applet>

Beispiel 2

Sourcecode für Beispiel 2

<applet codebase="../../classes" code="lernmodule/wortzuordnung/Wortzuordnung.class" width="750" height="380">
  <param name="Image" value="animals.jpg">
  <param name="WordCount" value="8">
  <param name="Word-1" value="Elefant">
  <param name="Polygon-1" value="258/194, 246/187, 225/106, 228/86, 198/71, 223/10, 295/12, 378/54, 391/109, 363/115, 331/58, 306/62, 319/162, 312/188, 274/183">
  <param name="WordFgCol-1" value="#FFAAAA">
  <param name="WordBgCol-1" value="#8B1F1F">
  <param name="Word-2" value="Pferd">
  <param name="Polygon-2" value="391/109, 363/115, 331/58, 306/62, 319/162, 326/209, 359/190, 412/201, 417/137">
  <param name="WordFgCol-2" value="#C4FFB7">
  <param name="WordBgCol-2" value="#47B030">
  <param name="Word-3" value="Schimpanse">
  <param name="Polygon-3" value="181/209, 187/272, 158/286, 135/278, 124/226, 138/190, 168/194">
  <param name="WordFgCol-3" value="#FFD1BA">
  <param name="WordBgCol-3" value="#B75F32">
  <param name="Word-4" value="Katze">
  <param name="Polygon-4" value="332/231, 387/235, 383/304, 342/313">
  <param name="WordFgCol-4" value="#BDAAFF">
  <param name="WordBgCol-4" value="#381F8B">
  <param name="Word-5" value="Tiger">
  <param name="Polygon-5" value="186/271, 233/284, 233/250, 240/227, 269/230, 262/212, 230/162, 187/163">
  <param name="WordFgCol-5" value="#B9DCFF">
  <param name="WordBgCol-5" value="#4974A1">
  <param name="Word-6" value="Orka">
  <param name="Polygon-6" value="17/248, 119/250, 133/188, 175/183, 209/114, 133/158, 20/160, 35/216">
  <param name="WordFgCol-6" value="#FFE2BC">
  <param name="WordBgCol-6" value="#A4814E">
  <param name="Word-7" value="Golden Retriever">
  <param name="Polygon-7" value="267/300, 303/305, 338/290, 333/246, 303/214, 293/186, 269/185, 261/211, 271/218, 275/266">
  <param name="WordFgCol-7" value="#B9FFE9">
  <param name="WordBgCol-7" value="#49A184">
  <param name="Word-8" value="Hase">
  <param name="Polygon-8" value="232/247, 238/293, 267/300, 272/265, 253/255, 255/237, 236/240, 233/259">
  <param name="WordFgCol-8" value="#EFFFAD">
  <param name="WordBgCol-8" value="#788B1F">
  <param name="FgCol" value="#EEEB8B">
  <param name="BgCol" value="#631D62">
  <param name="Timer" value="false">
  <param name="enableSound" value="false">
  <param name="LoadMsg" value="Gleich gehts los ...">
  <param name="WinMsgTitle" value="Super!!!!">
  <param name="WinMsgText" value="Du bist ein Genie, du hast es geschafft!">
  <param name="FontSize" value="20">
  <param name="Preview" value="true">
</applet>

Version 1.1 (2008-09-29)