<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="de-CH">
	<id>https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?action=history&amp;feed=atom&amp;title=Computational_Thinking_Tools</id>
	<title>Computational Thinking Tools - Versionsgeschichte</title>
	<link rel="self" type="application/atom+xml" href="https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?action=history&amp;feed=atom&amp;title=Computational_Thinking_Tools"/>
	<link rel="alternate" type="text/html" href="https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;action=history"/>
	<updated>2026-05-02T20:58:16Z</updated>
	<subtitle>Versionsgeschichte dieser Seite in Scalablegamedesign</subtitle>
	<generator>MediaWiki 1.37.2</generator>
	<entry>
		<id>https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16497&amp;oldid=prev</id>
		<title>Alex am 20. Februar 2018 um 14:16 Uhr</title>
		<link rel="alternate" type="text/html" href="https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16497&amp;oldid=prev"/>
		<updated>2018-02-20T14:16:12Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de-CH&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 20. Februar 2018, 16:16 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Zeile 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Datei:CT Tools-Grafik.png|mini|&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;300px&lt;/del&gt;|Grafik zu Computational Thinking Tools]]Die Forschung zeigt, dass allgemeine Programmierwerkzeuge ineffizient sein können für die Vermittlung von Computational Thinking. Oft müssen lange, aufwendige Programme geschrieben werden, welche nur wenige Computational Thinking Konzepte abdecken. Das ist nicht im Sinne der Informatischen Bildung in Primarschulen. Computational Thinking Tools richten sich, im Gegensatz von Programmierwerkzeugen, nicht an zukünftige Programmierer sondern sogenannte Computational Thinkers. Das heisst, z.B., Spiele und Simulation können mit sehr geringen Aufwand und maximaler Unterstützung der Werkzeuge von SchülerInnen kreiert werden.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Datei:CT Tools-Grafik.png|mini|&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;500px&lt;/ins&gt;|Grafik zu Computational Thinking Tools]]Die Forschung zeigt, dass allgemeine Programmierwerkzeuge ineffizient sein können für die Vermittlung von Computational Thinking. Oft müssen lange, aufwendige Programme geschrieben werden, welche nur wenige Computational Thinking Konzepte abdecken. Das ist nicht im Sinne der Informatischen Bildung in Primarschulen. Computational Thinking Tools richten sich, im Gegensatz von Programmierwerkzeugen, nicht an zukünftige Programmierer sondern sogenannte Computational Thinkers. Das heisst, z.B., Spiele und Simulation können mit sehr geringen Aufwand und maximaler Unterstützung der Werkzeuge von SchülerInnen kreiert werden.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Computational Thinking Tools setzen sich mit zwei fundamentalen Herausforderung auseinander. Viele SchülerInnen nehmen Programmieren als schwierig und langweilig war. “Schwierig” ist eine kognitive Dimension und “langweilig” eine affektive Dimension dieser grundsätzlichen Herausforderung. Für diese Herausforderung braucht es &amp;lt;b&amp;gt;Programming Support Tools&amp;lt;/b&amp;gt; und &amp;lt;b&amp;gt;Creativity Support Tools&amp;lt;/b&amp;gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Computational Thinking Tools setzen sich mit zwei fundamentalen Herausforderung auseinander. Viele SchülerInnen nehmen Programmieren als schwierig und langweilig war. “Schwierig” ist eine kognitive Dimension und “langweilig” eine affektive Dimension dieser grundsätzlichen Herausforderung. Für diese Herausforderung braucht es &amp;lt;b&amp;gt;Programming Support Tools&amp;lt;/b&amp;gt; und &amp;lt;b&amp;gt;Creativity Support Tools&amp;lt;/b&amp;gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Alex</name></author>
	</entry>
	<entry>
		<id>https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16496&amp;oldid=prev</id>
		<title>Alex: /* Programming Support Tools */</title>
		<link rel="alternate" type="text/html" href="https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16496&amp;oldid=prev"/>
		<updated>2018-02-20T14:09:30Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Programming Support Tools&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de-CH&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 20. Februar 2018, 16:09 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l11&quot;&gt;Zeile 11:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 11:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Semantisch&amp;lt;/b&amp;gt;: &amp;lt;i&amp;gt;Werkzeuge, die zur Erforschung von Funktionen dienen wie zB., integrierte Hilfefunktionen und Live Programming&amp;lt;/i&amp;gt;. Auf der Ebene der Semantik ist die Domain-Orientation (Fischer 1994) die Bereitstellung von Funktionen, die die Anforderungen spezifischer Anwendungsdomänen widerspiegeln. Der Hauptzweck der Domain-Orientierung im Sinne einer Verringerung der unbeabsichtigten Komplexität besteht darin, die ansonsten erforderlichen Funktionen eines Aufbaus von Grund auf zu eliminieren. Wenn eine Programmierumgebung häufig verwendet wird, um wissenschaftliche Visualisierungen zu erstellen, sollte sie eine Domain-Orientierung mit entsprechenden Funktionen enthalten, die für das Erstellen dieser Visualisierungen relevant und nützlich sind.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Semantisch&amp;lt;/b&amp;gt;: &amp;lt;i&amp;gt;Werkzeuge, die zur Erforschung von Funktionen dienen wie zB., integrierte Hilfefunktionen und Live Programming&amp;lt;/i&amp;gt;. Auf der Ebene der Semantik ist die Domain-Orientation (Fischer 1994) die Bereitstellung von Funktionen, die die Anforderungen spezifischer Anwendungsdomänen widerspiegeln. Der Hauptzweck der Domain-Orientierung im Sinne einer Verringerung der unbeabsichtigten Komplexität besteht darin, die ansonsten erforderlichen Funktionen eines Aufbaus von Grund auf zu eliminieren. Wenn eine Programmierumgebung häufig verwendet wird, um wissenschaftliche Visualisierungen zu erstellen, sollte sie eine Domain-Orientierung mit entsprechenden Funktionen enthalten, die für das Erstellen dieser Visualisierungen relevant und nützlich sind.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Pragmatisch&amp;lt;/b&amp;gt;: &amp;lt;i&amp;gt;Werkzeuge, welche die Untersuchung dessen, was Programme in bestimmten Situationen bedeuten, unterstützen&amp;lt;/i&amp;gt;. Diese Werkzeuge sollten dem Nutzer praxisnah und effizient dabei helfen, Ideen umzusetzen oder über Probleme nachzudenken, indem sie sich auf konkrete Situationen und Kontexte beziehen anstatt auf allgemeine Theorien zu verweisen. Conversational Programming (Repenning 2013), ein pragmatisches Werkzeug integriert in AgentCubes, untersucht die spezifische Situation, in der sich Objekte befinden, und zeigt dann den Benutzern durch farbige Annotationen des Programms an, wie sich diese Objekte verhalten werden. In einem Frogger 3D-Spiel kann der Benutzer beispielsweise den Frosch, der über Strassen hüpfen soll, selektieren, um zu verstehen, was als nächstes mit dem Frosch passieren wird. Ist der Frosch zum Beispiel unmittelbar neben einem auf ihn &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;zurasenden &lt;/del&gt;Auto zeigt das Conversational Programing, dass gleich eine Kollision erfolgt, durch welche der Frosch ‘sterben’ und das Spiel neu startet (Repenning 2017)&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Pragmatisch&amp;lt;/b&amp;gt;: &amp;lt;i&amp;gt;Werkzeuge, welche die Untersuchung dessen, was Programme in bestimmten Situationen bedeuten, unterstützen&amp;lt;/i&amp;gt;. Diese Werkzeuge sollten dem Nutzer praxisnah und effizient dabei helfen, Ideen umzusetzen oder über Probleme nachzudenken, indem sie sich auf konkrete Situationen und Kontexte beziehen anstatt auf allgemeine Theorien zu verweisen. Conversational Programming (Repenning 2013), ein pragmatisches Werkzeug integriert in AgentCubes, untersucht die spezifische Situation, in der sich Objekte befinden, und zeigt dann den Benutzern durch farbige Annotationen des Programms an, wie sich diese Objekte verhalten werden. In einem Frogger 3D-Spiel kann der Benutzer beispielsweise den Frosch, der über Strassen hüpfen soll, selektieren, um zu verstehen, was als nächstes mit dem Frosch passieren wird. Ist der Frosch zum Beispiel unmittelbar neben einem auf ihn &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;zuratenden &lt;/ins&gt;Auto zeigt das Conversational Programing, dass gleich eine Kollision erfolgt, durch welche der Frosch ‘sterben’ und das Spiel neu startet (Repenning 2017)&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;.&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Alex</name></author>
	</entry>
	<entry>
		<id>https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16495&amp;oldid=prev</id>
		<title>Alex: /* Creativity Support Tools */</title>
		<link rel="alternate" type="text/html" href="https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16495&amp;oldid=prev"/>
		<updated>2018-02-20T14:08:35Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Creativity Support Tools&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de-CH&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 20. Februar 2018, 16:08 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l18&quot;&gt;Zeile 18:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 18:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Vordefinierte Bausteine&amp;lt;/b&amp;gt;. Eine existierende Sammlung von 2D- oder 3D-Bausteinen kann, ähnlich wie die Bausteine in LEGO, kombiniert werden in 2D- und 3D-Artefakten  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Vordefinierte Bausteine&amp;lt;/b&amp;gt;. Eine existierende Sammlung von 2D- oder 3D-Bausteinen kann, ähnlich wie die Bausteine in LEGO, kombiniert werden in 2D- und 3D-Artefakten&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;.&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Benutzer-kreierte Bausteine&amp;lt;/b&amp;gt;: könnte, ermöglichen digitale Creativity Support Tools es den Benutzern, auch selbst eigene, neue 2D/3D-Bausteine zu erstellen.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Benutzer-kreierte Bausteine&amp;lt;/b&amp;gt;: könnte, ermöglichen digitale Creativity Support Tools es den Benutzern, auch selbst eigene, neue 2D/3D-Bausteine zu erstellen.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Alex</name></author>
	</entry>
	<entry>
		<id>https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16494&amp;oldid=prev</id>
		<title>Alex am 20. Februar 2018 um 14:05 Uhr</title>
		<link rel="alternate" type="text/html" href="https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16494&amp;oldid=prev"/>
		<updated>2018-02-20T14:05:52Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de-CH&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 20. Februar 2018, 16:05 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Zeile 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Datei:CT Tools-Grafik.png|mini|300px|Grafik zu Computational Thinking Tools]]Die Forschung zeigt, dass allgemeine Programmierwerkzeuge ineffizient sein können für die Vermittlung von Computational Thinking. Oft müssen lange, aufwendige Programme geschrieben werden, welche nur wenige Computational Thinking Konzepte abdecken. Das ist nicht im Sinne der Informatischen Bildung in Primarschulen. Computational Thinking Tools richten sich, im Gegensatz von Programmierwerkzeugen, nicht an zukünftige Programmierer sondern sogenannte Computational Thinkers. Das heisst, z.B., Spiele und Simulation können mit sehr geringen Aufwand und maximaler Unterstützung der Werkzeuge von SchülerInnen kreiert werden.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Datei:CT Tools-Grafik.png|mini|300px|Grafik zu Computational Thinking Tools]]Die Forschung zeigt, dass allgemeine Programmierwerkzeuge ineffizient sein können für die Vermittlung von Computational Thinking. Oft müssen lange, aufwendige Programme geschrieben werden, welche nur wenige Computational Thinking Konzepte abdecken. Das ist nicht im Sinne der Informatischen Bildung in Primarschulen. Computational Thinking Tools richten sich, im Gegensatz von Programmierwerkzeugen, nicht an zukünftige Programmierer sondern sogenannte Computational Thinkers. Das heisst, z.B., Spiele und Simulation können mit sehr geringen Aufwand und maximaler Unterstützung der Werkzeuge von SchülerInnen kreiert werden.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Computational Thinking Tools setzen sich mit zwei fundamentalen Herausforderung auseinander. Viele SchülerInnen nehmen Programmieren als schwierig und langweilig war. “Schwierig” ist eine kognitive Dimension und “langweilig” eine affektive Dimension dieser grundsätzlichen Herausforderung. Für diese Herausforderung braucht es Programming Support Tools und Creativity Support Tools.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Computational Thinking Tools setzen sich mit zwei fundamentalen Herausforderung auseinander. Viele SchülerInnen nehmen Programmieren als schwierig und langweilig war. “Schwierig” ist eine kognitive Dimension und “langweilig” eine affektive Dimension dieser grundsätzlichen Herausforderung. Für diese Herausforderung braucht es &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;b&amp;gt;&lt;/ins&gt;Programming Support Tools&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/b&amp;gt; &lt;/ins&gt;und &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;b&amp;gt;&lt;/ins&gt;Creativity Support Tools&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/b&amp;gt;&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;br style=&amp;quot;clear:both&amp;quot; /&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;br style=&amp;quot;clear:both&amp;quot; /&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Alex</name></author>
	</entry>
	<entry>
		<id>https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16493&amp;oldid=prev</id>
		<title>Alex am 20. Februar 2018 um 14:05 Uhr</title>
		<link rel="alternate" type="text/html" href="https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16493&amp;oldid=prev"/>
		<updated>2018-02-20T14:05:01Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de-CH&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 20. Februar 2018, 16:05 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Zeile 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Datei:CT Tools-Grafik.png|mini|300px|Grafik zu Computational Thinking Tools]]Die Forschung zeigt, dass allgemeine Programmierwerkzeuge ineffizient sein können für die Vermittlung von Computational Thinking. Oft müssen lange, aufwendige Programme geschrieben werden, welche nur wenige Computational Thinking Konzepte abdecken. Das ist nicht im Sinne der Informatischen Bildung in Primarschulen. Computational Thinking Tools richten sich, im Gegensatz von Programmierwerkzeugen, nicht an zukünftige Programmierer sondern sogenannte Computational Thinkers. Das heisst, z.B., Spiele und Simulation können mit sehr geringen Aufwand und maximaler Unterstützung der Werkzeuge von SchülerInnen kreiert werden.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Datei:CT Tools-Grafik.png|mini|300px|Grafik zu Computational Thinking Tools]]Die Forschung zeigt, dass allgemeine Programmierwerkzeuge ineffizient sein können für die Vermittlung von Computational Thinking. Oft müssen lange, aufwendige Programme geschrieben werden, welche nur wenige Computational Thinking Konzepte abdecken. Das ist nicht im Sinne der Informatischen Bildung in Primarschulen. Computational Thinking Tools richten sich, im Gegensatz von Programmierwerkzeugen, nicht an zukünftige Programmierer sondern sogenannte Computational Thinkers. Das heisst, z.B., Spiele und Simulation können mit sehr geringen Aufwand und maximaler Unterstützung der Werkzeuge von SchülerInnen kreiert werden.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Computational Thinking Tools setzen sich mit zwei fundamentalen Herausforderung auseinander. Viele SchülerInnen nehmen Programmieren als schwierig und langweilig war. “Schwierig” ist eine kognitive Dimension und “langweilig” eine affektive Dimension dieser grundsätzlichen Herausforderung. &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt; &lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Computational Thinking Tools setzen sich mit zwei fundamentalen Herausforderung auseinander. Viele SchülerInnen nehmen Programmieren als schwierig und langweilig war. “Schwierig” ist eine kognitive Dimension und “langweilig” eine affektive Dimension dieser grundsätzlichen Herausforderung. &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Für diese Herausforderung braucht es Programming Support Tools und Creativity Support Tools.&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;br style=&amp;quot;clear:both&amp;quot; /&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;br style=&amp;quot;clear:both&amp;quot; /&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Alex</name></author>
	</entry>
	<entry>
		<id>https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16492&amp;oldid=prev</id>
		<title>Alex: /* Programming Support Tools */</title>
		<link rel="alternate" type="text/html" href="https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16492&amp;oldid=prev"/>
		<updated>2018-02-20T14:03:15Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Programming Support Tools&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de-CH&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 20. Februar 2018, 16:03 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l7&quot;&gt;Zeile 7:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 7:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Diese Werkzeuge widmen sich der zielgerichteten Unterstützung von Lernenden in der kognitiven Dimension.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Diese Werkzeuge widmen sich der zielgerichteten Unterstützung von Lernenden in der kognitiven Dimension.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Syntaktisch&amp;lt;/b&amp;gt;: &amp;lt;i&amp;gt;Werkzeuge, die helfen, reine Syntaxfehler zu vermeiden wie z.B., drag and drop programming&amp;lt;/i&amp;gt;. Auf der syntaktischen Ebene kann die Form eines Programms durch Offenlegung bzw. Anzeige der Mechanismen gesteuert werden. Zum Beispiel können Blöcke in AgentSheets / AgentCubes optionale Parameter haben. Die Sichtbarkeit dieser optionalen Parameter wird durch Anzeigemechanismen gesteuert. Wenn Nutzer auf ein Dreieck-Symbol klicken, werden optionalen Parameter ein- bzw. ausgeblendet. Darüber hinaus lassen sich mittels solcher Dreieck-Symbole alle Regeln einer Methode ein- oder ausblenden. Wenn die Regeln ausgeblendet sind, zeigt eine Methode immer noch ihre Dokumentation an. Der Anzeigemechanismus hat somit die Funktion eines Schalters: Er erlaubt den einfachen und schnellen Wechsel der Ansicht von  der vollumfänglichen Implementierung der Methode einerseits oder nur deren Spezifikation andererseits. Der optionale Anzeigemechanismus für Parameter ist für den Begriff der zufälligen Komplexität in dem Sinne relevant, dass optionale Parameter typischerweise gewählt werden, um weniger wichtige oder sogar qualitativ unterschiedliche Parameter zu erfassen, die möglicherweise nicht relevant sind, um die Hauptfunktion eines Programms zu verstehen. In AgentSheets / AgentCubes werden im Gegensatz zu regulären Parametern, die beschreiben, was getan werden sollte, optionale Parameter verwendet, um zu beschreiben, wie es gemacht werden sollte (Repenning 2017)&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;. &lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Syntaktisch&amp;lt;/b&amp;gt;: &amp;lt;i&amp;gt;Werkzeuge, die helfen, reine Syntaxfehler zu vermeiden wie z.B., drag and drop programming&amp;lt;/i&amp;gt;. Auf der syntaktischen Ebene kann die Form eines Programms durch Offenlegung bzw. Anzeige der Mechanismen gesteuert werden. Zum Beispiel können Blöcke in AgentSheets / AgentCubes optionale Parameter haben. Die Sichtbarkeit dieser optionalen Parameter wird durch Anzeigemechanismen gesteuert. Wenn Nutzer auf ein Dreieck-Symbol klicken, werden optionalen Parameter ein- bzw. ausgeblendet. Darüber hinaus lassen sich mittels solcher Dreieck-Symbole alle Regeln einer Methode ein- oder ausblenden. Wenn die Regeln ausgeblendet sind, zeigt eine Methode immer noch ihre Dokumentation an. Der Anzeigemechanismus hat somit die Funktion eines Schalters: Er erlaubt den einfachen und schnellen Wechsel der Ansicht von  der vollumfänglichen Implementierung der Methode einerseits oder nur deren Spezifikation andererseits. Der optionale Anzeigemechanismus für Parameter ist für den Begriff der zufälligen Komplexität in dem Sinne relevant, dass optionale Parameter typischerweise gewählt werden, um weniger wichtige oder sogar qualitativ unterschiedliche Parameter zu erfassen, die möglicherweise nicht relevant sind, um die Hauptfunktion eines Programms zu verstehen. In AgentSheets / AgentCubes werden im Gegensatz zu regulären Parametern, die beschreiben, was getan werden sollte, optionale Parameter verwendet, um zu beschreiben, wie es gemacht werden sollte (Repenning 2017).&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Semantisch&amp;lt;/b&amp;gt;: &amp;lt;i&amp;gt;Werkzeuge, die zur Erforschung von Funktionen dienen wie zB., integrierte Hilfefunktionen und Live Programming&amp;lt;/i&amp;gt;. Auf der Ebene der Semantik ist die Domain-Orientation (Fischer 1994) die Bereitstellung von Funktionen, die die Anforderungen spezifischer Anwendungsdomänen widerspiegeln. Der Hauptzweck der Domain-Orientierung im Sinne einer Verringerung der unbeabsichtigten Komplexität besteht darin, die ansonsten erforderlichen Funktionen eines Aufbaus von Grund auf zu eliminieren. Wenn eine Programmierumgebung häufig verwendet wird, um wissenschaftliche Visualisierungen zu erstellen, sollte sie eine Domain-Orientierung mit entsprechenden Funktionen enthalten, die für das Erstellen dieser Visualisierungen relevant und nützlich sind.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Semantisch&amp;lt;/b&amp;gt;: &amp;lt;i&amp;gt;Werkzeuge, die zur Erforschung von Funktionen dienen wie zB., integrierte Hilfefunktionen und Live Programming&amp;lt;/i&amp;gt;. Auf der Ebene der Semantik ist die Domain-Orientation (Fischer 1994) die Bereitstellung von Funktionen, die die Anforderungen spezifischer Anwendungsdomänen widerspiegeln. Der Hauptzweck der Domain-Orientierung im Sinne einer Verringerung der unbeabsichtigten Komplexität besteht darin, die ansonsten erforderlichen Funktionen eines Aufbaus von Grund auf zu eliminieren. Wenn eine Programmierumgebung häufig verwendet wird, um wissenschaftliche Visualisierungen zu erstellen, sollte sie eine Domain-Orientierung mit entsprechenden Funktionen enthalten, die für das Erstellen dieser Visualisierungen relevant und nützlich sind.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Alex</name></author>
	</entry>
	<entry>
		<id>https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16491&amp;oldid=prev</id>
		<title>Alex: /* Creativity Support Tools */</title>
		<link rel="alternate" type="text/html" href="https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16491&amp;oldid=prev"/>
		<updated>2018-02-20T14:02:21Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Creativity Support Tools&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de-CH&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 20. Februar 2018, 16:02 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l17&quot;&gt;Zeile 17:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 17:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Diese Werkzeuge unterstützen Lernende primär bei Herausforderungen in der affektiven Dimension. Das Ziel von Creativity Support Tools ist es, den kreativen Prozess zu fördern, zu beschleunigen und zu erleichtern [NSF]. Im speziellen sollen Benutzer dabei unterstützt werden Artefakten wie zum Beispiel 3D Welten, Spiele, Simulation, Roboter, oder Mobile Apps zu erschaffen, die sie selbst interessieren. Dabei gibt es drei Stufen von Unterstützung:&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Diese Werkzeuge unterstützen Lernende primär bei Herausforderungen in der affektiven Dimension. Das Ziel von Creativity Support Tools ist es, den kreativen Prozess zu fördern, zu beschleunigen und zu erleichtern [NSF]. Im speziellen sollen Benutzer dabei unterstützt werden Artefakten wie zum Beispiel 3D Welten, Spiele, Simulation, Roboter, oder Mobile Apps zu erschaffen, die sie selbst interessieren. Dabei gibt es drei Stufen von Unterstützung:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Application Programming Interfaces (APIs)&lt;/del&gt;&amp;lt;/b&amp;gt;. &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;APIs sind Produktivität unterstützende Werkzeuge&lt;/del&gt;, die &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;für die Benutzer wichtige Funktionen implementieren&lt;/del&gt;, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;welche sie langwierig &lt;/del&gt;und &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;mit grossem Aufwand selbst implementieren müssten. &lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Affordances&lt;/del&gt;&amp;lt;/b&amp;gt;: &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Diese Werkzeuge haben klar definierte Ergiebigkeiten&lt;/del&gt;, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;das heisst klar erkennbare Funktionen, die &lt;/del&gt;Benutzern &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;unmittelbar helfen&lt;/del&gt;, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;kreativ zu sein. Zum Beispiel die vier “Links”-&lt;/del&gt;, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;“Rechts”&lt;/del&gt;-&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, “Auf”- und “Ab”-Knöpfe am BeBoot zeigen deutlich, wie man den BeBoot programmieren muss, damit dieser sich in eine spezifische Richtung bewegt&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Vordefinierte Bausteine&lt;/ins&gt;&amp;lt;/b&amp;gt;. &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Eine existierende Sammlung von 2D- oder 3D-Bausteinen kann&lt;/ins&gt;, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;ähnlich wie &lt;/ins&gt;die &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Bausteine in LEGO&lt;/ins&gt;, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;kombiniert werden in 2D- &lt;/ins&gt;und &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;3D-Artefakten &lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Design Scaffolds&lt;/del&gt;&amp;lt;/b&amp;gt;: &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Design Scaffolds &lt;/del&gt;sind &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;buchstäblich Design&lt;/del&gt;-&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Gerüste&lt;/del&gt;, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;die sich vielseitig nutzen lassen. Ähnlich wie Tabellenkalulationsprogramme verfügt AgentSheets über ein zweidimensionales Raster&lt;/del&gt;, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;das zu unterschiedlichsten Zwecken genutzt &lt;/del&gt;werden &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;kann. Minecraft und AgentCubes basieren sogar dreidimensionalen Rastern, die sich höchst vielseitig nutzen lassen&lt;/del&gt;.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Benutzer-kreierte Bausteine&lt;/ins&gt;&amp;lt;/b&amp;gt;: &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;könnte&lt;/ins&gt;, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;ermöglichen digitale Creativity Support Tools es den &lt;/ins&gt;Benutzern, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;auch selbst eigene&lt;/ins&gt;, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;neue 2D/3D&lt;/ins&gt;-&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Bausteine zu erstellen&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Interaktionen&lt;/ins&gt;&amp;lt;/b&amp;gt;: &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Um dynamische Artefakte zu kreieren, bedarf es Interaktionen zwischen den Bausteinen aber auch Interaktionen zwischen Bausteinen und den Benutzern. Diese Interaktionen &lt;/ins&gt;sind &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;im einfachen Fall vordefiniert. In komplexeren Fällen werden diese durch die Benutzer selbst anhand von sogenanntem End&lt;/ins&gt;-&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;User Programming (Lieberman&lt;/ins&gt;, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Paternò&lt;/ins&gt;, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;and Wulf 2006) definiert &lt;/ins&gt;werden.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Alex</name></author>
	</entry>
	<entry>
		<id>https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16490&amp;oldid=prev</id>
		<title>Alex: /* Programming Support Tools */</title>
		<link rel="alternate" type="text/html" href="https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16490&amp;oldid=prev"/>
		<updated>2018-02-20T14:00:16Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Programming Support Tools&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de-CH&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 20. Februar 2018, 16:00 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l7&quot;&gt;Zeile 7:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 7:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Diese Werkzeuge widmen sich der zielgerichteten Unterstützung von Lernenden in der kognitiven Dimension.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Diese Werkzeuge widmen sich der zielgerichteten Unterstützung von Lernenden in der kognitiven Dimension.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Syntaktisch&amp;lt;/b&amp;gt;: &amp;lt;i&amp;gt;Werkzeuge, die helfen, reine Syntaxfehler zu vermeiden wie z.B., drag and drop programming&amp;lt;i&amp;gt;. Auf der syntaktischen Ebene kann die Form eines Programms durch Offenlegung bzw. Anzeige der Mechanismen gesteuert werden. Zum Beispiel können Blöcke in AgentSheets / AgentCubes optionale Parameter haben. Die Sichtbarkeit dieser optionalen Parameter wird durch Anzeigemechanismen gesteuert. Wenn Nutzer auf ein Dreieck-Symbol klicken, werden optionalen Parameter ein- bzw. ausgeblendet. Darüber hinaus lassen sich mittels solcher Dreieck-Symbole alle Regeln einer Methode ein- oder ausblenden. Wenn die Regeln ausgeblendet sind, zeigt eine Methode immer noch ihre Dokumentation an. Der Anzeigemechanismus hat somit die Funktion eines Schalters: Er erlaubt den einfachen und schnellen Wechsel der Ansicht von  der vollumfänglichen Implementierung der Methode einerseits oder nur deren Spezifikation andererseits. Der optionale Anzeigemechanismus für Parameter ist für den Begriff der zufälligen Komplexität in dem Sinne relevant, dass optionale Parameter typischerweise gewählt werden, um weniger wichtige oder sogar qualitativ unterschiedliche Parameter zu erfassen, die möglicherweise nicht relevant sind, um die Hauptfunktion eines Programms zu verstehen. In AgentSheets / AgentCubes werden im Gegensatz zu regulären Parametern, die beschreiben, was getan werden sollte, optionale Parameter verwendet, um zu beschreiben, wie es gemacht werden sollte (Repenning 2017). .&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Syntaktisch&amp;lt;/b&amp;gt;: &amp;lt;i&amp;gt;Werkzeuge, die helfen, reine Syntaxfehler zu vermeiden wie z.B., drag and drop programming&amp;lt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;/&lt;/ins&gt;i&amp;gt;. Auf der syntaktischen Ebene kann die Form eines Programms durch Offenlegung bzw. Anzeige der Mechanismen gesteuert werden. Zum Beispiel können Blöcke in AgentSheets / AgentCubes optionale Parameter haben. Die Sichtbarkeit dieser optionalen Parameter wird durch Anzeigemechanismen gesteuert. Wenn Nutzer auf ein Dreieck-Symbol klicken, werden optionalen Parameter ein- bzw. ausgeblendet. Darüber hinaus lassen sich mittels solcher Dreieck-Symbole alle Regeln einer Methode ein- oder ausblenden. Wenn die Regeln ausgeblendet sind, zeigt eine Methode immer noch ihre Dokumentation an. Der Anzeigemechanismus hat somit die Funktion eines Schalters: Er erlaubt den einfachen und schnellen Wechsel der Ansicht von  der vollumfänglichen Implementierung der Methode einerseits oder nur deren Spezifikation andererseits. Der optionale Anzeigemechanismus für Parameter ist für den Begriff der zufälligen Komplexität in dem Sinne relevant, dass optionale Parameter typischerweise gewählt werden, um weniger wichtige oder sogar qualitativ unterschiedliche Parameter zu erfassen, die möglicherweise nicht relevant sind, um die Hauptfunktion eines Programms zu verstehen. In AgentSheets / AgentCubes werden im Gegensatz zu regulären Parametern, die beschreiben, was getan werden sollte, optionale Parameter verwendet, um zu beschreiben, wie es gemacht werden sollte (Repenning 2017). .&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Semantisch&amp;lt;/b&amp;gt;: &amp;lt;i&amp;gt;Werkzeuge, die zur Erforschung von Funktionen dienen wie zB., integrierte Hilfefunktionen und Live Programming&amp;lt;i&amp;gt;. Auf der Ebene der Semantik ist die Domain-Orientation (Fischer 1994) die Bereitstellung von Funktionen, die die Anforderungen spezifischer Anwendungsdomänen widerspiegeln. Der Hauptzweck der Domain-Orientierung im Sinne einer Verringerung der unbeabsichtigten Komplexität besteht darin, die ansonsten erforderlichen Funktionen eines Aufbaus von Grund auf zu eliminieren. Wenn eine Programmierumgebung häufig verwendet wird, um wissenschaftliche Visualisierungen zu erstellen, sollte sie eine Domain-Orientierung mit entsprechenden Funktionen enthalten, die für das Erstellen dieser Visualisierungen relevant und nützlich sind.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Semantisch&amp;lt;/b&amp;gt;: &amp;lt;i&amp;gt;Werkzeuge, die zur Erforschung von Funktionen dienen wie zB., integrierte Hilfefunktionen und Live Programming&amp;lt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;/&lt;/ins&gt;i&amp;gt;. Auf der Ebene der Semantik ist die Domain-Orientation (Fischer 1994) die Bereitstellung von Funktionen, die die Anforderungen spezifischer Anwendungsdomänen widerspiegeln. Der Hauptzweck der Domain-Orientierung im Sinne einer Verringerung der unbeabsichtigten Komplexität besteht darin, die ansonsten erforderlichen Funktionen eines Aufbaus von Grund auf zu eliminieren. Wenn eine Programmierumgebung häufig verwendet wird, um wissenschaftliche Visualisierungen zu erstellen, sollte sie eine Domain-Orientierung mit entsprechenden Funktionen enthalten, die für das Erstellen dieser Visualisierungen relevant und nützlich sind.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Pragmatisch&amp;lt;/b&amp;gt;: &amp;lt;i&amp;gt;Werkzeuge, welche die Untersuchung dessen, was Programme in bestimmten Situationen bedeuten, unterstützen&amp;lt;i&amp;gt;. Diese Werkzeuge sollten dem Nutzer praxisnah und effizient dabei helfen, Ideen umzusetzen oder über Probleme nachzudenken, indem sie sich auf konkrete Situationen und Kontexte beziehen anstatt auf allgemeine Theorien zu verweisen. Conversational Programming (Repenning 2013), ein pragmatisches Werkzeug integriert in AgentCubes, untersucht die spezifische Situation, in der sich Objekte befinden, und zeigt dann den Benutzern durch farbige Annotationen des Programms an, wie sich diese Objekte verhalten werden. In einem Frogger 3D-Spiel kann der Benutzer beispielsweise den Frosch, der über Strassen hüpfen soll, selektieren, um zu verstehen, was als nächstes mit dem Frosch passieren wird. Ist der Frosch zum Beispiel unmittelbar neben einem auf ihn zurasenden Auto zeigt das Conversational Programing, dass gleich eine Kollision erfolgt, durch welche der Frosch ‘sterben’ und das Spiel neu startet (Repenning 2017)&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Pragmatisch&amp;lt;/b&amp;gt;: &amp;lt;i&amp;gt;Werkzeuge, welche die Untersuchung dessen, was Programme in bestimmten Situationen bedeuten, unterstützen&amp;lt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;/&lt;/ins&gt;i&amp;gt;. Diese Werkzeuge sollten dem Nutzer praxisnah und effizient dabei helfen, Ideen umzusetzen oder über Probleme nachzudenken, indem sie sich auf konkrete Situationen und Kontexte beziehen anstatt auf allgemeine Theorien zu verweisen. Conversational Programming (Repenning 2013), ein pragmatisches Werkzeug integriert in AgentCubes, untersucht die spezifische Situation, in der sich Objekte befinden, und zeigt dann den Benutzern durch farbige Annotationen des Programms an, wie sich diese Objekte verhalten werden. In einem Frogger 3D-Spiel kann der Benutzer beispielsweise den Frosch, der über Strassen hüpfen soll, selektieren, um zu verstehen, was als nächstes mit dem Frosch passieren wird. Ist der Frosch zum Beispiel unmittelbar neben einem auf ihn zurasenden Auto zeigt das Conversational Programing, dass gleich eine Kollision erfolgt, durch welche der Frosch ‘sterben’ und das Spiel neu startet (Repenning 2017)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Alex</name></author>
	</entry>
	<entry>
		<id>https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16489&amp;oldid=prev</id>
		<title>Alex: /* Programming Support Tools */</title>
		<link rel="alternate" type="text/html" href="https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16489&amp;oldid=prev"/>
		<updated>2018-02-20T13:59:53Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Programming Support Tools&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de-CH&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 20. Februar 2018, 15:59 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l7&quot;&gt;Zeile 7:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 7:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Diese Werkzeuge widmen sich der zielgerichteten Unterstützung von Lernenden in der kognitiven Dimension.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Diese Werkzeuge widmen sich der zielgerichteten Unterstützung von Lernenden in der kognitiven Dimension.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Syntaktisch&amp;lt;/b&amp;gt;: Werkzeuge, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;um syntaktische Probleme &lt;/del&gt;zu vermeiden wie z.B., drag and drop programming.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Syntaktisch&amp;lt;/b&amp;gt;: &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;i&amp;gt;&lt;/ins&gt;Werkzeuge, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;die helfen, reine Syntaxfehler &lt;/ins&gt;zu vermeiden wie z.B., drag and drop programming&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;i&amp;gt;. Auf der syntaktischen Ebene kann die Form eines Programms durch Offenlegung bzw. Anzeige der Mechanismen gesteuert werden. Zum Beispiel können Blöcke in AgentSheets / AgentCubes optionale Parameter haben. Die Sichtbarkeit dieser optionalen Parameter wird durch Anzeigemechanismen gesteuert. Wenn Nutzer auf ein Dreieck-Symbol klicken, werden optionalen Parameter ein- bzw. ausgeblendet. Darüber hinaus lassen sich mittels solcher Dreieck-Symbole alle Regeln einer Methode ein- oder ausblenden. Wenn die Regeln ausgeblendet sind, zeigt eine Methode immer noch ihre Dokumentation an. Der Anzeigemechanismus hat somit die Funktion eines Schalters: Er erlaubt den einfachen und schnellen Wechsel der Ansicht von  der vollumfänglichen Implementierung der Methode einerseits oder nur deren Spezifikation andererseits. Der optionale Anzeigemechanismus für Parameter ist für den Begriff der zufälligen Komplexität in dem Sinne relevant, dass optionale Parameter typischerweise gewählt werden, um weniger wichtige oder sogar qualitativ unterschiedliche Parameter zu erfassen, die möglicherweise nicht relevant sind, um die Hauptfunktion eines Programms zu verstehen. In AgentSheets / AgentCubes werden im Gegensatz zu regulären Parametern, die beschreiben, was getan werden sollte, optionale Parameter verwendet, um zu beschreiben, wie es gemacht werden sollte (Repenning 2017). &lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Semantisch&amp;lt;/b&amp;gt;: Werkzeuge, die zur Erforschung von Funktionen dienen wie zB., integrierte &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Hilfe&lt;/del&gt;-Funktionen, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Live Programming&lt;/del&gt;.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Pragmatisch&amp;lt;/b&amp;gt;: Werkzeuge, die &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Lernende &lt;/del&gt;dabei &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;unterstützen&lt;/del&gt;, die &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Bedeutung bzw&lt;/del&gt;. &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Funktionsweise eines Programms &lt;/del&gt;zu &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;erkunden&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Semantisch&amp;lt;/b&amp;gt;: &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;i&amp;gt;&lt;/ins&gt;Werkzeuge, die zur Erforschung von Funktionen dienen wie zB., integrierte &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Hilfefunktionen und Live Programming&amp;lt;i&amp;gt;. Auf der Ebene der Semantik ist die Domain-Orientation (Fischer 1994) die Bereitstellung von Funktionen, die die Anforderungen spezifischer Anwendungsdomänen widerspiegeln. Der Hauptzweck der Domain-Orientierung im Sinne einer Verringerung der unbeabsichtigten Komplexität besteht darin, die ansonsten erforderlichen Funktionen eines Aufbaus von Grund auf zu eliminieren. Wenn eine Programmierumgebung häufig verwendet wird, um wissenschaftliche Visualisierungen zu erstellen, sollte sie eine Domain&lt;/ins&gt;-&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Orientierung mit entsprechenden &lt;/ins&gt;Funktionen &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;enthalten&lt;/ins&gt;, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;die für das Erstellen dieser Visualisierungen relevant und nützlich sind&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Pragmatisch&amp;lt;/b&amp;gt;: &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;i&amp;gt;&lt;/ins&gt;Werkzeuge, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;welche &lt;/ins&gt;die &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Untersuchung dessen, was Programme in bestimmten Situationen bedeuten, unterstützen&amp;lt;i&amp;gt;. Diese Werkzeuge sollten dem Nutzer praxisnah und effizient &lt;/ins&gt;dabei &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;helfen, Ideen umzusetzen oder über Probleme nachzudenken, indem sie sich auf konkrete Situationen und Kontexte beziehen anstatt auf allgemeine Theorien zu verweisen. Conversational Programming (Repenning 2013), ein pragmatisches Werkzeug integriert in AgentCubes&lt;/ins&gt;, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;untersucht &lt;/ins&gt;die &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;spezifische Situation, in der sich Objekte befinden, und zeigt dann den Benutzern durch farbige Annotationen des Programms an, wie sich diese Objekte verhalten werden&lt;/ins&gt;. &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;In einem Frogger 3D-Spiel kann der Benutzer beispielsweise den Frosch, der über Strassen hüpfen soll, selektieren, um &lt;/ins&gt;zu &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;verstehen, was als nächstes mit dem Frosch passieren wird&lt;/ins&gt;. &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Ist der Frosch zum Beispiel unmittelbar neben einem auf ihn zurasenden Auto zeigt das Conversational Programing, dass gleich eine Kollision erfolgt, durch welche der Frosch ‘sterben’ und das Spiel neu startet (Repenning 2017)&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Alex</name></author>
	</entry>
	<entry>
		<id>https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16488&amp;oldid=prev</id>
		<title>Alex am 20. Februar 2018 um 13:57 Uhr</title>
		<link rel="alternate" type="text/html" href="https://web1.fhnw.ch/plattformen/scalablegamedesign/mediawiki/index.php?title=Computational_Thinking_Tools&amp;diff=16488&amp;oldid=prev"/>
		<updated>2018-02-20T13:57:08Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de-CH&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 20. Februar 2018, 15:57 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l19&quot;&gt;Zeile 19:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 19:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Design Scaffolds&amp;lt;/b&amp;gt;: Design Scaffolds sind buchstäblich Design-Gerüste, die sich vielseitig nutzen lassen. Ähnlich wie Tabellenkalulationsprogramme verfügt AgentSheets über ein zweidimensionales Raster, das zu unterschiedlichsten Zwecken genutzt werden kann. Minecraft und AgentCubes basieren sogar dreidimensionalen Rastern, die sich höchst vielseitig nutzen lassen.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;li&amp;gt;&amp;lt;b&amp;gt;Design Scaffolds&amp;lt;/b&amp;gt;: Design Scaffolds sind buchstäblich Design-Gerüste, die sich vielseitig nutzen lassen. Ähnlich wie Tabellenkalulationsprogramme verfügt AgentSheets über ein zweidimensionales Raster, das zu unterschiedlichsten Zwecken genutzt werden kann. Minecraft und AgentCubes basieren sogar dreidimensionalen Rastern, die sich höchst vielseitig nutzen lassen.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/ul&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;==References==&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;{{Reflist}}&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Alex</name></author>
	</entry>
</feed>