<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="pl">
	<id>https://wiki.otwartaedukacja.pl/index.php?action=history&amp;feed=atom&amp;title=Algorytm_%E2%80%93_program_%E2%80%93_system</id>
	<title>Algorytm – program – system - Historia wersji</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.otwartaedukacja.pl/index.php?action=history&amp;feed=atom&amp;title=Algorytm_%E2%80%93_program_%E2%80%93_system"/>
	<link rel="alternate" type="text/html" href="https://wiki.otwartaedukacja.pl/index.php?title=Algorytm_%E2%80%93_program_%E2%80%93_system&amp;action=history"/>
	<updated>2026-05-01T19:01:34Z</updated>
	<subtitle>Historia wersji tej strony wiki</subtitle>
	<generator>MediaWiki 1.38.2</generator>
	<entry>
		<id>https://wiki.otwartaedukacja.pl/index.php?title=Algorytm_%E2%80%93_program_%E2%80%93_system&amp;diff=143&amp;oldid=prev</id>
		<title>Admin: /* Od łamigłówki do programu */</title>
		<link rel="alternate" type="text/html" href="https://wiki.otwartaedukacja.pl/index.php?title=Algorytm_%E2%80%93_program_%E2%80%93_system&amp;diff=143&amp;oldid=prev"/>
		<updated>2022-09-25T13:03:34Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Od łamigłówki do programu&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;pl&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← poprzednia wersja&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Wersja z 13:03, 25 wrz 2022&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-l68&quot;&gt;Linia 68:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Linia 68:&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;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;Ilustracja: program Hanoi (dołączone do kursu źródła).&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;Ilustracja: program Hanoi (dołączone do kursu źródła &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;UWAGA! Program został napisany w przestarzałej technologii Flash - może nie działać na nowych przeglądarkach&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;[http://otwartaedukacja.pl/programowanie/hanoi/ http://otwartaedukacja.pl/programowanie/hanoi/]  &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;[http://otwartaedukacja.pl/programowanie/hanoi/ http://otwartaedukacja.pl/programowanie/hanoi/]  &lt;/div&gt;&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-l75&quot;&gt;Linia 75:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Linia 76:&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;[[Plik:Hanoi_prg.png]]&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;[[Plik:Hanoi_prg.png]]&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;Każdy program jest uruchamiany w pewnym &amp;#039;&amp;#039;&amp;#039;środowisku&amp;#039;&amp;#039;&amp;#039;. Tutaj środowiskiem są trzy słupki z krążkami. Dla programów (Hanoi, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[http&lt;/del&gt;://&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;www&lt;/del&gt;.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;zagraj&lt;/del&gt;.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;republika.pl&lt;/del&gt;/hanoi&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;.html http:&lt;/del&gt;//&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;www.zagraj.republika.pl/&lt;/del&gt;hanoi&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;.html]&lt;/del&gt;) środowiskiem jest przeglądarka internetowa w której uruchomiono program napisany w języku JavaScript.&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;Każdy program jest uruchamiany w pewnym &amp;#039;&amp;#039;&amp;#039;środowisku&amp;#039;&amp;#039;&amp;#039;. Tutaj środowiskiem są trzy słupki z krążkami. Dla programów (Hanoi, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;https&lt;/ins&gt;://&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;pl&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;khanacademy&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;org/computing/computer-science/algorithms&lt;/ins&gt;/&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;towers-of-&lt;/ins&gt;hanoi/&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;e&lt;/ins&gt;/&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;move-three-disks-in-towers-of-&lt;/ins&gt;hanoi) środowiskiem jest przeglądarka internetowa w której uruchomiono program napisany w języku JavaScript.&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;Przejście od środowiska fizycznego (klocki) do przeglądarki internetowej wydaje się nam czymś naturalnym. To jednak wymaga pewnej refleksji – gdyż w ten sposób wchodzimy do świata wirtualnego. &amp;#039;&amp;#039;&amp;#039;Wirtualny&amp;#039;&amp;#039;&amp;#039; – czyli nie istniejący realnie.&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;Przejście od środowiska fizycznego (klocki) do przeglądarki internetowej wydaje się nam czymś naturalnym. To jednak wymaga pewnej refleksji – gdyż w ten sposób wchodzimy do świata wirtualnego. &amp;#039;&amp;#039;&amp;#039;Wirtualny&amp;#039;&amp;#039;&amp;#039; – czyli nie istniejący realnie.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wiki0-w0_:diff::1.12:old-142:rev-143 --&gt;
&lt;/table&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://wiki.otwartaedukacja.pl/index.php?title=Algorytm_%E2%80%93_program_%E2%80%93_system&amp;diff=142&amp;oldid=prev</id>
		<title>Admin: nieaktywny link</title>
		<link rel="alternate" type="text/html" href="https://wiki.otwartaedukacja.pl/index.php?title=Algorytm_%E2%80%93_program_%E2%80%93_system&amp;diff=142&amp;oldid=prev"/>
		<updated>2022-09-25T13:01:35Z</updated>

		<summary type="html">&lt;p&gt;nieaktywny link&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;pl&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← poprzednia wersja&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Wersja z 13:01, 25 wrz 2022&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-l52&quot;&gt;Linia 52:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Linia 52:&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;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;Przetestujmy: &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[http&lt;/del&gt;://&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;www&lt;/del&gt;.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;zagraj&lt;/del&gt;.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;republika.pl&lt;/del&gt;/hanoi&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;.html http:&lt;/del&gt;//&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;www.zagraj.republika.pl/&lt;/del&gt;hanoi&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;.html]&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;Przetestujmy: &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;https&lt;/ins&gt;://&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;pl&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;khanacademy&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;org/computing/computer-science/algorithms&lt;/ins&gt;/&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;towers-of-&lt;/ins&gt;hanoi/&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;e&lt;/ins&gt;/&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;move-three-disks-in-towers-of-&lt;/ins&gt;hanoi&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;div style=&amp;quot;color:#007826;&amp;quot;&amp;gt;Zadanie domowe:&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;div style=&amp;quot;color:#007826;&amp;quot;&amp;gt;Zadanie domowe:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wiki0-w0_:diff::1.12:old-11:rev-142 --&gt;
&lt;/table&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://wiki.otwartaedukacja.pl/index.php?title=Algorytm_%E2%80%93_program_%E2%80%93_system&amp;diff=11&amp;oldid=prev</id>
		<title>Admin: Utworzono nową stronę &quot;{| |- | |Moduł: Podstawy |- | |Poziom: Podstawowy |- | |Profil: Dla wszystkich |- |}  == Od łamigłówki do programu ==  Łamigłówka „Wieże Hanoi” (https://pl.w...&quot;</title>
		<link rel="alternate" type="text/html" href="https://wiki.otwartaedukacja.pl/index.php?title=Algorytm_%E2%80%93_program_%E2%80%93_system&amp;diff=11&amp;oldid=prev"/>
		<updated>2017-06-26T20:04:41Z</updated>

		<summary type="html">&lt;p&gt;Utworzono nową stronę &amp;quot;{| |- | |Moduł: Podstawy |- | |Poziom: Podstawowy |- | |Profil: Dla wszystkich |- |}  == Od łamigłówki do programu ==  Łamigłówka „Wieże Hanoi” (https://pl.w...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Nowa strona&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{|&lt;br /&gt;
|-&lt;br /&gt;
| |Moduł: Podstawy&lt;br /&gt;
|-&lt;br /&gt;
| |Poziom: Podstawowy&lt;br /&gt;
|-&lt;br /&gt;
| |Profil: Dla wszystkich&lt;br /&gt;
|-&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
== Od łamigłówki do programu ==&lt;br /&gt;
&lt;br /&gt;
Łamigłówka „Wieże Hanoi” (https://pl.wikipedia.org/wiki/Wieże_Hanoi) polega na przełożeniu krążków z pierwszego na trzeci słupek zgodnie z regułami:&lt;br /&gt;
* za każdym razem jeden; &lt;br /&gt;
* nie wolno kłaść większego krążka na mniejszy &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
[[Plik:Hanoi.png]]Pomoc dydaktyczna: klocki Wieże Hanoi.&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Oznaczmy liczbami krążki (od najmniejszego do największego).&lt;br /&gt;
&lt;br /&gt;
Opracowujemy plan działania:&lt;br /&gt;
&lt;br /&gt;
{| style=&amp;quot;border-spacing:0;width:3.201cm;border:1px solid black&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
| | Lp&lt;br /&gt;
| align=center | działanie&lt;br /&gt;
|-&lt;br /&gt;
|  | 1&lt;br /&gt;
|  | 1-C&lt;br /&gt;
|-&lt;br /&gt;
|  | 2&lt;br /&gt;
|  | 2-B&lt;br /&gt;
|-&lt;br /&gt;
|  | 3&lt;br /&gt;
|  | 1-B&lt;br /&gt;
|-&lt;br /&gt;
|  | 4&lt;br /&gt;
|  | 3-C&lt;br /&gt;
|-&lt;br /&gt;
|  | 5&lt;br /&gt;
|  | 1-A&lt;br /&gt;
|-&lt;br /&gt;
|  | 6&lt;br /&gt;
|  | 2-C&lt;br /&gt;
|-&lt;br /&gt;
|  | 7&lt;br /&gt;
|  | 1-C&lt;br /&gt;
|-&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Przetestujmy: [http://www.zagraj.republika.pl/hanoi.html http://www.zagraj.republika.pl/hanoi.html]&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;color:#007826;&amp;quot;&amp;gt;Zadanie domowe:&lt;br /&gt;
# Spróbować dla większej ilości klocków. &lt;br /&gt;
# Czy daje się to uogólnić dla n klocków (zadanie bardzo zaawansowane)? &lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Ułożenie takiego planu działania wymaga &amp;#039;&amp;#039;&amp;#039;abstrakcyjnego myślenia&amp;#039;&amp;#039;&amp;#039;. Abstrakcja – czyli abstrahowanie od fizycznych elementów. Klocki, słupki i działania zmieniają się w abstrakcyjny zapis – na przykład 1-B. Umiejętność abstrakcyjnego myślenia jest najważniejsza dla programisty. Jeśli ktoś tego nie potrafi – nie może być programistą i nigdy nie zrozumie matematyki.&lt;br /&gt;
&lt;br /&gt;
Taki abstrakcyjny plan działania nazywa się &amp;#039;&amp;#039;&amp;#039;algorytmem&amp;#039;&amp;#039;&amp;#039;. &lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Program&amp;#039;&amp;#039;&amp;#039; to algorytm wykonywany przez &amp;#039;&amp;#039;&amp;#039;automat&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Ilustracja: program Hanoi (dołączone do kursu źródła).&lt;br /&gt;
&lt;br /&gt;
[http://otwartaedukacja.pl/programowanie/hanoi/ http://otwartaedukacja.pl/programowanie/hanoi/] &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Plik:Hanoi_prg.png]]&lt;br /&gt;
&lt;br /&gt;
Każdy program jest uruchamiany w pewnym &amp;#039;&amp;#039;&amp;#039;środowisku&amp;#039;&amp;#039;&amp;#039;. Tutaj środowiskiem są trzy słupki z krążkami. Dla programów (Hanoi, [http://www.zagraj.republika.pl/hanoi.html http://www.zagraj.republika.pl/hanoi.html]) środowiskiem jest przeglądarka internetowa w której uruchomiono program napisany w języku JavaScript.&lt;br /&gt;
&lt;br /&gt;
Przejście od środowiska fizycznego (klocki) do przeglądarki internetowej wydaje się nam czymś naturalnym. To jednak wymaga pewnej refleksji – gdyż w ten sposób wchodzimy do świata wirtualnego. &amp;#039;&amp;#039;&amp;#039;Wirtualny&amp;#039;&amp;#039;&amp;#039; – czyli nie istniejący realnie.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;text-align:center;&amp;quot;&amp;gt;&amp;#039;&amp;#039;&amp;#039;PROGRAM KOMPUTEROWY TO AUTOMAT DZIAŁAJĄCY W ŚWIECIE WIRTUALNYM&amp;#039;&amp;#039;&amp;#039;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Plik:Robot.png]]&lt;br /&gt;
&lt;br /&gt;
Najważniejszą cechą automatu jest &amp;#039;&amp;#039;&amp;#039;determinizm&amp;#039;&amp;#039;&amp;#039; – czyli kolejne działanie jest ściśle określone i zależy wyłącznie od stanu w jakim znajduje się maszyna. &amp;#039;&amp;#039;&amp;#039;Programowanie maszyn = dążenie do determinizmu&amp;#039;&amp;#039;&amp;#039; (ścisłego określenia co ma się wydarzyć w danym stanie maszyny, a nie tylko co może się wydarzyć).&lt;br /&gt;
&lt;br /&gt;
== System ==&lt;br /&gt;
&lt;br /&gt;
Elementy automatu są powiązane ze sobą w taki sposób, aby w całości uzyskać pożądaną funkcjonalność. Na przykład bankomat składa się z liczarki banknotów, klawiatury, monitora, obudowy, czytnika kart i sterującego wszystkim komputera. Jego podstawową funkcją jest wydawanie pieniędzy. Taki zbiór elementów powiązanych ze sobą w sposób umożliwiający uzyskanie pewnej funkcjonalności nazywa się &amp;#039;&amp;#039;&amp;#039;systemem&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;margin-left:1.251cm;margin-right:0cm;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color:#007826;&amp;quot;&amp;gt;Zadanie domowe: zapoznać się z hasłem „System” w Wikipedii: &amp;lt;/span&amp;gt;[https://pl.wikipedia.org/wiki/System https://pl.wikipedia.org/wiki/System]&amp;lt;span style=&amp;quot;color:#007826;&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Złożone systemy komputerowe uzyskuje się poprzez składanie ich z systemów prostszych (modułów, podprogramów). Idąc w kierunku przeciwnym – do rzeczy coraz prostszych sięgamy do istoty obliczeń. Polski matematyk Zdzisław Pawlak taki najprostszy system nazwał „systemem iteracyjnym”. &lt;br /&gt;
&lt;br /&gt;
Składa się on z pamięci i funkcji przejścia. Pamięć wyraża stan aktualny automatu, a funkcja przejścia determinuje (określa) stan następny.&lt;br /&gt;
&lt;br /&gt;
System iteracyjny:&lt;br /&gt;
&lt;br /&gt;
[[Plik:Sys_iteracyjny.png]]&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;text-align:center;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;MASZYNA OBLICZENIOWA = PAMIĘĆ + FUNKCJA PRZEJŚCIA&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;FUNKCJA PRZEJŚCIA WYZNACZA STAN NASTĘPNY (NOWĄ ZAWARTOŚĆ PAMIĘCI)&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;PROGRAMOWANIE = BUDOWANIE FUNKCJI PRZEJŚCIA&amp;#039;&amp;#039;&amp;#039;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Pawlak posługuje się przykładem kostki do gry.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;color:#ff0000;margin-left:2.499cm;margin-right:0cm;&amp;quot;&amp;gt;Pomoc dydaktyczna: kostka do gry lub kostka Rubika&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Plik:Kostka.png]]&lt;br /&gt;
&lt;br /&gt;
Przykład programu:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{| style=&amp;quot;border-spacing:0;width:6.085cm;&amp;quot;&lt;br /&gt;
|- style=&amp;quot;border:none;padding:0cm;&amp;quot;&lt;br /&gt;
|| STAN&lt;br /&gt;
|| NASTĘPNY&lt;br /&gt;
|- style=&amp;quot;border:none;padding:0cm;&amp;quot;&lt;br /&gt;
|| 1&lt;br /&gt;
|| STOP&lt;br /&gt;
|- style=&amp;quot;border:none;padding:0cm;&amp;quot;&lt;br /&gt;
|| 2&lt;br /&gt;
|| STOP&lt;br /&gt;
|- style=&amp;quot;border:none;padding:0cm;&amp;quot;&lt;br /&gt;
|| 3&lt;br /&gt;
|| 1&lt;br /&gt;
|- style=&amp;quot;border:none;padding:0cm;&amp;quot;&lt;br /&gt;
|| 4&lt;br /&gt;
|| 2&lt;br /&gt;
|- style=&amp;quot;border:none;padding:0cm;&amp;quot;&lt;br /&gt;
|| 5&lt;br /&gt;
|| 1&lt;br /&gt;
|- style=&amp;quot;border:none;padding:0cm;&amp;quot;&lt;br /&gt;
|| 6&lt;br /&gt;
|| 2&lt;br /&gt;
|-&lt;br /&gt;
|}&lt;br /&gt;
Pytanie: co ten program wylicza?&lt;br /&gt;
&lt;br /&gt;
Odpowiedź: zatrzymuje się na 1 lub 2 w zależności od tego, czy początkowo była ilość parzysta lub nieparzysta oczek.&lt;br /&gt;
&lt;br /&gt;
Pisząc program określamy warunki jego zatrzymania się. Najczęściej jest to zakończenie wykonywania algorytmu (zakończenie obliczeń). &lt;br /&gt;
&lt;br /&gt;
Zadanie domowe: zapoznać się z problemem stopu [https://pl.wikipedia.org/wiki/Problem_stopu https://pl.wikipedia.org/wiki/Problem_stopu]&lt;br /&gt;
&lt;br /&gt;
== Arkusz kalkulacyjny jako środowisko w którym uruchamiamy programy ==&lt;br /&gt;
&lt;br /&gt;
[[Plik:Arkusz.png]]&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;KOMÓRKI = PAMIĘĆ&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;REGUŁY = FUNKCJA PRZEJŚCIA&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
== Zmienna ==&lt;br /&gt;
&lt;br /&gt;
W arkuszu kalkulacyjnym wiadomo gdzie zapisać wynik – w tej samej komórce, w której zapisano regułę. W programie musimy zarezerwować miejsce w pamięci. Komórka arkusza kalkulacyjnego ma swoją nazwę. W programie posługujemy się nazwą zmiennej (identyfikatorem).&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Nazwa komórki = identyfikator zmiennej&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
Przykład identyfikatora w języku php: &amp;#039;&amp;#039;&amp;#039;$a1 &amp;#039;&amp;#039;&amp;#039;(użyto identyfikatora zgodnie z konwencją nazywania komórek w arkuszu kalkulacyjnym).&lt;br /&gt;
&lt;br /&gt;
Najprostsze programy to formuły w arkuszu.&lt;br /&gt;
&lt;br /&gt;
Na przykład: &lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;= $a1 + 10&amp;lt;/nowiki&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Odpowiednia instrukcja w języku php:&lt;br /&gt;
&lt;br /&gt;
$wynik = $a1+10;&lt;br /&gt;
&lt;br /&gt;
Zarezerwowane dwa miejsca w pamięci – zmienne $a1 i $wynik&lt;br /&gt;
&lt;br /&gt;
== Algorytm a program ==&lt;br /&gt;
&lt;br /&gt;
Często spotyka się z wyjaśnieniem, że program jest implementacją algorytmu. Czyli takim zapisem algorytmu, by mogła go wykonać maszyna. To wyjaśnienie wymaga komentarza. Algorytmy jakie spotykamy na co dzień są najczęściej trywialne. Na przykład: aby otworzyć drzwi, włóż klucz do zamka, przekręć w prawo do oporu a następnie naciśnij klamkę.&lt;br /&gt;
&lt;br /&gt;
Jednak algorytmy bywają też bardzo trudne. Nawet najprostszy algorytm sortowania liczb wymaga odrobiny wysiłku intelektualnego, aby go zrozumieć. Naukę programowania często myli się z algorytmiką (czyli układaniem algorytmów), co jest trudne. Dla większości zadań z jakimi spotyka się programista ich trudność można porównać z algorytmem otwierania drzwi (sama czynność jest prostsza, niż jej ścisłe opisanie).&lt;br /&gt;
&lt;br /&gt;
Algorytmika jest trudna. Programowanie jest łatwe. Układanie i implementacja algorytmów wymaga wiedzy, umiejętności i talentu. Programować może każdy. I każdy, kto ma styczność z tworami nowoczesnej techniki to robi (choćby programując programy w telewizorze).&lt;br /&gt;
&lt;br /&gt;
[[Plik:Molier.png]]&lt;br /&gt;
MOLIER „MIESZCZANIN SZLACHCICEM” (w oryginale bohater był zdziwiony, że mówi prozą!)&lt;br /&gt;
&lt;br /&gt;
== Podsumowanie ==&lt;br /&gt;
&lt;br /&gt;
* Programowanie komputerów wymaga abstrakcyjnego myślenia.&lt;br /&gt;
* Układamy algorytmy i zapisujemy je przy pomocy abstrakcyjnych symboli.&lt;br /&gt;
* Programy są uruchamiane w środowisku tworzącym system obliczeniowy.&lt;br /&gt;
* Istotę działania takiego systemu wyjaśnia system iteracyjny.&lt;br /&gt;
* Najprostszym środowiskiem jest arkusz kalkulacyjny.&lt;br /&gt;
* Przechodząc od arkusza do zwykłych programów – wprowadzamy pojęcie zmiennej (zastępujące komórkę arkusza).&lt;br /&gt;
* Programowanie nie jest trudne! Programy pisze każdy użytkownik arkusza kalkulacyjnego (a nawet gdy tylko układa w myśli plan działania)! Trudne natomiast może być układanie algorytmów (czym zajmuje się algorytmika).&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
</feed>