{"id":1072,"date":"2012-02-26T18:42:29","date_gmt":"2012-02-26T17:42:29","guid":{"rendered":"http:\/\/www.lernsoftware-mathematik.de\/cms\/?p=1072"},"modified":"2021-08-15T16:36:57","modified_gmt":"2021-08-15T15:36:57","slug":"zwanzigerfeld-mit-html5-und-javascript","status":"publish","type":"post","link":"https:\/\/www.lernsoftware-mathematik.de\/?p=1072","title":{"rendered":"Virtuelle Arbeitsmittel \/ Rechenfelder online"},"content":{"rendered":"<p><a href=\"http:\/\/www.lernsoftware-mathematik.de\/download\/Zwanzigerfeld\/Zwanzigerfeld.html\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" title=\"Zwanzigerfeld mit Javascript\" src=\"http:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-02-26-um-18.15.43-300x169.png\" alt=\"\" width=\"300\" height=\"169\"><\/a>&nbsp;<a href=\"http:\/\/www.lernsoftware-mathematik.de\/download\/ZwanzigerfeldMinus\/ZwanzigerfeldMinus.html\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1095\" title=\"Zwanzigerfeld Minus\" src=\"http:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-03-03-um-10.22.09-300x145.png\" alt=\"\" width=\"300\" height=\"145\" srcset=\"https:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-03-03-um-10.22.09-300x145.png 300w, https:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-03-03-um-10.22.09.png 569w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.lernsoftware-mathematik.de\/download\/Hunderterfeld\/Hunderterfeld.html\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1096\" title=\"Hunderterfeld Plus\" src=\"http:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-03-03-um-10.36.06-236x300.png\" alt=\"\" width=\"236\" height=\"300\" srcset=\"https:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-03-03-um-10.36.06-236x300.png 236w, https:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-03-03-um-10.36.06.png 442w\" sizes=\"(max-width: 236px) 100vw, 236px\" \/><\/a>&nbsp; &nbsp; &nbsp;<a href=\"http:\/\/www.lernsoftware-mathematik.de\/download\/HunderterfeldMinus\/HunderterfeldMinus.html\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1089\" style=\"border: 0px initial initial;\" title=\"Hunderterfeld Minus\" src=\"http:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-02-28-um-21.47.04-234x300.png\" alt=\"\" width=\"234\" height=\"300\" srcset=\"https:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-02-28-um-21.47.04-234x300.png 234w, https:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-02-28-um-21.47.04.png 440w\" sizes=\"(max-width: 234px) 100vw, 234px\" \/><\/a><a href=\"http:\/\/www.lernsoftware-mathematik.de\/download\/ZehnerfeldMinus\/ZehnerfeldMinus.html\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" title=\"ZehnerfeldMinus\" src=\"http:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-03-06-um-22.46.21-300x234.png\" alt=\"\" width=\"300\" height=\"234\"><\/a><a href=\"http:\/\/www.lernsoftware-mathematik.de\/download\/Zahlenreihe20\/Zahlenreihe20.html\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1127\" style=\"border: 1px solid black;\" title=\"Zahlenreihe20\" src=\"http:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Zahlenreihe201-1024x325.png\" alt=\"\" width=\"1024\" height=\"325\" srcset=\"https:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Zahlenreihe201-1024x325.png 1024w, https:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Zahlenreihe201-300x95.png 300w, https:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Zahlenreihe201.png 1082w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.lernsoftware-mathematik.de\/download\/KraftderFuenf\/KraftderFuenf.html\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1143\" style=\"border: 1px solid black;\" title=\"Kraft der F\u00fcnf\" src=\"http:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-03-16-um-22.24.08-1024x347.png\" alt=\"\" width=\"1024\" height=\"347\" srcset=\"https:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-03-16-um-22.24.08-1024x347.png 1024w, https:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-03-16-um-22.24.08-300x101.png 300w, https:\/\/www.lernsoftware-mathematik.de\/wp-content\/uploads\/2012\/02\/Bildschirmfoto-2012-03-16-um-22.24.08.png 1079w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Da Flash&nbsp;<a href=\"http:\/\/www.golem.de\/1111\/87658.html\" target=\"_blank\" rel=\"noopener noreferrer\">am Aussterben<\/a> ist, habe ich ein paar Versuche gewagt, auf das zukunftsf\u00e4higere HTML5 bzw. Javascript umzusteigen. Mit HTML5 lassen sich Arbeitsmittel ohne Plugins plattform\u00fcbergreifend in allen modernen Browsern nutzen, was bei Flash ja nicht (mehr) der Fall ist (z.B. f\u00fcr iOS von Apple gibt es kein Flash-Plugin). Am Wochenende bin ich auf die Software <a title=\"Hype\" href=\"http:\/\/www.google.de\/url?sa=t&amp;rct=j&amp;q=hype%20html5&amp;source=web&amp;cd=1&amp;ved=0CDgQFjAA&amp;url=http%3A%2F%2Ftumultco.com%2Fhype%2F&amp;ei=cGtKT4zONMrLsgbDwNz3Bg&amp;usg=AFQjCNGwEW5gYeYphAHcAUbPXB2XXBRStA&amp;sig2=mCM541fMVdsIu2Gjy8n7Vw\" target=\"_blank\" rel=\"noopener noreferrer\">Hype<\/a> gesto\u00dfen. Hype ist eine einfache, grafische HTML5-Animationssoftware. Ich habe sie einfach mal ausprobiert und war begeistert, wie einfach es mit grundlegenden Programmierkenntnissen ist, kleine interaktive Lernmaterialien damit zu erstellen. Hier meine ersten Programmierversuche, <!--more-->die folgenderma\u00dfen &#8222;funktionieren&#8220; (vgl. meine anderen <a href=\"http:\/\/www.lernsoftware-mathematik.de\/cms\/?page_id=547\" target=\"_blank\" rel=\"noopener noreferrer\">virtuellen Arbeitsmittel<\/a>):<\/p>\n<ul>\n<li>Zun\u00e4chst werden die roten Pl\u00e4ttchen gelegt. Eine Vorschau der Menge wird beim &#8222;\u00dcberfahren&#8220; der Rechenfelder angezeigt. Per Mausklick wird die Menge gelegt.<\/li>\n<li>Genauso wird auch die blaue Menge bzw. die Minus-Menge gelegt.<\/li>\n<li>Die Mengen lassen sich auf diese Weise nachtr\u00e4glich ver\u00e4ndern bzw. variieren, wenn auf die entsprechenden Zahlen in der Rechenaufgabe geklickt wird. Zudem lassen sich Pl\u00e4ttchen wenden. Dadurch l\u00e4ssen sich Aufgabenzusammenh\u00e4nge gut sichtbar machen (z.B. wenn ich die rote Menge erh\u00f6he, erh\u00f6ht sich auch das Gesamtergebnis usw.).<\/li>\n<\/ul>\n<div>Es gibt die Rechenfelder in vier Variationen:<\/div>\n<div>\n<ul>\n<li><a title=\"Zwanzigerfeld Minus\" href=\"http:\/\/www.lernsoftware-mathematik.de\/download\/Zwanzigerfeld\/Zwanzigerfeld.html\" target=\"_blank\" rel=\"noopener noreferrer\">Addition im Zahlenraum bis 20 <\/a><\/li>\n<li><a title=\"Zwanzigerfeld Addition ZR 20\" href=\"http:\/\/www.lernsoftware-mathematik.de\/download\/ZwanzigerfeldMinus\/ZwanzigerfeldMinus.html\" target=\"_blank\" rel=\"noopener noreferrer\">Subtraktion im Zahlenraum bis 20 <\/a><\/li>\n<li><a title=\"Hunderterfeld Addition\" href=\"http:\/\/www.lernsoftware-mathematik.de\/download\/Hunderterfeld\/Hunderterfeld.html\" target=\"_blank\" rel=\"noopener noreferrer\">Addition im Zahlenraum bis 100http:\/\/www.lernsoftware-mathematik.de\/download <\/a><\/li>\n<li><a title=\"Hunderterfeld Subtraktion ZR 100\" href=\"http:\/\/www.lernsoftware-mathematik.de\/download\/HunderterfeldMinus\/HunderterfeldMinus.html\" target=\"_blank\" rel=\"noopener noreferrer\">Subtraktion im Zahlenraum bis 100<\/a><\/li>\n<\/ul>\n<div><a href=\"http:\/\/www.lernsoftware-mathematik.de\/download\/Zahlenreihe20\/Zahlenreihe20.html\" target=\"_blank\" rel=\"noopener noreferrer\">Zudem eine Zahlenreihe mit Pfeildarstellung (Addition und Subtraktion)<\/a><\/div>\n<\/div>\n<p><strong>Didaktische \u00dcberlegungen<\/strong><\/p>\n<p>Mit diesen Varianten der Arbeitsmittel lassen sich schnell und einfach Aufgaben legen und Zusammenh\u00e4nge von Teilmengen bei der Addition und Subtraktion strukturiert erkunden. Vorraussetzung f\u00fcr eine sinnvolle Nutzung ist, dass Kinder Mengen am Zwanzigerfeld ohne Z\u00e4hlen erfassen k\u00f6nnen (quasi-simultane Mengenerfassung). Der didaktische Vorteil besteht dann meines Erachtens darin, dass Mengen ganzheitlich, ohne dass Einzelportionen abgez\u00e4hlt werden m\u00fcssen, gelegt werden k\u00f6nnen. Eine &#8222;Vorschau&#8220; auf die Menge wird beim \u00dcberfahren der Rechenfelder simultan sichtbar, durch einen Mausklick wird die Menge best\u00e4tigt. Dadurch lassen sich Zahl- und Aufgabenbeziehungen (Teile-Ganzes-Relationen) anschaulich erkunden und sichern. Zum richtigen Zeitpunkt und mit passenden operativen Aufgabenstellungen (&#8222;Was passiert mit &#8230; wenn &#8230;&#8220;) kann die Abl\u00f6sung vom z\u00e4hlenden Rechnen und die Entwicklung operativer Rechenstrategien unterst\u00fctzt werden. Hier ein Screencast:<\/p>\n<p><iframe loading=\"lazy\" title=\"Virtuelle Arbeitsmittel Screencast\" width=\"620\" height=\"465\" src=\"https:\/\/www.youtube.com\/embed\/XJ3Kzjpz2CU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &nbsp; &nbsp; Da Flash&nbsp;am Aussterben ist, habe ich ein paar Versuche gewagt, auf das zukunftsf\u00e4higere HTML5 bzw. Javascript umzusteigen. Mit HTML5 lassen sich Arbeitsmittel ohne Plugins plattform\u00fcbergreifend in allen modernen Browsern nutzen, was bei Flash ja nicht (mehr) &hellip; <a href=\"https:\/\/www.lernsoftware-mathematik.de\/?p=1072\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1,13,4],"tags":[103,42,143,98,57,144,47,95],"_links":{"self":[{"href":"https:\/\/www.lernsoftware-mathematik.de\/index.php?rest_route=\/wp\/v2\/posts\/1072"}],"collection":[{"href":"https:\/\/www.lernsoftware-mathematik.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lernsoftware-mathematik.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lernsoftware-mathematik.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lernsoftware-mathematik.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1072"}],"version-history":[{"count":33,"href":"https:\/\/www.lernsoftware-mathematik.de\/index.php?rest_route=\/wp\/v2\/posts\/1072\/revisions"}],"predecessor-version":[{"id":2071,"href":"https:\/\/www.lernsoftware-mathematik.de\/index.php?rest_route=\/wp\/v2\/posts\/1072\/revisions\/2071"}],"wp:attachment":[{"href":"https:\/\/www.lernsoftware-mathematik.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lernsoftware-mathematik.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lernsoftware-mathematik.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}