tag:blogger.com,1999:blog-83782971847961108642024-03-14T03:13:15.846-07:00Programmeerimise algõpetusVilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comBlogger72125tag:blogger.com,1999:blog-8378297184796110864.post-2747800008320182652019-05-25T04:49:00.000-07:002019-05-26T12:57:33.339-07:00HTML ja CSS erinevates veebikeskkondadesVeebilehekülgede tegemiseks ei pea kõike algusest peale ise HTML-is kirjutama. Võimalusi oma tegemisi internetis kajastada on väga palju ning kodulehe või blogi tegemiseks ei pea tegelikult isegi HTML-i oskama.<br />
Küll aga annab arusaamine HTML-ist ja CSS-ist võimaluse veebilehekülge omanäolisemaks ning mallidest erinevamaks "tuunida".<br />
<br />
Keskkonnad, kus saab endale kerge vaevaga kena kodulehe või blogi, on näiteks<br />
<br />
<b>Blogger</b> <a href="http://www.blogger.com/" target="_blank">www.blogger.com</a> (www.blogspot.com) - seda keskkonda saab kasutada Google kontoga ehk ka kooli e-postiaadressiga. Võimalus on kasutada valmis "malle". Kodulehe või blogi veebiaadressiks saab tasuta konto puhul <i><span style="color: #cc0000;">sinuantudnimi</span>.blogspot.com</i><br />
<br />
<b>Weebly</b> <a href="http://www.weebly.com/" target="_blank">http://www.weebly.com/</a> - keskkonna kasutamiseks tuleb luua kasutajakonto. Edasi on võimalik kasutada valmis "malle". Tasuta konto puhul on kodulehe aadressiks <i><span style="color: #cc0000;">sinuantudnimi</span>.weebly.com</i><br />
<i><span style="color: #0b5394;"><b>Juhendid:</b></span> </i><a href="http://multimeediaring.blogspot.com/2014/02/kodulehekulje-tegemine-weebly-keskkonnas.html" target="_blank">http://multimeediaring.blogspot.com/2014/02/kodulehekulje-tegemine-weebly-keskkonnas.html</a><br />
ja <a href="http://multimeediaring.blogspot.com/2014/02/kodulehekulge-tegemine-weebly.html" target="_blank">http://multimeediaring.blogspot.com/2014/02/kodulehekulge-tegemine-weebly.html</a><br />
<i><br /></i>
<b>Wix</b> <a href="http://www.wix.com/" target="_blank">http://www.wix.com/</a> - keskkonda saab kasutada ka Google kontoga (ka kooli e-postiaadressiga). See on ilmselt eelnimetatutest kõige rohkem erinevaid võimalusi pakkuv keskkond! Kasutada saab valmis "malle", millele on lisatud juba animatsioone. Enamasti saab kasutada tervet valmis leheküljestikku, millele siis tuleb lihtsalt oma sisu lisada.<br />
Tasuta konto puhul on kodulehe aadressiks <i><span style="color: #cc0000;">sinukasutajanimi</span>.wix.com/<span style="color: #990000;">leheküljenimi</span></i><br />
<span style="color: #0b5394;"><b><i>Juhend:</i></b> </span><a href="http://multimeediaring.blogspot.com/2013/01/kodulehe-tegemine-wwwwixcom.html" target="_blank"><span style="color: black;">http://multimeediaring.blogspot.com/2013/01/kodulehe-tegemine-wwwwixcom.html</span></a><br />
<i><span style="color: #990000;"><br /></span></i>
<b>Wordpress</b> <a href="http://www.wordpress.com/" target="_blank">http://www.wordpress.com/</a> - palju kasutatud keskkond, kahjuks veebipõhine tasuta leht ei võimalda eriti valmis "mallide" muutmist (HTML ja CSS lisamist). Samas on võimalik Wordpressi programm ka enda arvutisse installeerida ning siis on juba kõik võimalused ka koodi muutmiseks olemas. Rohkem infot leiab lehelt: <a href="https://et.wordpress.org/" target="_blank">https://et.wordpress.org/</a>Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-59205475153562498342019-05-22T23:51:00.000-07:002019-05-26T12:59:06.333-07:00HTML koodi tutvustus, pildi ja lingi lisamine<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">Proovime täna selle lehekülge abiga kirjutada html-keeles lehekülje ning seda siis veebilehitsejaga vaadata.</span><br />
<br style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;" />
<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">Lehekülje kirjutame programmis Notepad. Selleks ava oma arvutis Start -> All Programs -> Accessories -> Notepad</span><br />
<br style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;" />
<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">Sinna võid kirjutada näiteks järgmise koodi:</span><br />
<br style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;" />
<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;"><!DOCTYPE html></span><br />
<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;"><HTML></span><br />
<span class="Apple-tab-span" style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; white-space: pre;"> </span><span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;"><HEAD></span><br />
<span class="Apple-tab-span" style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; white-space: pre;"> </span><span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;"><TITLE>Lehekülje pealkiri</TITLE></span><br />
<span class="Apple-tab-span" style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; white-space: pre;"> </span><span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;"></HEAD></span><br />
<br style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;" />
<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;"><BODY></span><br />
<span class="Apple-tab-span" style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; white-space: pre;"> </span><span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;"><h1>Suur pealkiri</h1></span><br />
<span class="Apple-tab-span" style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; white-space: pre;"> </span><span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;"><p>Siin on tekstilõik</p></span><br />
<span class="Apple-tab-span" style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; white-space: pre;"> </span><span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;"><img src="http://www.viimsi.edu.ee/public/kodulehe_pais7_1.jpg" /></span><br />
<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;"></BODY></span><br />
<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;"></HTML></span><br />
<br style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;" />
<u style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">Tuleta meelde eelmisel tunnil õpitud kood.</u><br />
<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">Kui see on meelest läinud, siis spikker on siin:</span><br />
<a href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro" style="background-color: white; color: #2288bb; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; text-decoration: none;" target="_blank">http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro</a><br />
<br style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;" />
<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">HTML koodinäiteid saab testida siin:</span><br />
<a href="http://www.w3schools.com/html/html_examples.asp" style="background-color: white; color: #2288bb; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; text-decoration: none;" target="_blank">http://www.w3schools.com/html/html_examples.asp</a><br />
<br style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;" />
<a href="https://www.blogger.com/null" id="notepad" style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;"><b>Notepad'i dokumendi salvestamine html-formaati.</b></a><br />
<br style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;" />
<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">Selleks, et veebilehitseja meie dokumenti oskaks avada, tuleb Notepadis valmis tehtud dokument salvestada HTML formaati.</span><br />
<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">Selleks klõpsa </span><b style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">File -> Save As </b><span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">ning vali </span><b style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">Save as type</b><span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;"> alt </span><b style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">All Files</b><span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;"> (vt joonis allpool). Nüüd kirjuta </span><b style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">File name</b><span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">reale oma faili nimi (näiteks esimene) ja lisa kohe nime järele punkt ning lühend html</span><br />
<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">Näiteks: </span><b style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">esimene.html</b><br />
<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">Klõpsa </span><b style="background-color: white; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">save</b><span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">.</span><br />
<span style="background-color: white; color: #666666; font-family: "trebuchet ms" , "trebuchet" , "verdana" , sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px;">Nüüd leia oma dokument üles ning tee ta veebilehitsejaga lahti. Nüüd näed, milline see lehekülge internetis välja näeks.</span><br />
<br />
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiht7IabWdx9EK2UPIr8sKN_I40Ky1mrBwMdM3ChuhqPc-7mTaXg946FS5-nYGUcSTSjoFRKW5SQIcZGQIYHPtO1boKOmnVJV9IlwzCrGDuKxuMzD-YyrOBF24bI2lxLdEnbQyNjR_md7P9/s1600/notepad_saveas.jpg" imageanchor="1" style="color: #2288bb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiht7IabWdx9EK2UPIr8sKN_I40Ky1mrBwMdM3ChuhqPc-7mTaXg946FS5-nYGUcSTSjoFRKW5SQIcZGQIYHPtO1boKOmnVJV9IlwzCrGDuKxuMzD-YyrOBF24bI2lxLdEnbQyNjR_md7P9/s1600/notepad_saveas.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="200" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-RTxYArvdNh6r0Id4rH_zIvc8Vp4T0N8UXFj-TUQZx0kie3g1XlNplP7_s_lo2c7fyQpRnwHCkshfJAh11TvJntmSWoSsLxl01a-dw1sp3_bUif52W4ntYdA0Od3gQeqcH09FN9c2l_TV/s1600/notepad_saveashtml.jpg" imageanchor="1" style="color: #073763; margin-left: 1em; margin-right: 1em;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-RTxYArvdNh6r0Id4rH_zIvc8Vp4T0N8UXFj-TUQZx0kie3g1XlNplP7_s_lo2c7fyQpRnwHCkshfJAh11TvJntmSWoSsLxl01a-dw1sp3_bUif52W4ntYdA0Od3gQeqcH09FN9c2l_TV/s400/notepad_saveashtml.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; text-align: left;">
<b><u>Ülesanne 1</u></b></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; text-align: left;">
</div>
<ol>
<li><span style="font-family: inherit;"><span style="line-height: 18.4799995422363px;">Vaheta oma failis ära pilt (selleks otsi internetist meelepärane pilt vaata selle aadressi) ja lisa pildi alla ka link, kust pildi leidsid (osavamad võivad muuta pildi enda klikitavaks lingiks, kuidas seda teha, vaata </span><b style="line-height: 18.4799995422363px;"><a href="http://viimsiproge.blogspot.com/p/html.html" target="_blank">siit</a></b><span style="line-height: 18.4799995422363px;">).</span></span></li>
<li><span style="font-family: inherit; line-height: 18.4799995422363px;">Lisa kodulehele pealkirjaks "<i>Sinu eesnimi</i> koduleht".</span></li>
<li><span style="font-family: inherit; line-height: 18.4799995422363px;">Paiguta pilt pealkirja järele.</span></li>
<li><span style="font-family: inherit;">Lisa kodulehele tekst, kus kirjutad, mida oled senistest programmeerimisetundidest teada saanud ja mida tahaksid veel teada saada!</span></li>
</ol>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13.1999998092651px; line-height: 18.4799995422363px; text-align: left;">
<br /></div>
<div>
<br /></div>
Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-53286383581639172292019-05-10T07:10:00.000-07:002019-05-11T13:12:42.769-07:00Python - graafiline kasutajaliidesEsmalt lae siit alla fail nimega <a href="https://drive.google.com/file/d/0B6sVCcP1hKyCcDdZczlFUV9VWjQ/view?usp=sharing" target="_blank">easygui.py</a> ja salvesta see oma kausta kooli arvutivõrgus.<br />
NB! See fail peab olema nende pythoni programmi failidega, mis seda funktsiooni kasutavad, samas kaustas!<br />
<br />
Easygui funktsiooni kasutava programmi puhul tuleb funktsioon esmalt importida (nagu ka turtle funktsiooniga tegime).<br />
<br />
<b><span style="color: #274e13;">from </span></b>easygui <b><span style="color: #274e13;">import *</span></b><br />
<br />
Graafilisel kasutajaliidesel on teateaken, mida kirjeldatakse funktsiooniga <span style="color: #38761d;"><b>msgbox</b></span><br />
<br />
<u>Katseta programmi:</u><br />
<br />
<i><span style="color: #0b5394;"><b><span style="color: #38761d;">from</span></b> easygui <b><span style="color: #38761d;">import *</span></b></span></i><br />
<i><span style="color: #0b5394;"><br /></span></i>
<i><span style="color: #0b5394;">msgbox("Kui näed seda akent, klõpsa OK")</span></i><br />
<div>
<br /></div>
Funktsioon<b style="color: #274e13;"> buttonbox</b> kuvab aknakese, milles on nupud ja mis registreerib nende nuppude vajutamise. Nuppudele ilmuvad kirjad saab funktsioonile ette anda muutujaga <b><span style="color: #274e13;">choices</span></b><br />
<div>
<span style="color: #274e13;"><b><br /></b></span></div>
<div>
<u>Katseta programmi:</u><br />
<br />
<i><span style="color: #0b5394;"><b>from</b> easygui <b>import </b>*</span></i><br />
<i><span style="color: #0b5394;"><br /></span></i>
<i><span style="color: #0b5394;">buttonbox("Tahad programmeerimist õppida?", choices = ("JAH", "EI"))</span></i><br />
<br />
Kui me soovime, et programm ka kasutaja valikule kuidagi reageeriks, siis tuleks nupuvajutus muutujasse salvestada (allolevas näites salvestatakse kasutaja tehtud valik muutujasse nimega <i>valik</i>).<br />
Kolmandas reas anname kasutajale tema valikust teada <i><b>msgbox</b></i> funktsiooni kasutades.<br />
<br />
<i><span style="color: #0b5394;"><b>from</b> easygui <b>import </b>*</span></i><br />
<i><span style="color: #0b5394;"><br /></span></i>
<i><span style="color: #0b5394;">valik=buttonbox("Tahad programmeerimist õppida?", choices = ("JAH", "EI"))</span></i><br />
<i><span style="color: #0b5394;">msgbox("Sinu valik oli "+valik)</span></i><br />
<br />
Võime vastamise teha ka valikust sõltuvaks, selleks saame kasutada tingimuslauset if ... else<br />
<br />
<i><span style="color: #0b5394;"><b>from</b> easygui <b>import </b>*</span></i><br />
<i><span style="color: #0b5394;">valik=buttonbox("Tahad programmeerimist õppida?", choices = ("JAH", "EI"))</span></i><br />
<i style="color: #0b5394;">if valik == "JAH":</i><br />
<span style="color: #0b5394;"><i> msgbox("Tore, et sulle meeldib programmeerimist õppida!")</i></span><br />
<span style="color: #0b5394;"><i>elif valik == "EI":</i></span><br />
<span style="color: #0b5394;"><i> msgbox("Kahju!")</i></span><br />
<span style="color: #0b5394;"><i>else:</i></span><br />
<i><span style="color: #0b5394;"></span></i><br />
<i><span style="color: #0b5394;"> msgbox("Kas soovid akna sulgeda?") </span><span style="color: #38761d;">#Seda kuvatakse juhul, kui kasutaja proovib akent ristist sulgeda</span></i><br />
<i><span style="color: #38761d;"><br /></span></i>
<span style="color: #38761d;">Kasutajalt saab andmeid küsida <b>enterbox</b> abil.</span><br />
<span style="color: #38761d;"><br /></span>
<i><span style="color: #0b5394;"><b>from</b> easygui <b>import </b>*</span></i><br />
<i><span style="color: #0b5394;"><br /></span></i><i><span style="color: #0b5394;">nimi=enterbox("Mis su nimi on?")</span></i><br />
<span style="color: #38761d;"></span><br />
<i><span style="color: #0b5394;">msgbox("Sinu nimi on: "+nimi)</span></i><br />
<i><span style="color: #0b5394;"><br /></span></i>
Kui soovid küsida kasutajalt ainult arvu, siis saad kasutada funktsiooni<b> integerbox</b>. Siin on võimalik anda ette ka piirid, mille vahele vastus peab jääma (kui kirjutada piiridest väljaspoole jääv vastus, siis antakse sellest teada ja küsitakse uuesti).<br />
<br />
<i><span style="color: #0b5394;">vanus = integerbox("Kui vana te olete?", lowerbound = 1, upperbound = 100)</span></i><i><span style="color: #0b5394;"><br /></span></i><br />
<b><u><br /></u></b>
<b><u>Ülesanne 19</u></b><br />
<br />
Täienda tunni jooksul tehtud katsetusi nii, et saaksid kasutajaliidese, mis küsib kasutaja nime ja vanust ning väljastab teate "Tere, <nimi>! Oled <vanus> aastane!"<br />
<br />
<u><b>Ülesanne 20</b></u><br />
<br />
Loo kasutajaliides (võid kasutada ühel varasemal tunnil valminud matemaatika programmi), kus kasutaja saab sisestada 2 arvu (kaks integerbox'i) ning edasi valida, millise tehte ta nendega teeb (liidab, lahutab, korrutab või jagab). Edasi kuvatakse talle teade, kus on toodud arvud, nendega tehtud tehe ja vastus.<br />
Näiteks:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtx835WLxFd4T8N7D0P8Ahcq_M8jDHuuBXW8T9ZrDzdS9H8F8Ks0eMLu76lP01mznqbPh1cf5XeGlEkH4_rI0GlA0H5iiHlTE8GNiiHoMyT4iTI5tvYMXCUenftYz6albzKY0yANHQSomJ/s1600/matem1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtx835WLxFd4T8N7D0P8Ahcq_M8jDHuuBXW8T9ZrDzdS9H8F8Ks0eMLu76lP01mznqbPh1cf5XeGlEkH4_rI0GlA0H5iiHlTE8GNiiHoMyT4iTI5tvYMXCUenftYz6albzKY0yANHQSomJ/s320/matem1.jpg" width="320" /></a></div>
<br />
NB! Selleks, et jagamisel kuvataks lõpmatute kümnendmurdude puhul vastuses näiteks ainult 2 komakohta, tuleb kasutada funktsiooni round<br />
<i><span style="color: #0b5394;">round(arv1/arv2,2)</span></i> - jagatis ümardatakse sajandikeni (2 kohta peale koma).<br />
<br />
<b><u>Ülesanne edasijõudnutele</u></b><br />
<br />
Uuri alloleval lingil olevat näidet pildi lisamise kohta buttonbox'i. Otsi internetist sobiv pilt ja programmeeri vastav liides näiteks küsimusega, kas pilt meeldib või mitte (nupud) ning vastus erinevatele valikutele (näiteks: "Tore, et pilt sulle meeldib!", "Kahju, et pilt ei meeldinud" vms).<br />
<br />
<a href="http://easygui.sourceforge.net/tutorial.html#how-to-show-an-image-in-a-buttonbox" target="_blank">http://easygui.sourceforge.net/tutorial.html#how-to-show-an-image-in-a-buttonbox</a></div>
Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-79661353722000879412019-05-01T13:10:00.000-07:002019-05-05T22:12:58.972-07:00Python - funktsioonidEelmistel tundidel rääkisime, et Pythonis ei saa anda muutujatele nimeks selliseid sõnu, nagu <i>print</i>, <i>input</i>, sest neid sõnu kasutab Python ise oma programmi koodis.<br />
<div>
Tegelikult tähendavad need sõnad Pythonisse sisse ehitatud <b>funktsioone</b>, mida me programmi kirjutamisel kasutada saame.</div>
<div>
<br /></div>
<div>
<b>Funktsioonid</b> on programmilõigud, mis määravad ära mingi konkreetse (või mingid konkreetsed) tegevused ning mida saab vajadusel programmi eri osades välja kutsuda.</div>
<div>
<br /></div>
<div>
Funktsiooni kirjeldus algab lühendiga <i><span style="color: #0b5394;">def </span></i>edasi tuleb <i><span style="color: #0b5394;">funktsiooni nimi</span></i> ning<i><span style="color: #0b5394;"> sulud</span></i> (sulgudesse saab lisada <i><span style="color: #0b5394;">parameetri</span></i>, aga kui seda ei ole, siis tühjad sulud tuleb ikkagi kirjutada. Rea lõpetab <b>koolon</b>!<br />
<b>Funktsiooni sisu kirjutatakse taandega ehk trepitakse!</b></div>
<div>
<br /></div>
<div>
<u>Ilma parameetrita funktsioon</u></div>
<div>
<i><span style="color: #0b5394;"><br /></span></i></div>
<div>
<i><span style="color: #0b5394;">def loenda():</span></i></div>
<div>
<i><span style="color: #0b5394;"> i = 10</span></i></div>
<div>
<i><span style="color: #0b5394;"> while i > 0:</span></i></div>
<div>
<i><span style="color: #0b5394;"> print(i)</span></i></div>
<div>
<i><span style="color: #0b5394;"> i = i - 1</span></i></div>
<div>
<i><span style="color: #0b5394;">loenda()</span></i></div>
<div>
<i><span style="color: #0b5394;"><br /></span></i></div>
<div>
<u>Parameetriga funktsioon</u></div>
<div>
<i><span style="color: #0b5394;"><br /></span></i></div>
<div>
<div>
<i><span style="color: #0b5394;">def loenda(i):</span></i></div>
<div>
<i><span style="color: #0b5394;"> </span></i><i><span style="color: #0b5394;">while i > 0:</span></i></div>
<div>
<i><span style="color: #0b5394;"> print(i)</span></i></div>
<div>
<i><span style="color: #0b5394;"> i = i - 1</span></i></div>
</div>
<div>
<i><span style="color: #0b5394;">loenda(10)</span></i></div>
<div>
<br /></div>
<div>
<b><span style="color: #660000;">NB! Funktsioonid peavad olema kirjeldatud enne, kui neid programmis välja kutsutakse! Tavaliselt kirjeldatakse funktsioonid ära programmi alguses.</span></b><br />
<b><span style="color: #660000;"><br /></span></b>
<span style="color: #660000;">Funktsiooni väljakutsumiseks kirjutatakse funktsiooni nimi ja selle järel ümarsulud (või ümarsulgudes parameeter).</span><br />
<span style="color: #660000;"><br /></span>
<span style="color: #660000;">Näiteks <i><span style="color: #0b5394;">loenda(10)</span></i> kutsub viimases näites välja funktsiooni loenda ning annab parameetri kaudu teada, et loendamist tuleb alustada 10-st.</span></div>
<div>
<br /></div>
<div>
<hr />
<b><u>Ülesanne 14</u></b></div>
<div>
Testi ülalolevaid funktsioone! Kas nende poolt väljastatud tulemuses on mingi erinevus?</div>
<div>
<br /></div>
<hr />
<div>
Parameetri (antud näidete puhul selle arvu, millest me hakkame alla loendama), saame ka kasutajalt küsida.</div>
<div>
<br /></div>
<div>
Näiteks küsib allolev programm kasutajalt arvu, millest saa soovib allapoole loendama hakata ning funktsiooni parameetriks saabki see arv:</div>
<div>
<br /></div>
<div>
<div>
<i><span style="color: #0b5394;">def loenda(i):</span></i></div>
<div>
<i><span style="color: #0b5394;"> while i > 0:</span></i></div>
<div>
<i><span style="color: #0b5394;"> print (i)</span></i></div>
<div>
<i><span style="color: #0b5394;"> i = i-1</span></i></div>
<div>
<i><span style="color: #0b5394;">n = int(input("Sisesta arv: ")) </span></i></div>
<div>
<i><span style="color: #0b5394;">loenda(n)</span></i></div>
</div>
<div>
<br /></div>
<div>
Ülaltoodud näidetes väljastas funktsioon midagi (printis ekraanile numbreid). Vahel on aga vaja, et funktsioon lihtsalt arvutaks midagi välja ning annaks meile vastuse (ja meie saame selle vastusega edasi tegeleda).<br />
Väärtuse väljastamiseks on käsklus return<br />
<br />
Näiteks allolev funktsiooninäide liidab funktsiooni nimetuse juures sulgudes antud arvud, aga vastust välja ei prindi.<br />
<br />
<i><span style="color: #0b5394;">def liitmine(a,b):</span></i><br />
<i><span style="color: #0b5394;"> return a + b</span></i><br />
<br />
Ka funktsiooni väljakutsumisel ei prindita midagi. Selleks, et näha, kas funktsioon ka õigesti töötab, tuleb lisada käsklus print.<br />
<br />
<i><span style="color: #0b5394;">def liitmine(a,b):</span></i><br />
<i><span style="color: #0b5394;"> return a + b</span></i><br />
<i><span style="color: #0b5394;">print(liitmine(2,4))</span></i><br />
<i><span style="color: #0b5394;"><br /></span></i>
<br />
<hr />
<b><u>Ülesanne 15</u></b><br />
Kasutades ülalolevat näidet loo programm, mis küsib kasutajalt 2 arvu (näiteks a ja b) ning väljastab nende summa. Väljastamisel võiks progamm ka öelda, et a ja b summa on ... </div>
<div>
<hr />
<b><u>Ülesanne 16</u></b><br />
Täienda eelmist programmi lahutamise funktsiooniga nii, et peale arvude sisestamist väljastaks programm nii nende summa kui vahe!<br />
<br />
<hr />
<b><u>Ülesanne 17</u></b><br />
Täienda eelmist programmi selliselt, et kasutaja käest küsitakse, kumba tehet ta teha soovib ning vastavalt sellele käivitatakse funktsioon ning kuvatakse tulemus.<br />
<br />
<hr />
<b><u>Ülesanne 18</u></b><br />
Tuleta meelde eelmisel tunnil õpitud kilpkonnagraafikat. Kuidas saab <a href="https://viimsiproge.blogspot.com.ee/search/label/27.%20tund" target="_blank">siin ülesandes 13</a> funktsiooni kasutada?<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="https://drive.google.com/file/d/1DCO3Qc_7ES7IsF5laNaGR2T33DJB6Lk2/view?usp=sharing" target="_blank">Koodinäide</a><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
<div>
<br /></div>
Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-64704883147348444302019-04-26T12:54:00.000-07:002019-05-02T11:52:00.509-07:00Python - graafikaelemendidSenini oleme Pythonis tegelenud teksti sisestamise ning sellele tekstikujul ka vastuse saamisega.<br />
<br />
Tegelikult saab Pythoniga tekitada ka joonistusi. Üks lihtsamaid võimalusi on turtle ehk kilpkonn - seda graafikat kutsutaksegi kilpkonnagraafikaks.<br />
<br />
Selleks, et Python aru saaks, et tuleb joonistama hakata, tuleb esmalt seda talle teada anda - selleks kirjutame programmi esimesele reale käskluse<br />
<br />
<div>
<b><span style="color: #741b47;">from</span> turtle <span style="color: #741b47;">import</span> * </b><br />
<br />
Nüüd imporditakse Pythoni moodulist turtle vajalikud osad, et joonistamisega algust teha.</div>
<div>
<br /></div>
<div>
Käsklused, millega saab kilpkonna liigutada, on:</div>
<div>
<br /></div>
<div>
<span style="color: #38761d;"><b>forward(x)</b></span> - liigu edasi x piksli võrra</div>
<div>
<span style="color: #38761d;"><b>back(x)</b></span> - liigu tagasi x piksli võrra</div>
<div>
<b><span style="color: #38761d;">left(d)</span> </b>- pööra vasakule d kraadi</div>
<div>
<span style="color: #38761d;"><b>right(d)</b></span> - pööra paremale d kraadi</div>
<div>
<br /></div>
<div>
Kopeerige järgmine programmilõik Thonny koodiaknasse ja käivitage <i>(NB! Salvestamisel ei tohi failile nimeks anda turtle, sest seda nime kasutab Python ise oma programmis - seega andke failile nimeks näiteks kilpkonn)</i>.</div>
<div>
<br /></div>
<div>
<div>
<span style="color: #0b5394;">from turtle import * </span></div>
<div>
</div>
<div>
<span style="color: #0b5394;">forward(100) </span></div>
<div>
<span style="color: #0b5394;">left(90) </span></div>
<div>
<span style="color: #0b5394;">forward(100) </span></div>
<div>
<span style="color: #0b5394;">left(90)</span></div>
<div>
<span style="color: #0b5394;">forward(100)</span></div>
<div>
<span style="color: #0b5394;">left(90)</span></div>
<div>
<span style="color: #0b5394;">forward(100)</span></div>
</div>
<span style="color: #0b5394;"><br />exitonclick()</span><br />
<div>
<br /></div>
<div>
Mis kujund joonistatakse?</div>
<div>
<br /></div>
<div>
Käsklus <span style="color: #38761d;"><b>exitonclick()</b></span> tähendab, et joonistusaken suletakse, kui selles hiirega klõpsata. Kui seda ei lisa, siis tuleb aken ristikesest sulgeda.</div>
<div>
<br /></div>
<div>
Eelmisel tunnil õppisime kirja panema tsükleid.</div>
<div>
<br /></div>
<hr />
<div>
<u><b>Ülesanne 10</b></u></div>
<div>
<br /></div>
<div>
Pane näiteülesanne kirja while-tsüklit kasutades!</div>
<div>
<br /></div>
<hr />
<div>
<u><b>Ülesanne 11</b></u></div>
<div>
<br /></div>
<div>
Pane kilpkonn joonistama võrdkülgset kolmnurka, mille küljepikkuseks on 200 pikslit.<br />
<br />
<hr />
<br />
Joonistamisel on võimalik ka kilpkonna värvi muuta ning joonistada erinevat värvi kujundeid.<br />
Värvi valimiseks on käsklus <span style="color: #38761d;"><b>color("värvinimi")</b></span> - näiteks <span style="color: #38761d;"><b>color("red")</b></span> värvib joone punaseks.<br />
<br />
Kui soovime kinnise joonega kujundit seest ära värvida, tuleb joonistamise trükli või käsurea algusesse kirjutada kood<br />
<br />
<span style="color: #38761d;"><b>begin_fill()</b></span><br />
<br />
ja lõppu<br />
<br />
<span style="color: #38761d;"><b>end_fill()</b></span><br />
<br />
Katseta järgmist koodi (kopeeri see Thonny koodiaknasse ja käivita):<br />
<br />
<span style="color: #0b5394;">from turtle import * </span><br />
<span style="color: #0b5394;">color("red")</span><br />
<span style="color: #0b5394;">i=0 </span><br />
<span style="color: #0b5394;">begin_fill()</span><br />
<span style="color: #0b5394;">while i<4:</span><br />
<span style="color: #0b5394;"> forward(100)</span><br />
<span style="color: #0b5394;"> left(90)</span><br />
<span style="color: #0b5394;"> i=i+1</span><br />
<span style="color: #0b5394;">end_fill()</span><br />
<span style="color: #0b5394;"><br /></span>
<br />
Joone paksust saab muuta käsklusega <b><span style="color: #274e13;">pensize(number)</span></b><br />
<hr />
<u><b>Ülesanne 12</b></u><br />
<br />
Täienda oma kolmnurga joonistamise programmi nii, et kilpkonn joonistaks sellise pildi <i>(suurima kolmnurga küljepikkus on 200 ning väikseimal 100, värvid on inglise keeles green, red ja yellow)</i>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRN12lO1_naKDBFnJB4HoGokVVIoP5KITe_VNrpbDdBK1bdIMWD2hjZIOduiCuWqlUu4VdoomMSFKbr6RBUAnajHMNcPxDsB-jjeLGEB_GyRc8D_yWONw2BWWEyKHmdo5QjGrILjOtWMDp/s1600/varvkolmnurk.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRN12lO1_naKDBFnJB4HoGokVVIoP5KITe_VNrpbDdBK1bdIMWD2hjZIOduiCuWqlUu4VdoomMSFKbr6RBUAnajHMNcPxDsB-jjeLGEB_GyRc8D_yWONw2BWWEyKHmdo5QjGrILjOtWMDp/s1600/varvkolmnurk.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<b><u>Ülesanne 13</u></b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Kui eelmine kolmnurk valmis, siis täienda programmi nii, et selle käivitamisel joonistatakse selline kujund.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNV6ValFikMtOV3ZOplqNfDYVL4C1h_G0QVRsJEVGH4ZDgfKtFN8lDjEy4a4w-_-2QlnY_W9MUrPzIYGQv2Xqsp0tVivWaheafs4y6oBbqvMpmlAhDlFDcUYKm94aFYdsEixZN3_stEuOi/s1600/3xvarvkolmnurk.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNV6ValFikMtOV3ZOplqNfDYVL4C1h_G0QVRsJEVGH4ZDgfKtFN8lDjEy4a4w-_-2QlnY_W9MUrPzIYGQv2Xqsp0tVivWaheafs4y6oBbqvMpmlAhDlFDcUYKm94aFYdsEixZN3_stEuOi/s320/3xvarvkolmnurk.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Kilpkonna saab joonistama panna ka ekraani erinevatest punktidest. Asukoha muutuseks sobib käsklus <b><span style="color: #274e13;">goto(x, y)</span></b> ehk näiteks <span style="color: #274e13;"><b>goto(100, 200)</b></span> läheb punkti, mille x koordinaat on 100 ja y koordinaat 200.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Kui te mingit muud käsurida programmi ei lisa, siis alutab kilpkonn liikumist akna keskpunktist (0, 0) ja jätab uude punkti liikumisel maha joone.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Ilma jooneta joonistamiseks tuleb enne liikumist anda kilpkonnale käsklus <b><span style="color: #274e13;">penup()</span></b> või lihtsat <span style="color: #274e13;"><b>up()</b></span> ja uuest nö pliiati paberile panekuks käsklus <span style="color: #274e13;"><b>pendown()</b></span> või <span style="color: #274e13;"><b>down()</b></span>.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><u>Lisaülesanne</u></b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Katseta käsklusi <b>bgcolor("pink")</b></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://docs.google.com/document/d/19eTpBUq1uBOSrHxWjyed2Bvcz8K-H_c75DQcEKfdD2g/edit?usp=sharing" target="_blank">Katseta seda koodi siin!</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<br />
<br /></div>
Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-23521481820652036222019-01-13T11:21:00.000-08:002019-01-20T11:28:35.733-08:00InO-Bot roboti programmeerimine ScratchisInO-Bot on põrandal liikuv robot, mida saab programmeerida Scratchi abil.<br />
Robotil on olemas terve rida andureid, mida saab programmeerimisel kasutada.<br />
<br />
Esmalt on vaja robot arvutiga ühendada. Selleks peab arvutis bluetooth ühendus ja alla laetud ning installeeritud <a href="https://scratch.mit.edu/download/scratch2" target="_blank"><b>Scratch 2.0</b></a> (mitte Scratch Desktop, vaid vanem versioon!) ja <a href="https://www.tts-international.com/on/demandware.static/-/Sites-TTSGroupE-commerceMaster/default/dwe004f1d9/images/software/LauncherSetup.zip" target="_blank"><b>Scratch Launcher</b></a> - ilma nendega ei ole võimalik InO-Bot robotit Scratchiga programmeerida.<br />
<br />
<a href="https://docs.google.com/document/d/1x5s1afhWk1ICHgdSvVrNQCRM0rCg8d1H44AXmCQ9iag/edit?usp=sharing" target="_blank">InO-Boti ühendamine arvutiga.</a><br />
<br />
<b>Ülesanne 1</b> - <a href="https://docs.google.com/document/d/1Qgcg8uaIAXyLZ44EwSR5hUAwCCZiaXrwPNm5uJxathg/edit?usp=sharing" target="_blank">roboti liikumise programmeerimine.</a>Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.com0tag:blogger.com,1999:blog-8378297184796110864.post-77828229275759500822019-01-04T04:09:00.003-08:002019-01-04T04:09:31.831-08:00Mäng agar.io ainetel (edasiarendus)<div>
<span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;">Agar.io mängu juhend (üks kasutaja poolt liigutatav täpp, mis sööb teisi täppe)</span></span></div>
<div>
<span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;"><a href="http://viimsiproge.blogspot.com/2016/02/mang-agario-ainetel.html" target="_blank">http://viimsiproge.blogspot.com/2016/02/mang-agario-ainetel.html</a></span></span></div>
<div>
<span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;"><br /></span></span></div>
<div>
<span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;"><br /></span></span></div>
<ul id="yui_3_17_2_1_1546534486900_419" style="background-color: white; color: #333366; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; margin: 0px 0px 10px 25px; padding: 0px;">
<li style="line-height: 20px;">Lisa mängu teine "täpp", mis samuti koos sinu liigutatava objektiga hakkab teisi täppe sööma!</li>
<li style="line-height: 20px;">Kui teine täpp on suurem ja puutub kokkku sinu objektiga, siis süüakse sind ära!</li>
<li style="line-height: 20px;">Kui sinu objekt puudutab teist täppi ja on sellest suurem, siis süüakse teine täpp ära!</li>
</ul>
<div>
<span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;"><br /></span></span></div>
<div>
<span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;"><u>Töö käik:</u></span></span></div>
<div>
<ul>
<li><span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;">Loo uus täpp, mis hakkab samuti teisi täppe sööma.</span></span></li>
</ul>
<blockquote class="tr_bq">
<ul>
<li><span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;">Tee teise sööva täpi jaoks uued muutujad suuruse ja kiiruse muutmiseks (nt suurus2 ja kiirus2).</span></span></li>
</ul>
</blockquote>
<ul>
<li><span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;">Programmeeri täpp juhuslikult liikuma</span></span></li>
</ul>
<span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;"><br /></span></span><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo3DrlWSt4QOIqxCqTgRgIoUObvgvZySg5yTd_bwUk5ZdI7f2hQIT9XKWVHMywp9Ed2QzQrrY1gD5PS2bAtI6HaoLuSspSL7uaM1i_pK0mZrHIezeEt_5hwRR-5efKVb_b0BtarCI2A6Vd/s1600/teinetapp_juhuslik_liikumine.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="242" data-original-width="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo3DrlWSt4QOIqxCqTgRgIoUObvgvZySg5yTd_bwUk5ZdI7f2hQIT9XKWVHMywp9Ed2QzQrrY1gD5PS2bAtI6HaoLuSspSL7uaM1i_pK0mZrHIezeEt_5hwRR-5efKVb_b0BtarCI2A6Vd/s1600/teinetapp_juhuslik_liikumine.jpg" /></a></div>
<ul>
<li><span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;">Programmeeri söödavat täpid (kloonid) nii, et kui neid puudutab see teine täpp, siis nad kaovad sama moodi, nagu põhilise mängutäpi puudutusel. Samuti muutub täpp suuremaks (muutuja suurus2 muutumine) ja liikumine aeglasemaks (kiirus2 muutumine).</span></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBWTKjmaD1_peMsb0mgneeTE8K7okTzgm69aYDpGql-cPKrgx5vfkl7MJs3j13KVCiv4pMaeF4qfG1yKH0ZPh3E-XnaZRkkyUkkaeDAVOjgJD-6-qCdmPYdXHcL6XWNmVa04N5ONC6K9ps/s1600/teinetapp_kloon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="167" data-original-width="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBWTKjmaD1_peMsb0mgneeTE8K7okTzgm69aYDpGql-cPKrgx5vfkl7MJs3j13KVCiv4pMaeF4qfG1yKH0ZPh3E-XnaZRkkyUkkaeDAVOjgJD-6-qCdmPYdXHcL6XWNmVa04N5ONC6K9ps/s1600/teinetapp_kloon.jpg" /></a></div>
<div>
<span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;"><br /></span></span></div>
<ul>
<li><span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;">Nüüd lisa oma mängutäpi skripti suuruse kontroll. Juhul kui sinu täpp puutub kokku teise täpiga (sellega, mis ka sööb teisi täppe), siis vastavalt täppide suurusel süüakse kas sinu täpp ära või siis see teine täpp (nagu agar.io mängus käib).</span></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo5AzK8vqTTQp0GWcTOHM3l6HhvDKAQXXgtl0bEYb0h4lVUPMqSNYPuZe1mcPlG-B4nOCsYvIxoYgr3tf-AaJrNjCNbK8R1wLpzifB_I6kFwK-fdgM4-NpAlDQtiQx2bBQAYa2Lt_qAqi9/s1600/suuruse_kontroll.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="219" data-original-width="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo5AzK8vqTTQp0GWcTOHM3l6HhvDKAQXXgtl0bEYb0h4lVUPMqSNYPuZe1mcPlG-B4nOCsYvIxoYgr3tf-AaJrNjCNbK8R1wLpzifB_I6kFwK-fdgM4-NpAlDQtiQx2bBQAYa2Lt_qAqi9/s1600/suuruse_kontroll.jpg" /></a></div>
<ul>
<li><span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;">Lisa tegevused vastavalt teadetele (et teade "söödud" peidaks teise täpi ja teade "mäng läbi" sinu täpi). Mängu võib lõpetada ka nii, et joonistad tausta kirjaga "Mäng läbi" ja see tuleb siis teate peale nähtavaks.</span></span></li>
</ul>
</div>
<div>
<span style="color: #333366; font-family: helvetica neue, helvetica, arial, sans-serif;"><span style="font-size: 14px;"><br /></span></span></div>
Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-32115272803892893682018-11-26T07:01:00.001-08:002018-11-27T03:23:37.295-08:00Scratch ja joonistamineJoonistamise võimaluste kasutamine Scratchis<br />
<br />
Scratchis on võimalik spraidiga ka joonistada, vajalikud klotsid leiab <b>pliiatsi</b> alt. Oluline on teada, et joon jääb nähtavaks siis, kui pliiats on all (<b>pliiats alla</b>) ning joonistamine (joone näitamine) lõpeb siis, kui pliiats on üleval (<b>pliiats üles</b>).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMefkFHWNslhFCa4t1IPJIiaFBHGAdFX2DyQh7UH5sLeQqZIkf-23Z44g0AmSwXJHzR9Z9MdIdtQigfz70gKToy5PdCftUZRYcruKAkIFKp_ThB7XEYFjCk2VhbypAS-c70kPODgpR-B1H/s1600/joonistamine.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="548" data-original-width="507" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMefkFHWNslhFCa4t1IPJIiaFBHGAdFX2DyQh7UH5sLeQqZIkf-23Z44g0AmSwXJHzR9Z9MdIdtQigfz70gKToy5PdCftUZRYcruKAkIFKp_ThB7XEYFjCk2VhbypAS-c70kPODgpR-B1H/s1600/joonistamine.jpg" width="296" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><u>Ülesanne 1.</u></b></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ol>
<li>Ava uus projekt.</li>
<li>Eemalda kassi-sprait ja pane selle asemele pliiats. Jäta taust valgeks, sest sinna saab siis pliiatsiga joonistada.</li>
<li>Joonistamiseks katseta järgmist koodi (alustamiseks saab valida ka mingi muu käsu, kui spraidil klõpsamise) - vt allolevat koodi.</li>
</ol>
<ul><ul>
<li>Millist probleemi koodi rakendamisel näed?</li>
</ul>
</ul>
<ol>
</ol>
<div>
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3YT9iSTpW2pyUDpt2YszHWotIwy8xBJbamxZLxW_Ejgdq_49t4kMoIfI69usPnqLROz4hKQW2uO9I0S8lO2jR_RTqvtEdFaTyq3L7KhkUl00CnU_HpDMptlmPqTQacPIyrBNKM2JSclBo/s1600/joonistamine1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="178" data-original-width="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3YT9iSTpW2pyUDpt2YszHWotIwy8xBJbamxZLxW_Ejgdq_49t4kMoIfI69usPnqLROz4hKQW2uO9I0S8lO2jR_RTqvtEdFaTyq3L7KhkUl00CnU_HpDMptlmPqTQacPIyrBNKM2JSclBo/s1600/joonistamine1.jpg" /></a></div>
<br /></div>
<div>
4. Täienda oma koodi - <i>lahtiseletatult paneb see pliiatsi liikuma ainult juhul, kui hiirekursori kaugus pliiatsist on suurem kui 5</i>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVwNMisrqyvkAYb098ppj0sj-3Ok6Rd1bRICxWzrCmO-fDQb0KkXAI8huzVOtGaacSMiM4rB00LPi27b5jm1vCsU01cZLWtefDA-uGjxFho3BcvYWaKZyBSMKmLvABDMfT6ofGLjQCkmJZ/s1600/joonistamine2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="209" data-original-width="299" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVwNMisrqyvkAYb098ppj0sj-3Ok6Rd1bRICxWzrCmO-fDQb0KkXAI8huzVOtGaacSMiM4rB00LPi27b5jm1vCsU01cZLWtefDA-uGjxFho3BcvYWaKZyBSMKmLvABDMfT6ofGLjQCkmJZ/s1600/joonistamine2.jpg" /></a></div>
<br />
5. Lisa ka joonistatu kustutamise võimalus.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLfyR3U7CIlTqODNtXUWwZ9m9yW2W5n3k1gz-V4xnz-JMGNGDPf4iNnj4xxienKxkJJCJhyoV83ZnPmqQu_JNeBDsjgBP2U9F1PEcRKfXBEog5tSCY7XLJ36iOLSwR47EV3j5gZgZCrGdY/s1600/kustutamine.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="86" data-original-width="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLfyR3U7CIlTqODNtXUWwZ9m9yW2W5n3k1gz-V4xnz-JMGNGDPf4iNnj4xxienKxkJJCJhyoV83ZnPmqQu_JNeBDsjgBP2U9F1PEcRKfXBEog5tSCY7XLJ36iOLSwR47EV3j5gZgZCrGdY/s1600/kustutamine.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
6. Lisa veel üks käsuplokk ja uuri, mida see joonistamise programmiga teeb!<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeWxNVe_qoSd1tiEJFd6Oiw1OdM5or6A4nxIorv-LRNpSZjdu_d0CdDqopsfQbQb_OXdnDSABvqa73Z-vI-qKELFfNXyVvQ_BZkUPvxX48ZIgdYX_CWpl8S_cZ4Hp8jhrlinSOJ4_6LM5w/s1600/pliiats_keskele.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="111" data-original-width="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeWxNVe_qoSd1tiEJFd6Oiw1OdM5or6A4nxIorv-LRNpSZjdu_d0CdDqopsfQbQb_OXdnDSABvqa73Z-vI-qKELFfNXyVvQ_BZkUPvxX48ZIgdYX_CWpl8S_cZ4Hp8jhrlinSOJ4_6LM5w/s1600/pliiats_keskele.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
7. Leia võimalus pliiatsijoone värvi muutmiseks. </div>
<div>
<br /></div>
</div>
<div>
<br /></div>
<div>
<b>Ülesanne 2.</b></div>
<div>
<br /></div>
<div>
Programmeeri nüüd pliiats näiteks <i>kolmnurka joonistama</i>! </div>
<div>
<ul>
<li>Joonista lavale näiteks kolmnurga kujuline sprait.</li>
<li>Programmeeri pliiatsit nii, et kolmnurgal klõpsates joonistaks pliiats lavale kolmnurga</li>
<ul>
<li>Täienda oma skripti nii, et iga kord joonistatakse erineva suurusega kolmnurk (muutuja!).</li>
<li>Täienda skripti nii, et kolmnurk joonistatakse iga kord erinevasse kohta.</li>
</ul>
</ul>
</div>
<div>
<br /></div>
<br />
<br />Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-17798367167524512932018-10-22T05:20:00.000-07:002018-10-30T03:17:53.487-07:00Joonejärgimise mäng - lõpetamine ja viimistlusEelmistel tundidel tehtud ülesannetega peaks sinu joonejärgimise mängus olema järgmised asjad:<br />
<ol>
<li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwK9siz5uiX_6-dRK90xOCjwXJA48WMbYMozVqeUazKQJTWMClysZqlRxZE1tIU7RMJWgk9rzjoHnlLBsXoNB4SUzROX9AUFM_pEXVef0vrmeNuSHaKhVwwpuo902pKk2PPKGOcg9vBJu7/w1680-h1050-rw-no/" target="_blank">tegelast saab liigutada nooleklahvidega</a></li>
<li><a href="https://drive.google.com/file/d/0B6sVCcP1hKyCX3RBY01GeU1DNk0/view?usp=sharing" target="_blank">tegelane peab liikumise ajal püsima joonistatud joonel, joonelt väljaminekul viiakse ta tagasi alguspunkti</a></li>
<li><a href="https://drive.google.com/file/d/1Rog2t8TT8onvB8FqSfEN1IGxSkD2o0PLog/view?usp=sharing" target="_blank">joone lõppu jõudes toimub "leveli" vahetus</a></li>
<li><a href="https://drive.google.com/file/d/1WhMUk0SECnHa9YdV3hLhrgtRq0LCi-VWeg/view?usp=sharing" target="_blank">mängule on lisatud vähemalt 1 kukkuv objekt, millega kokkupuutudes l</a>äheb tegelane tagasi alguspunkti</li>
</ol>
Kui Sul midagi eelnimetatutest on puudu, siis tee kõigepealt need valmis ja kindlasti jaga oma projekti Stuudios (lingi leiad paremalt menüüst ja Moodlest).<br />
<br />
Kui oled saanud mängu sellisele tasemele, nagu eelmiste tundide juhendites, siis proovi seda edasi arendada!<br />
<br />
<b>Mängu edasiarendus</b><br />
<br />
Selleks:<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ol>
<li>lisa mängule avaslaid (näiteks taust, millele kirjutad teksti), kus oleks kirjas, kuidas saab mängida. </li>
<ul>
<li>Slaide võib olla ka mitu - näiteks avaslaid mängu nimega ja siis teisena mängujuhend.</li>
</ul>
<li>lisa mängule lõpuslaid (otsusta, peale mitmendat "levelit" saabub mängu lõpp ja anna sellest eraldi taustaga (lavapilt) mängijale teada!</li>
</ol>
<div>
<br /></div>
<div>
Lisaülesanne neile, kellel kõik eelmised punktid on tehtud!<br />
<br /></div>
<div>
<ol>
<li>Lisa uus, laval suvaliselt liikuv objekt, millega kokkupuutudes tegelane läheb ka "leveli" lõppu või siis tagasi joone algusesse.</li>
<ul>
<li>Suvaliselt liikuvat objekti saad programmeerida nii:</li>
</ul>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2SEZbnrBwMqadKaI3A22JopRN_YjnbH35fLo3nR_r3iu5AlyKlr1q2QhyUMuYAoNGQD1_DL9kNJsUucNRRo4eKQvHQNS3Y6aFo2XR0vexXml3Evr_Q_ynBiFEZeoMVhiVIoEDhxNPePil/w1680-h1050-rw-no/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2SEZbnrBwMqadKaI3A22JopRN_YjnbH35fLo3nR_r3iu5AlyKlr1q2QhyUMuYAoNGQD1_DL9kNJsUucNRRo4eKQvHQNS3Y6aFo2XR0vexXml3Evr_Q_ynBiFEZeoMVhiVIoEDhxNPePil/w1680-h1050-rw-no/" width="400" /></a></div>
<div>
<br /></div>
</div>
Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-1306160684184978782018-10-15T12:03:00.004-07:002018-10-15T12:03:58.252-07:00Joonemängu täiendus 3<b style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">Tegelaste näitamine ja peitmine</b><br style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;" /><br style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;" /><span style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">Mängu käigus tuleb tegelasi ka peita. NB! Kui kasutad välimuse alt "peida" klotsi, siis tuleb kusagile kindlasti lisada ka "näita" (vähemalt mängu algusesse, sest muidu jääb tegelane peale esimest läbimängimist peidetuks).</span><br />
<span style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;"><br /></span>
<span style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">Lisame mängule ühe tegelase (näiteks õuna), mis ilmub lava ülemisest servast ja langeb alla. Hiljem saame selle tegelase siduda punktide saamisega, aga esialgu paneme ta lihtsalt liikuma.</span><br style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;" /><br style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;" /><span style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">Õuna ilmumine on siin seotud teatega "liigu", mille peale õunad kukkuma hakkavad.</span><br style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;" /><span style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">Alguses tuleb määrata punkt, kus õun nähtavale ilmub </span><i style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">(lava ülemine serv, y-koordinaat peaks alloleva näite puhul olema selline, et õun lava serva ei puudutaks, sest liikumise lõppemine on kontrollitud serva puutumisega)</i><span style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">.</span><br style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;" /><span style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">Siin saab kasutada </span><b style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">juhuarvu</b><span style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;"> klotsi. Juhuarv on etteantud vahemikust juhuslikult valitud arv. Alloleva näite puhul valitakse x koordinaadi väärtus vahemikust -220 kuni 220 ehk siis lava piirid </span><i style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">(nii, et õun serva ei puudutaks)</i><span style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">.</span><br style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;" /><br />
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSr-JQrvy2koaeW2DLtqEunfx4dHaWO7YCMr_uzQDavQqyayM2cOWFDzfhDo5mAAflU5w31oZepzhsLDzSo8sJ7FKJSp4sJFUZDGOL-GbfpL4PeyOgNuED_D1BlwgndYtj-YnjDR8EfvXh/s1600/oun.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSr-JQrvy2koaeW2DLtqEunfx4dHaWO7YCMr_uzQDavQqyayM2cOWFDzfhDo5mAAflU5w31oZepzhsLDzSo8sJ7FKJSp4sJFUZDGOL-GbfpL4PeyOgNuED_D1BlwgndYtj-YnjDR8EfvXh/s320/oun.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 5px; padding: 5px; position: relative;" width="320" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">
Liikumine lõpeb alumise serva puudutamisel ja siis õun peidetakse, et 2 sekundi pärast jälle lava ülemisest servast teda näidata.</div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">
<b>Mängu lõpetamine</b></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">
Sellest, et mäng läbi sai, oleks hea ka mängijale teada anda. </div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">
Mängu lõpetamiseks on jällegi mitu võimalust:</div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">
- luua mängu lõpust teavitav taust ja anda talle nimi (alloleval näitel on sellise tausta nimeks finish). Nüüd saab lisada kontrollploki, et kui tausta nimeks saab lõputausta nimi, siis peatatakse programm ja peidetakse tegelased).</div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ1Z9BmQUpt1KZyViCNG4I1WCROxJD_ZviH09TR13vaYKWZExKvp7PZ44cdp88KVuRAuWbEPPBzpNdtU32xCVY9MQja3quOP5uJKOMAn-zRLqV3xe0QkpNmjreXUBZu0g7GJl_xjdeD_qe/s1600/finish.jpg" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ1Z9BmQUpt1KZyViCNG4I1WCROxJD_ZviH09TR13vaYKWZExKvp7PZ44cdp88KVuRAuWbEPPBzpNdtU32xCVY9MQja3quOP5uJKOMAn-zRLqV3xe0QkpNmjreXUBZu0g7GJl_xjdeD_qe/s1600/finish.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 5px; padding: 5px; position: relative;" /></a></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">
- luua muutuja, mis suureneb "levelite" kasvades ja teatud arvu juures kuvab teate mängu lõppemise kohta (muutujatega tegeleme järgmisel tunnil).</div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">
<b><u>Ülesanne</u></b></div>
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">
</div>
<ul style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px; line-height: 1.4; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="margin: 0px 0px 0.25em; padding: 0px;">Loo olemasolevale mängule veel 2 "levelit" ja programmeeri nende vahetumine.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Loo lavale ka taust lõpp, mis annaks mängijale teada, et nüüd sai mäng läbi.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Loo objekt, mis hakkab ülevalt lava servast suvalistest kohtadest alla kukkuma.</li>
</ul>
<br style="background-color: white; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;" />
<div class="separator" style="background-color: white; clear: both; color: #666666; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; font-size: 13.2px;">
<a href="http://viimsiproge.blogspot.com.ee/p/scratch-veebikeskkond.html#joon" style="color: #888888; text-decoration-line: none;" target="_blank">Abimaterjalid</a></div>
Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-24973266317066972232018-09-17T13:09:00.000-07:002018-09-17T23:07:17.530-07:00Tegelaste ja tausta joonistamine ScratchisScratchi keskkonnas saab ise sobivaid tegelasi ja taustu joonistada.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-reXgHqmp7hROaFUsRmhceHHdgCEJULio_Ty2km-KnEs3n-TYGptGxl1Cxlx5EHQu3mCw5BXU2Z9uLg1HPZOEYCsB8tLGnWVZA9pWGR8lQVNYNbJ5xBfocAMD-N5bMcXEsjJ0qka_DOWa/s1600/tegelase+eemaldamine.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-reXgHqmp7hROaFUsRmhceHHdgCEJULio_Ty2km-KnEs3n-TYGptGxl1Cxlx5EHQu3mCw5BXU2Z9uLg1HPZOEYCsB8tLGnWVZA9pWGR8lQVNYNbJ5xBfocAMD-N5bMcXEsjJ0qka_DOWa/s200/tegelase+eemaldamine.jpg" width="200" /></a><u><b>Ülesanne 1. </b></u>Joonista Scratci keskkonda oma tegelane ja pane ta liikuma!<br />
Selleks ... <br />
1. Loo Schratchis uus projekt ja eemalda "kass". Selleks klõpsa kassil paremat hiireklahvi ja vali rippmenüüst "eemalda".<br />
2. Joonista oma tegelane, selleks klõpsa Spraitide lisamise menüüs pintslil.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjXtA0e9CZBwl9AwnVUNY3wkVFvq4A39U5gP33m_3-Jw1roxug5Ui_X2BIg1WGwpeD61CGXDoej5y9fzJFUWMet3Hal0mMgepbcGAzaf291JGrShbUM6tvUoECQ_y6HxqIDOReXwdcLpD_/s1600/uue_spraidi_joonistamine.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjXtA0e9CZBwl9AwnVUNY3wkVFvq4A39U5gP33m_3-Jw1roxug5Ui_X2BIg1WGwpeD61CGXDoej5y9fzJFUWMet3Hal0mMgepbcGAzaf291JGrShbUM6tvUoECQ_y6HxqIDOReXwdcLpD_/s320/uue_spraidi_joonistamine.jpg" width="320" /></a></div>
3. Edasi avaneb joonistamise aken ehk tegelikult kostüümide "sakk".<br />
Tegelase joonistamisel saad talle lisada erinevaid kostüüme, mis võivad olla ka näiteks erinevad näoilmed või käte-jalgade liigutused.<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSwLwqfzrOa4T48vFe4lUVEJkOnZh_F-67UOwDe0B8d6b9X9_hsD939YBHFxn0WNbTvWEUhUQoEn8DYTdce7PQi0umJsgknOouFd-cPo6pHbbjpjWumVIIQ_26TKV24HuZp9g5XgEZp6VQ/s1600/joonistamine1.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSwLwqfzrOa4T48vFe4lUVEJkOnZh_F-67UOwDe0B8d6b9X9_hsD939YBHFxn0WNbTvWEUhUQoEn8DYTdce7PQi0umJsgknOouFd-cPo6pHbbjpjWumVIIQ_26TKV24HuZp9g5XgEZp6VQ/s320/joonistamine1.jpg" width="320" /></a></div>
4. Vali sobiv värv ning tööriist ja hakka joonistama.<br />
Juba valmis objekti on võimalik "paljundada", seda saab teha, kui klõpsata kostüümil paremat hiireklahvi ning valida rippmenüüst "paljunda".<br />
<br />
5. Kasutades eelmisel tunnil õpitut (liikumine ja kostüümide vahetus), proovi saada joonistatud objekt liikuma. Selleks klõpsa peale joonistamise lõpetamist keskmises paneelis sõnal "Skriptid" ning lisa oma loodud tegelasele skript.<br />
<br />
6. Joonistusvahenditest annab väikese ülevaate allolev joonis.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXRXH7_mb1CXrlpOy2z58IWOBKeJLqcRoOXh2Piv9t_GmwCzsP8ZxYQyJP0G3YIykfvEOkWNH7ZIzcSoIDK_tyZFcdGE9Z1t9c92j_Ht_ePP9z9dzjtywscQ0UIOVLF_I2eJA9u2R9CPRx/s1600/menyy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXRXH7_mb1CXrlpOy2z58IWOBKeJLqcRoOXh2Piv9t_GmwCzsP8ZxYQyJP0G3YIykfvEOkWNH7ZIzcSoIDK_tyZFcdGE9Z1t9c92j_Ht_ePP9z9dzjtywscQ0UIOVLF_I2eJA9u2R9CPRx/s320/menyy.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Kui soovid oma joonistatud tegelast hiljem ka muudes programmides kasutada, siis saad ta arvutisse alla laadida (NB! Salvesta kindlasti oma kooli arvutivõrgus olevasse kausta).</div>
<div class="separator" style="clear: both; text-align: left;">
Selleks klõpsa tegelasel paremat hiireklahvi ja vali rippmenüüst "Salvesta lokaalsesse faili". Edasi vali kaust, kuhu fail salvestada. </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCqC3KwYXKIwqGZqB3190zauN3Ra8MPv0K6LzRm79NaFJ2cO1RoaFgJldOKeoLTVZzlXi0BAPHlgzCUyX3cePP1lJw8PtS6hdVnE8J7Gx6EN2Yv8JFgCgJTCN6LYmWSRQnZWKp0KhKkShs/s1600/allalaadimine.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCqC3KwYXKIwqGZqB3190zauN3Ra8MPv0K6LzRm79NaFJ2cO1RoaFgJldOKeoLTVZzlXi0BAPHlgzCUyX3cePP1lJw8PtS6hdVnE8J7Gx6EN2Yv8JFgCgJTCN6LYmWSRQnZWKp0KhKkShs/s320/allalaadimine.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<b><u>Ülesanne 2. </u></b>Joonista oma tegelasele ka tegevuseks sobiv taust (lava). Mõtle ise välja, kust avaneb võimalus oma tausta joonistamiseks!<br />
<br />
<u>Tegelast on võimalik lisada ka failist. </u>Selleks tuleb sobiv pilt arvutisse salvestada ning siis Scratchi keskkonda üles laadida.<br />
NB! Vali läbipaistva taustaga pilt. Scratchis saab tausta küll kustutada, aga see on üsna tülikas tegevus.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9rfwpDFIJTMZJRJHs0zKFTY0fW4-MnsCSpfcNLwuaX_tu6tWu_cluF-O-zkwCUo2LEl3GsmJAnrqG8OOqKUdozn048MpKcCWaYIgjecpm9yj07u1NXry3tNld37Gouet3fS2pNJZRa6NF/s1600/yleslaadimine.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9rfwpDFIJTMZJRJHs0zKFTY0fW4-MnsCSpfcNLwuaX_tu6tWu_cluF-O-zkwCUo2LEl3GsmJAnrqG8OOqKUdozn048MpKcCWaYIgjecpm9yj07u1NXry3tNld37Gouet3fS2pNJZRa6NF/s320/yleslaadimine.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<br />
<br />Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-35449702809661607132018-09-01T01:56:00.000-07:002018-09-03T05:18:54.371-07:00Programmeerimise valikaine 2018/2019 õppeaastal.Tere!<br />
<div>
<br /></div>
<div>
Alutame programmeerimise valikainega! Selle õppeaasta jooksul tutvume lähemalt programmeerimiskeskkonnaga Scratch, loome mõned äpid programmiga AppInventor ja teeme tutvust Pythoni programmeerimiskeelega.<br />
<br />
<a href="http://viimsiproge.blogspot.com/p/programmeerimise-valikaine-ainekava.html" target="_blank">Programmeerimise algkursuse ainekava</a></div>
<div>
<br /></div>
<div>
Blogi paremas servas on õppetunnid ja neil klõpsates avanevad vastava tunni materjalid. </div>
<div>
<br /></div>
<div>
Õppeaasta lõpul (kevadel) tuleb igal õpilasel ühes aasta jooksul õpitud keskkonnas/ keeles valmis teha lõputöö (töötav programm) ja selle eest saadud hinne on ka hinne programmeerimise valikainele.</div>
<div>
<br /></div>
<div>
Edukat õppimist!</div>
<div>
Vilve Roosioks</div>
Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-20282308188730940532018-08-31T12:42:00.000-07:002018-09-04T00:21:52.653-07:00Programmeerimist õpetavad mängud<h3>
Mängud programmeerimise õppimiseks</h3>
<a href="http://learn.code.org/hoc/1" style="color: #2288bb; text-decoration: none;" target="_blank">http://learn.code.org/hoc/1</a><br />
<br />
Programmeerimise õppimiseks on loodud ka mitmeid arvutimänge, mille abil on võimalik algteadmisi omandada. Sellel lehel vaatame neist lihtsamaid, kus tegevused tuleb teatud kindlas järjekorras klotsidest kokku panna, et tegelane oma eesmärgile jõuaks.<br />
<br />
Mängus on 20 taset, esimeste tasemete läbimiseks tuleb kirjutada linnule ette liikumise tee, et ta põrsa kätte saaks. Tegelase saab liikuma panna plokkidega<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizVIgIJgubTzxURrkGn59vI2GgGTDTc5bvJAj4-7e0qtoHLCXFGW5yzeeJaNZvM5GH-cIksgz04EVkgdZOupM65Ku5AOUBO-tvf79xAqLg3uP9C-aNHk0qy38n7fE9vmn3JRMqmTwwRkfY/s1600/angry_birds.jpg" imageanchor="1" style="color: #073763; margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizVIgIJgubTzxURrkGn59vI2GgGTDTc5bvJAj4-7e0qtoHLCXFGW5yzeeJaNZvM5GH-cIksgz04EVkgdZOupM65Ku5AOUBO-tvf79xAqLg3uP9C-aNHk0qy38n7fE9vmn3JRMqmTwwRkfY/s1600/angry_birds.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<br />
Edasi tuleb juhatada zombie lilleni.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1zaKR-Yv-Zl6llh2zpApFE_MosNl3YWXrZf4pU1tDXlaje_ulEAUO47nRfrKF8654XixJYvkRqmoAT89gMW_KPeuHpw09aQUxjaSgaYarUeaQ9y3579vVJX46gNWVCV4s0y0NrFNbl9j9/s1600/angrdybird2.jpg" imageanchor="1" style="color: #2288bb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1zaKR-Yv-Zl6llh2zpApFE_MosNl3YWXrZf4pU1tDXlaje_ulEAUO47nRfrKF8654XixJYvkRqmoAT89gMW_KPeuHpw09aQUxjaSgaYarUeaQ9y3579vVJX46gNWVCV4s0y0NrFNbl9j9/s1600/angrdybird2.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div>
<br />
Kui eelnevast jääb väheseks, siis jätka harjutamist siin:<br />
<a href="https://studio.code.org/s/20-hour" style="color: #2288bb; text-decoration: none;" target="_blank">https://studio.code.org/s/20-hour</a><br />
<br />
<b>Starwars</b>: <a href="https://studio.code.org/s/starwarsblocks/stage/1/puzzle/1" target="_blank">https://studio.code.org/s/starwarsblocks/stage/1/puzzle/1</a><br />
<br />
Ja veel edasijõudnumatele <b>Flappy Bird</b> mäng: <a href="https://studio.code.org/flappy/1" style="color: #2288bb; text-decoration: none;" target="_blank">https://studio.code.org/flappy/1</a><br />
<br />
<b>Minecrafti</b> sõpradele: <a href="https://studio.code.org/s/mc/stage/1/puzzle/1" target="_blank">https://studio.code.org/s/mc/stage/1/puzzle/1</a><br />
<br />
Rohkem variante leiad lehelt: <a href="http://learn.code.org/" style="color: #2288bb; text-decoration: none;" target="_blank">http://learn.code.org/</a><br />
<br />
<br />Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-24426732080671547912018-05-29T03:38:00.000-07:002018-05-29T03:38:07.867-07:00Tutvumine InObot haridusroboti programmeerimisegaInO-Bot on robot, mida saab nutiseadmega programmeerida. Programmeerimiseks mõeldud äpp meenutab Scratchi - tuleb lihtsalt õiged plokid järjekorda panna.<br />
<br />
<a href="https://docs.google.com/document/d/1naAUO82zuSYnj3P_KSDZ2vhuefgxHJwGHXSCQHmYuBA/edit?usp=sharing" target="_blank">Juhend roboti töölepanekuks ja tahvliga ühendamiseks</a><br />
<br />
Programmeerimiseks ava Ino-bot äpp ja ühenda robotiga (vajalik bluetooth ühendus).<br />
Proovi saada robot mööda liikuma ja pöörama.Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-63910344417987865222018-05-21T12:01:00.000-07:002018-05-22T13:33:14.834-07:00HTML - stiilid, värvid ja tabelidHTML dokumenti saab lisada ka värve. Värvide puhul on olemas rida selliseid, mida HTML koodi lugev veebilehitseja suudab mõista sõna järgi (red, blue, green, yellow, pink, brown, gray, gold, violet jms), enamuste teiste toonide puhul tuleb värv sisestada vastava koodiga (vt lõik allpool).<br />
<br />
Värvide lisamine HTML lehele toimub sildi (tag) sees käsuga <b><i>style</i></b>. <br />
Näiteks tausta värvimiseks tuleb <body> sildi sisse lisada style=background-color:azure<br />
<br />
<span style="color: #274e13;"><body style="background-color:azure"></span> azure on siin värvi nimetus<br />
<br />
<blockquote class="tr_bq">
<span style="color: #660000;"><i>RGB värvikoodid:</i> </span></blockquote>
<blockquote class="tr_bq">
<div style="text-align: left;">
<i><a href="http://metshein.com/index.php/veeb/ueksikud-artiklid/623-rgb-vaervid" target="_blank">http://metshein.com/index.php/veeb/ueksikud-artiklid/623-rgb-vaervid</a></i></div>
<div style="text-align: left;">
<i><a href="http://www.w3schools.com/tags/ref_colorpicker.asp" target="_blank">http://www.w3schools.com/tags/ref_colorpicker.asp</a></i></div>
<div style="text-align: left;">
<i>Värvide nimed, mida toetavad kõik veebilehitsejad: <a href="http://www.w3schools.com/tags/ref_colornames.asp" target="_blank">http://www.w3schools.com/tags/ref_colornames.asp</a></i></div>
</blockquote>
Teksti värvi muutmiseks tuleb style-silt kirjutada kas peatüki <p> või pealkirja <h1> sildi sisse.<br />
Näiteks pealkirja H1 punaseks värvimiseks tuleb HTML-i muuta järgmiselt:<br />
<br />
<span style="color: #274e13;"><h1 style="color:red">PEALKIRI</h1> </span><br />
<br />
<blockquote class="tr_bq">
<u><span style="font-size: large;"><b><span style="color: #274e13;">Ülesanne 1</span></b></span></u><br />
Muuda eelmisel tunnil alustatud html-dokumenti nii, et selle <b>taust oleks värviline</b> (vali värvikoodide alt heledam värv) ning <b>suur pealkiri oleks samuti värviline</b> (vali taustavärviga sobiv toon). </blockquote>
<br />
<blockquote class="tr_bq">
<i>PS. Teksti kirjastiili muutmiseks tuleb kasutada stiili font-family ning siis lisada kirjastiil. Kõiki kirjastiile ei ole veebilehitsejad võimelised kuvama. Veebiturvalisi stiile saad näha siit: <a href="http://www.w3schools.com/cssref/css_websafe_fonts.asp" target="_blank">http://www.w3schools.com/cssref/css_websafe_fonts.asp</a></i></blockquote>
<blockquote class="tr_bq">
<i>Pealkirja kirjastiili (font) muutmine stiili Comic Sans MS tuleb lisada:</i><br />
<span style="color: #990000;"><i><h1 style="font-family:Comic Sans MS"></i></span><br />
<i>Juhul kui pealkirjale on juba lisatud näiteks värvistiil, siis saab järgmise stiili eelmise alla lisada nii:</i><br />
<span style="font-size: large;"> <span style="color: #990000;"><i><span style="font-size: small;"><h1 style="color:red<b>; </b>font-family:Comic Sans MS"></span></i></span></span></blockquote>
<br />
<hr />
Kopeeri eelmisel tunnid loodud html-dokumenti <body> ... </body> siltide vahele järgmine kood (võib selle kopeerida siit lehelt). <br />
<br />
<span style="color: #274e13;"><table style="width:100%; text-align:left" border=1><br /> <tr style="text-align:center"><br /> <th style="color:red; background-color:yellow">Eesnimi</th><br /> <th>Perenimi</th><br /> <th>Klass</th><br /> </tr><br /> <tr><br /> <td>Mari</td><br /> <td>Maarikas</td><br /> <td>2b</td><br /> </tr><br /></table> </span><br />
<br />
Salvesta dokument (jälgi, et selle faililaiend oleks html) ning ava veebilehitsejaga! <br />
<br />
<blockquote class="tr_bq">
<span style="font-size: large;"><span style="color: #274e13;"><b><u>Ülesanne 2</u></b></span></span><br />
Uuri lisatud koodi. Millised sildid tähistavad veerge, millised ridu?<br />
<b>Lisa tabelisse 1 rida</b>, milles kuvatakse sinu nimi ja klass.<br />
<b>Lisa tabelisse 1 veerg</b>, milles kuvatakse sinu vanus (Mari Maasika vanuse võid välja mõelda).<br />
Täienda tabelit nii, et selle <b>esimene rida</b> (päiserida) kuvatakse <b>värvilisel taustal</b> ning päiserea test oleks samuti värviline.</blockquote>
<blockquote class="tr_bq">
<i><b>Edasijõudnutele</b> - värvi tabeli teised read samuti ära, nii et need oleksid päisereast erinevat värvi! Samuti võid värvide tabelit nii, et kaks kõrvutiolevat lahtrit poleks sama värvi! Näiteks selline:</i></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRdWyX7zEon1dGZgOP3al8TdY4fBRX1TKSUNbLZmPh4cw_b-JY9qfWwQBZ1PARaXrt_2z_pDmW-xc1I4WHJavGY6ohL8PbpBywsZAne4euM37buszsZcD_gdLhCPzFLaYlr9YWz4ZlhQTm/s1600/varvilinetabel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="58" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRdWyX7zEon1dGZgOP3al8TdY4fBRX1TKSUNbLZmPh4cw_b-JY9qfWwQBZ1PARaXrt_2z_pDmW-xc1I4WHJavGY6ohL8PbpBywsZAne4euM37buszsZcD_gdLhCPzFLaYlr9YWz4ZlhQTm/s1600/varvilinetabel.jpg" width="400" /></a></div>
<br />
<blockquote class="tr_bq">
<span style="color: #274e13;"><b><span style="color: black;">Salvesta fail oma võrgukettal olevasse kausta ning pane talle nimeks</span> teine.html </b></span></blockquote>
<br />
<br />
<a href="https://play.kahoot.it/#/k/8ae3d659-c86b-49f6-a01a-64ea657158ea" target="_blank">Kahoot HTML-i kordamiseks </a><br />
<br />
<br />Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-46936418485419913692018-03-20T12:39:00.000-07:002019-03-14T07:37:08.988-07:00Python - sissejuhatus<div style="text-align: center;">
<div style="text-align: left;">
Programmeerimiskeele Python esimene versioon loodi Guido van Rossum'i poolt 1989. aastal, tegemist on suhteliselt lihtsa kõrgtasemel programmeerimiskeelega. Nime on keel saanud inglise koomikutegrupi Monty Python järgi.</div>
</div>
<div>
<br /></div>
Pythoni keele tundmaõppimiseks kasutamine keskkonda Thonny (ikoon on arvuti töölaual).<br />
Thonny saab kodus harjutamiseks alla laadida siit: <a href="http://thonny.cs.ut.ee/">http://thonny.cs.ut.ee/</a><br />
<br />
Igas keeles on programmi kirjapanekuks omad reeglid. Järgmisena vaatama reegleid, mis kehtivad Pythoni keeles.<br />
<br />
Kui me tahame ekraanil midagi kuvada, siis on selleks käskluseks print.<br />
Kirjuta Thonny ülemisse aknasse <i><span style="color: #0b5394;">print ("Tere kevad!")</span></i> ja vajuta nuppu "run" või klaviatuuril nuppu F5 (roheline nooleke töölaua kohal).<br />
<br />
<b><span style="color: #660000;">Millegi ekraanile kuvamiseks kasutatakse Pythonis sõna print ja kuvatav tekst pannakse sulgudesse ning jutumärkidesse.</span></b><br />
<br />
<span style="color: #274e13;">- kustuta jutumärgid ära ja käivita programm uuesti. Mida märkad?</span><br />
<br />
Juhul kui programmis on mingi viga, siis annab sellest teada sõna "error". Praegusel juhul tähendab "syntax error" seda, et viga on just keeles.<br />
<br />
<b><span style="color: #660000;">Teksti kuvamiseks tuleb see kirjutada jutumärkidesse!</span></b><br />
<br />
<b>Muutuja</b> - mälupiirkond andmete salvestamiseks. Nende andmetega saab arvuti muutuja kaudu edasi toimetada.<br />
<br />
<span style="color: #660000;"><b>Muutujal on oma nimi </b>(NB! nimeks ei saa olla mõni Phytonis reserveeritud käsklus, näiteks print)<b> ja talle väärtuse andmiseks kasutatakse võrdusmärki (=)</b></span><br />
<br />
<u>Näiteks</u><br />
<i><span style="color: #0b5394;">a = 1</span></i> (muutuja nimega a väärtuseks on arv 1)<br />
<span style="color: #0b5394;"><i>nimi = "Vilve"</i></span> (muutuja nimi väärtuseks on tekst "Vilve")<br />
<br />
<i><span style="color: #0b5394;">print(a)</span></i> kuvab ekraanil numbri 1<br />
<i><span style="color: #0b5394;">print(nimi)</span></i> kuvab ekraanil nime<br />
<br />
<span style="color: #274e13;">Mida kuvab ekraanil käsk </span><i><span style="color: #0b5394;">print(nimi, a)</span></i><span style="color: #274e13;">?</span><br />
<br />
<span style="color: #274e13;">Mida kuvab ekraanil käsk</span> <i><span style="color: #0b5394;">print(nimi + a)</span></i>?<br />
<br />
Ilmselt saite viimast käsku proovides teate TypeError. See tähendab, et viga on andmete tüübis. Meil on praegu kasutusel 2 andmetüüpi - <b>täisarvud</b> ja <b>sõned</b> (tekst). + märki kasutades saab omavahel kokku liita arve või sõnesid, aga sõnesid ja arve omavahel liita ei saa.<br />
<br />
Lisaks täisarvudele ja sõnedele on Pythonis kasutusel veel sellised andmetüübid, nagu<br />
<b>ujukomaarvud</b> (1.3, 3.14 - <span style="color: #660000;"><b>koma asemel kirjutatakse Pythonis punkt</b></span>)<br />
<b>tõeväärtused </b>(True või False ehk tõene või väär).<br />
<br />
Arvude sõneks teisendamiseks kasutatakse <i><span style="color: #0b5394;">str(a)</span></i> ja sõnede arvudeks teisendamisel<span style="color: #0b5394;"><i> int(a)</i></span> käsklusi (loomulikult ei saa inimese nime selle käsuga numbriks teisendad, aga kui küsime kasutajalt numbri sisestamist, siis võetakse seda sisestatud numbrit kui teksti ning see vajab teisendamist).<br />
<br />
<span style="color: #274e13;">Kuidas kuvada ekraanil teksti "Minu nimi on (nimi)"?</span><br />
<br />
Praegu me kirjutame ise programmi muutuja sisse, aga võimalus on seda ka kasutajalt küsida. Kasutaja vastuse saame muutujasse sisestada käsuga input.<br />
<br />
<i><span style="color: #0b5394;">nimi = input("Sisesta nimi: ")</span></i><br />
<br />
input sõna järel sulgudes olev tekst kuvatakse programmi kasutajale tekstina. NB! Kui soovid, et nime ja kooloni vahele jääks tühik, siis sisesta see tühik jutumärkide sisse.<br />
<br />
<hr />
<u><b>Ülesanne 1</b></u><br />
<br />
Koosta programm, mis küsib kasutajalt nime ning lemmikvärvi ja kuvab vastuseks teksti:<br />
<br />
<span style="color: #38761d;">Tere, nimi! Sinu lemmikvärv on värv!</span><br />
<br />
<hr />
Muutujatega saab teha ka tehteid.<br />
<br />
<i><span style="color: #0b5394;">a=1</span></i><br />
<i><span style="color: #0b5394;">b=2</span></i><br />
<i><span style="color: #0b5394;">kokku=a+b</span></i><br />
<i><span style="color: #0b5394;">print(kokku)</span></i><br />
<br />
Proovi nüüd järgmist programmi käivitada. Mis saad vastuseks?<br />
<br />
<i><span style="color: #0b5394;">a = input("Sisesta 1. arv: ")</span></i><br />
<i><span style="color: #0b5394;">b = input("Sisesta 2. arv: ")</span></i><br />
<i><span style="color: #0b5394;">kokku = a + b</span></i><br />
<i><span style="color: #0b5394;">print(kokku)</span></i><br />
<br />
Kui me küsime vastaja käest arvu, siis võtab programm seda arvu kui teksti ning liitmistehte abil kirjutab lihtsalt arvud järjest, mitte ei liida!<br />
Selleks, et programm sisestatud teksti (mis ju tegelikult ongi arv) arvuna võtaks, tuleb seda eraldi teada anda lühendiga <i><span style="color: #0b5394;">int()</span></i> ehk siis <span style="color: #0b5394;"><i>int(a)</i></span> teisendab muutuja a arvuks ja <span style="color: #0b5394;"><i>int(b)</i></span> vastavalt muutuja b arvuks.<br />
<br />
<br />
<hr />
<b><u>Ülesanne 2</u></b><br />
<br />
Tee ülalolevas programmis vajalikud parandused, et see väljastaks sisestatud arvude summa!<br />
<br />
<hr />
<b><u>Ülesanne 3</u></b><br />
<br />
Koostada programm, mille<br />
1. real luuakse muutuja nimega aasta ning selle väärtuseks pane oma sünniaasta (arvuna);<br />
2. real luuakse muutuja nimega eesnimi ning selle väärtuseks sisesta oma eesnimi (sõnena);<br />
3. real luuakse muutuja nimega perenimi ning selle väärtuseks sisesta oma perekonnanimi (sõnena);<br />
4. real luuakse muutuja kirje, mille väärtuse saamiseks ühendatakse muutujate eesnimi, perenimi ja aastaväärtused üheks sõneks. Väärtuste vahele pannakse tühikud;<br />
5. real väljastatakse muutuja kirje väärtus ekraanile.<br />
<br />
<span style="color: #274e13;">Täienda oma programmi nii, et sünniaasta, eesnime ja perekonnanime saaks sisestada kasutaja!</span><br />
<br />
<hr />
Tehted, mida on võimalik Pythonis arvudega teha<br />
<br />
+ liitmine<br />
- lahutamine<br />
/ jagamine<br />
* korrutamine<br />
** astendamine<br />
% jäägi leidmine<br />
// täisosa leidmine<br />
<br />
<br />
<hr />
<b><u>Ülesanne 4</u></b><br />
<br />
Koostada programm, mis küsib kasutajalt astme aluse (täisarv) ja astendaja (täisarv) ning arvutab ja väljastab ekraanile astme. Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-1050579383267658992018-03-04T01:41:00.000-08:002018-03-06T22:08:44.048-08:00Ekraanile joonistamise äpp<u>Ülesanne 1</u><br />
<br />
Tee valmis äpp, mille abil saad sõrmega ekraanile joonistada. Lisa ka nupp "Puhasta", mis ekraani jälle puhtaks teeb.<br />
<br />
<u>Ülesanne 2</u><br />
<br />
Lisa erinevaid värve (nupud), et joonistada saaks erineva värviga.<br />
<br />
<b><u>Juhised</u></b><br />
<br />
Selleks, et ekraanile tekiks piirkond, kuhu saame sõrmega joonistada (mis reageeriks puudutusele), tuleb leida Palette alt valikust "Drawing and Animation" komponent nimega <b>Canvas</b> ja see töölauale lohistada.<br />
Paremalt omaduste paneelist saab määrata Canvas välja suurust<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVfneutQIzA3YFTbjxWfcgIQEtjoO27L2Di59Buc2F9VyOpJVi4HTqS5EdzeiopYdyOHsCf3VaYKDCSBrhUs0l7QStE1EtNgCkjlN2wonq5OGkyz0WE5CaCI829lwahr8ilOIWAHqUz7zm/s1600/canvas.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVfneutQIzA3YFTbjxWfcgIQEtjoO27L2Di59Buc2F9VyOpJVi4HTqS5EdzeiopYdyOHsCf3VaYKDCSBrhUs0l7QStE1EtNgCkjlN2wonq5OGkyz0WE5CaCI829lwahr8ilOIWAHqUz7zm/s640/canvas.jpg" width="640" /></a><br />
<br />
<br />
<br />
Vasakul Properties paneelis saab määrata, milline meie joonistusala on.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW2q60v4wcSDcp8Ob5OGM-QhaSgfKig8YtyK0tb-yfTvVCpcc13g1hi44szA1EOaGfkBIHNaXs6b7oaVeqe-GPrs7iR5w9BgpjFBGr5YjDJBGN8HsuN28c3pPXnjY_1BqzAEqwYkLndYy2/s1600/canvas2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW2q60v4wcSDcp8Ob5OGM-QhaSgfKig8YtyK0tb-yfTvVCpcc13g1hi44szA1EOaGfkBIHNaXs6b7oaVeqe-GPrs7iR5w9BgpjFBGr5YjDJBGN8HsuN28c3pPXnjY_1BqzAEqwYkLndYy2/s320/canvas2.jpg" width="263" /></a></div>
<br />
Ekraanil saab erinevate objektide paigutust veikene ka sättida. Selleks on Palette menüüs sõna Layout all valikud:<br />
<b>TableArrangement</b> - saab näiteks nuppe paigutada üksteise kõrvale ja alla (nagu tabelis read ja veerud).<br />
<b>VerticalArrangement</b> - saab objekte üksteise alla paigutada<br />
<b>HorizontalArrangement</b> - saab objekte üksteise kõrvale paigutada.<br />
<br />
Selleks, et joonistusvälja kohal oleks nupud, millel klõpsates saaks joonistada erineva värviga, tuleb lohistada töölauale HorizontalArrangement komponent. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG3ISaNl0QaiQs8Xkas8m8EfnpZSJJdQTTuBl4QulPdGnW6X56N9aOs9CUWD8e1BPvn86uQm7Hnjtmtg10VmoDKUsPpP8ZYsiDeXlUA3OE3sgpLd4B8ifw9zzwtb7_59TjOlODT27lhI8u/s1600/horizontalarrangement.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG3ISaNl0QaiQs8Xkas8m8EfnpZSJJdQTTuBl4QulPdGnW6X56N9aOs9CUWD8e1BPvn86uQm7Hnjtmtg10VmoDKUsPpP8ZYsiDeXlUA3OE3sgpLd4B8ifw9zzwtb7_59TjOlODT27lhI8u/s640/horizontalarrangement.jpg" width="640" /> </a><br />
Lisame HorizontalArrangement komponendi sisse 3 nuppu, mis oleksid erinevat värvi (kiri ei pea peal olema).<br />
Kõige alla tuleks lisada veel nupp, millel vajutamine kustutab joonistuse (see nupp võib olla ka üleval värvinuppude kõrval).<br />
<b><u><span style="color: #274e13;"><br /></span></u></b>
<b><u><span style="color: #274e13;">Programmeerimine.</span></u></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid0ceXfJ_YUis9ZpwVt2J8SgIv_LE9sOQxodtcX2-wdIRobVvEf91g-pKnoWGx8o6M05N38F46ZWQ9pexpJyV86ikf87tfMJvvB4F0Az3P_DXts9AhRlcJ5gC7pQuVsfMZKWTp4-r8iU_S/s1600/canva_skript.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid0ceXfJ_YUis9ZpwVt2J8SgIv_LE9sOQxodtcX2-wdIRobVvEf91g-pKnoWGx8o6M05N38F46ZWQ9pexpJyV86ikf87tfMJvvB4F0Az3P_DXts9AhRlcJ5gC7pQuVsfMZKWTp4-r8iU_S/s640/canva_skript.jpg" width="640" /></a></div>
<br />
<u><b>Lisaülesanne</b></u><br />
<br />
Lisa oma äpile liugur, millega saab määrata joone jämedust.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFkgPMIpNg0y7sbTzIDoTRQPGki9Zcl4-WEhDkR3Ft6QZJsE7AzIfw1SPuSXeOAyNvJf2tDIvor28KtBdaQaqEiekIU07TeywcitY1KNUL0HEePTSYny7KCsmHVWxEuByQc9cSsBxIPxw7/s1600/liugur_design.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFkgPMIpNg0y7sbTzIDoTRQPGki9Zcl4-WEhDkR3Ft6QZJsE7AzIfw1SPuSXeOAyNvJf2tDIvor28KtBdaQaqEiekIU07TeywcitY1KNUL0HEePTSYny7KCsmHVWxEuByQc9cSsBxIPxw7/s320/liugur_design.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJyEjgfQrMyI35_Jr3MwWiyx2egiVr9B6Q-66cqs4lLfgI2Kt4-Ti78SACKwwQ8lXqQqiPGCWDmtGYH9NoNThI2XRXnpc9oHcqqZpJF70M6JfmCosqyJABQbu9aFqNiKFg9K5Egekyrt7B/s1600/liugur_plokk.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJyEjgfQrMyI35_Jr3MwWiyx2egiVr9B6Q-66cqs4lLfgI2Kt4-Ti78SACKwwQ8lXqQqiPGCWDmtGYH9NoNThI2XRXnpc9oHcqqZpJF70M6JfmCosqyJABQbu9aFqNiKFg9K5Egekyrt7B/s320/liugur_plokk.jpg" width="320" /></a></div>
<br />
<br />Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-58185993807808295792018-02-13T00:10:00.000-08:002018-02-14T07:24:56.596-08:00Hinnete kalkulaator (tähed)Tee äpp, kuhu saaks sisestada kontrolltöö eest saadavad maksimumpunktid ja saadud punktid, arvutaks välja protsendi, näitaks seda ning annaks teada, mis hinde selle töö eest saab!<br />
<br />
Äpi välimus võiks olla midagi sellist (vt allolev joonis).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYKCecLlK1P0L9sB01xsZO-DHhoUemUsSVXCqmCU0GKtnk0RLZSDSDUCkLDCuiwieBRtCQGxblqIEgFarJ0P9suJcSURvmMW49WBQngPddFYL57NWPKbsHso0lwTqqzfNNYJWlxTgejeQj/s1600/hinded1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYKCecLlK1P0L9sB01xsZO-DHhoUemUsSVXCqmCU0GKtnk0RLZSDSDUCkLDCuiwieBRtCQGxblqIEgFarJ0P9suJcSURvmMW49WBQngPddFYL57NWPKbsHso0lwTqqzfNNYJWlxTgejeQj/s320/hinded1.jpg" width="320" /></a></div>
<br />
Programmeerimise poolelt peaks nupp "Arvuta" väljadele <i>max punktide arv</i> ja <i>saadud punktide arv</i> sisestatud arvudest arvutama, mitu % moodustab saadud punktide arv max punktide arvust ning kuvama saadud tulemuse väljal protsendid.<br />
<br />
Selleks tuleb kasutada matemaatikatehteid (Math) valikust<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmEiwd3IX_9etGSi0mScoryODO2chml9c_kG2bJ6ljs_GEs1pala5RNj4vemFcaEmbt96G_LnNswblA-4w_ocrbhirQK2u6lmEF2aunqEYHIgPW2Qdyfd3utXHFu2qTQ2wQQfbbFJjLVzb/s1600/protsent1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmEiwd3IX_9etGSi0mScoryODO2chml9c_kG2bJ6ljs_GEs1pala5RNj4vemFcaEmbt96G_LnNswblA-4w_ocrbhirQK2u6lmEF2aunqEYHIgPW2Qdyfd3utXHFu2qTQ2wQQfbbFJjLVzb/s640/protsent1.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Edasi tuleb programmile öelda, et väljal hinne kuvatakse vastavalt protsendile siis õige number või täht.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Viimsi Koolis kehtivad protsendivahemikud ning neile vastavad tähed on järgmised:</div>
<div class="separator" style="clear: both; text-align: left;">
100 ja rohkem % - hinne A+</div>
<div class="separator" style="clear: both; text-align: left;">
90 - 100 % - hinne A (vahemik suurem ja võrdne 90 ning väiksem 100)</div>
<div class="separator" style="clear: both; text-align: left;">
80 - 90 % - hinne B (vahemik suurem ja võrdne 80 ning väiksem 90)</div>
<div class="separator" style="clear: both; text-align: left;">
70 - 80% - hinne C</div>
<div class="separator" style="clear: both; text-align: left;">
60 - 70 % - hinne D</div>
<div class="separator" style="clear: both; text-align: left;">
50 - 60 % - hinne E</div>
<div class="separator" style="clear: both; text-align: left;">
vähem kui 50% - hinne F</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Näide ABC hindeskaala kohta (<b>and</b> - ploki leiate <b>Logic</b> valikust)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCyehuPDMWYo-py6unfyn2g9iKJzbsRjiga8sqf02oX65aB9fodoF35kHNMsRr2HU73NWrEhfC3skJi1s4qAJAGPDf4gzC2VDwpSOvUbQDWjEjbPIAFTwr8CqmzwIptFKPgR_d9ewyIHOy/s1600/protsent_abc.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCyehuPDMWYo-py6unfyn2g9iKJzbsRjiga8sqf02oX65aB9fodoF35kHNMsRr2HU73NWrEhfC3skJi1s4qAJAGPDf4gzC2VDwpSOvUbQDWjEjbPIAFTwr8CqmzwIptFKPgR_d9ewyIHOy/s400/protsent_abc.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Kustutamise nupp</b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Kustutamise nupp peaks sellel klõpsamisel muutma kõikide sisestuskastide sisu tühjaks (Text -> " ")</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Lisaülesanne!</b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Lisa kontroll, et sisestada saaks vaid arve! Kontroll, kas sisestatud sümbolid on arvud ja kui ei ole, siis sisestuskasti vastava teate kuvamine.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-25198055957194776022018-02-08T06:00:00.000-08:002018-02-13T06:09:03.911-08:00Kübaratriki äpi edasiarendus<u><b>Ülesanne 1.</b></u><br />
<div>
Täienda eelmisel tunnil alustatud kübara ja jänese äppi nii, et iga kord kübaral klõpsates tuleks erinev pilt.</div>
<div>
<br /></div>
<div>
<b><u>Ülesanne 2.</u></b></div>
<div>
Iga pildiga võiks kõlada ka erinev heli.</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<b><u>Juhised</u></b></div>
<div>
<ol>
<li>Ava eelmisel tunnil alustatud äpp (kellel seda ei ole, siis vaatab blogist 1 teema allpool olevat juhist).</li>
<li>Otsi internetist pildid, mida tahad kuvada (kui soovid teha mingit muud äppi peale kübara, siis võid asendada kübara pildid mingi muu pildiga).</li>
<li>Kübaraäpi puhul pead veidi piltide joonistamisega vaeva nägema. Kiiresti saad pilditöötlust teha <a href="http://www.pixlr.com/" target="_blank">www.pixlr.com</a> lehel. Ava seal kübarapilt ning lisa uus pilt teisele kihile. Siis saad pealmisel kihil ebavajaliku osa ära kustutada. Pilt salvesta teise nimega arvutisse.</li>
<li>Lae uued pildid Appinventori keskkonda "Media" alla üles.</li>
<li>Ava "Blocks" vaade. </li>
<ul>
<li>Edasi tuleb luua list, kuhu paneme kõik võimalikud pildivariandid, mis "mütsinupule" vajutades välja tulevad.</li>
<li>Listile nime andmiseks klõpsa "Variables" ja vali "Intialize global ... to". Kastikesse kirjuta oma listile nimi (näiteks "pildid").</li>
<li>Edasi vali "Lists" alt "make a list". Pesade arvu saad suurendada, kui klõpsad sinisel rattakesel. Lohista lihtsalt plokki uusi klotse.</li>
<li>Listi objektide jaoks tuleb valida "Text" alt teksti sisestamise plokk ja kirjutada nendesse eraldi kõikide piltide korrektsed nimed koos õige faililaiendiga.</li>
<li>Selleks, et iga klõpsamise korral tuleks erinev pilt, tuleb luua muutuja (näiteks nimega "number"). Matemaatika plokist leiad "random integer from ..." ploki. Kirjuta sinna juhuarvudeks 1 kuni sinu piltide arv.</li>
<li>Täienda nüüd "mütsi" klõpsamise skripti nii, et klõpsamisel saaks muutuja "number" väärtuseks juhuslik arv etteantud vahemikus (set global number to ... random integer from).</li>
<li>Edasi peab nupp "myts" võtma oma pildiks listist sama numbriga pildi (vt allolevat pilti).</li>
<li>Kõige selle juures mängitakse heli.</li>
</ul>
<li>Testi oma äppi!</li>
</ol>
<div>
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmBzcj-dO_4GPko9GfMjcs0wx5C7F6ymXsE9exJE0ngOdLu_DKySrX0D-J46ruIhNjXslOyHR3BRBmMXzcKXgEWTLYOdjTUArbC58BkEWOyThWAX-8pX1JRi7q73liJrJ0dSDnplvb4F6-/s1600/paljupilte.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="372" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmBzcj-dO_4GPko9GfMjcs0wx5C7F6ymXsE9exJE0ngOdLu_DKySrX0D-J46ruIhNjXslOyHR3BRBmMXzcKXgEWTLYOdjTUArbC58BkEWOyThWAX-8pX1JRi7q73liJrJ0dSDnplvb4F6-/s640/paljupilte.jpg" width="640" /></a></div>
<div>
<br />
Kui soovid oma äpile lisada helisid nii, et iga kord mängitakse erinevat heli, siis tuleb heliklippidest luua samasugune list.<br />
<br />
Youtube videot saab helifailiks (mp3) konvertida selles keskkonnas: <a href="http://youtubemp3.to/" target="_blank">http://youtubemp3.to/</a> (otsi Youtube'st lugu, kopeeri selle loo URL aadressiribalt ja kleepi keskkonnas vastavasse aknasse ning klõpsa "Convert").<br />
Helifaili (mp3) saad soovi korral lühemaks lõigata siin: <a href="http://audio-joiner.com/" target="_blank">http://audio-joiner.com/</a> (selleks tuleb mp3 fail keskkonda üles laadida ja siis liugureid liigutades saab heli lühemaks teha).<br />
<br /></div>
Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-46831737929128852302018-02-05T12:07:00.000-08:002018-02-06T07:11:22.571-08:00Tutvumine programmiga MIT AppInventorKeskkond on mõeldud Android op.süsteemiga seadmetele äppide tegemiseks.<br />
<br />
<b>Link keskkonnale: <a href="http://appinventor.mit.edu/" target="_blank">http://appinventor.mit.edu/</a></b><br />
<br />
<b><span style="color: #274e13;">Kasutajakonto loomine</span></b><br />
<br />
Esmalt tuleb keskkonda luua kasutajakonto. Selleks klõpsake nupul "Create".<br />
Keskkonda logimiseks saate kasutada kooli e-postiaadressi (Google konto) ja postkasti parooli.<br />
<br />
<b><span style="color: #274e13;">Projekti loomine</span></b><br />
<br />
Klõpsa rohelisel ribal sõnal "Start New Project" ja anna projektile nimi (näiteks <b>esimene</b>).<br />
<br />
<b><span style="color: #274e13;">Disainivaade</span></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMv8n0eSU_GWJhMiunvRDKJ5sHGFyzyFMKgyFyrVc1woS8sWRsZG8F9rehXmdBVrlgN8NWh6yJ_y1NwwPYAcDrodO4By2fqg4YhOvFnDi2hSXI2WK0ZlBqd0gmCtlDC-ZSjwh0-mq0T-LU/s1600/design1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMv8n0eSU_GWJhMiunvRDKJ5sHGFyzyFMKgyFyrVc1woS8sWRsZG8F9rehXmdBVrlgN8NWh6yJ_y1NwwPYAcDrodO4By2fqg4YhOvFnDi2hSXI2WK0ZlBqd0gmCtlDC-ZSjwh0-mq0T-LU/s320/design1.jpg" width="320" /></a></div>
<u>Ülesanne 1</u><br />
<br />
1. Lohista vahendite paneelist disaini vaatesse nupp (Button).<br />
2. Lae siit enda arvutisse järgmised pildid <a href="https://drive.google.com/file/d/0B6sVCcP1hKyCY1psZy05LTZSUzA/view?usp=sharing" target="_blank">rabbit.jpg</a> ja <a href="https://drive.google.com/file/d/0B6sVCcP1hKyCLUlKeTROTF9CSTQ/view?usp=sharing" target="_blank">hat.jpg</a> ja helifail <a href="https://drive.google.com/file/d/0B6sVCcP1hKyCcFI5Q1dkLWptclE/view?usp=sharing" target="_blank">TaDasound.mp3</a>.<br />
3. Leia disainivaatest kast pealkirjaga "Media" ning klõpsa "upload file". Lae 2 pilti ja helifail keskkonda üles. Failide nimed peavad ilmuma pealkirja "Media" alla kasti.<br />
4. Klõpsa nupul ning leia kõige parempoolsemas, omaduste paneelis sõna image. Klõpsa sõna all olevas valges kastikeses ning vali loetelust <b>hat.jpg</b>. Nupu asemel peaks nüüd disainivaates olema müts.<br />
5. Kustuta sõna "Text" all olevast kastist tekst ära.<br />
6. Lohista disaini vaatesse veel üks nupp (Button). Kirjuta sõna "Text" all olevasse kastikesse "Uuesti" või "Restart".<br />
7. Klõpsa Components paneelis nupul nimega Button1 ja vali paneeli alt sõna "Rename". Anna nupule nimeks näiteks <b>myts</b> (oluline on, et sa ise komponentide nimesid eristaksid, sest neid on hiljem programmi kirjutamise vaja teada). Nimeta Button2 samuti mõne teise nimega (näiteks "uuesti").<br />
8. Klõpsa üleval rohelise riba paremas nurgas oleval nupul "Blocks".<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="color: #274e13;"><b>Programmeerimise vaade (Blocks)</b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPYJflUKaYiR6RgP50dtzoDPKzSx5ssmujwAoA2h27HW2BFAZaOEBfyFAkwKNcg3mqaUKmQyJ-gZzLTjF7v-naIGu0LTpUAmsIJ2Bizl5Y2wGdcDk7wIlbvPmeQFOwwb_nfZPCbE_8Jqxs/s1600/proge1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPYJflUKaYiR6RgP50dtzoDPKzSx5ssmujwAoA2h27HW2BFAZaOEBfyFAkwKNcg3mqaUKmQyJ-gZzLTjF7v-naIGu0LTpUAmsIJ2Bizl5Y2wGdcDk7wIlbvPmeQFOwwb_nfZPCbE_8Jqxs/s320/proge1.jpg" width="320" /></a></div>
<br />
9. Klõpsa komponentide nimekirjas mütsi tähistaval nupul ja lohista töölauale klots "When myts click ... do".<br />
10. Leia nupu klotside hulgast roheline klots kirjaga "Set myts.image to" ja lohista see eelmise klotsi sisse.<br />
11. Klõpsa loendis sõnal "Tekst" ning vali sealt esimene plokk, kus on tühi kastike jutumärkides ning lohista see eelmise klotsi otse. Tekstikasti kirjuta <b>rabbit.jpg</b> (faili nimi peab olema täpselt sama, mis üles laetud failil).<br />
12. Klõpsa nupul "uuesti" ning lisa sellele plokk, mis klõpsamisel muutaks pildi tagasi mütsipildiks.<br />
13. Ava uuesti disainivaade ning leia vasakult vahendite menüüst sõna "Media" ja selle alt sõna "Sound". Lohista "Sound" ekraanile. See on peidetud komponent ja sellepärast kuvatakse teda väljaspool ekraani.<br />
14. Klõpsa Components paneelis sõnal "Sound" ja vali Properties paneelis sõna "Source" all kastis klõpsates sinna eelnevalt üles laetud helifail TaDasound.mp3.<br />
15. Ava uuesti programmeerimisvaade ("Blocks") ning klõpsa sõnal Sound. Nüüd saad lisada jänese pildi ilmumise juurde ka ploki "Call Sound1.play".<br />
<br />
Valmis skript peaks välja nägema selline:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgweca2933VZyFiUWqEAiPVeJ32N-K2vshD3I_acvkcTQLrU3yCeYUA1umK2uayGf5etrcoQRQti0gewUcVrqZBmzL617cHs_i3LAw529XwMiZVlwRBwKOIGiXyWolYPc7Xcafeq5Sb7J_g/s1600/tulemus.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgweca2933VZyFiUWqEAiPVeJ32N-K2vshD3I_acvkcTQLrU3yCeYUA1umK2uayGf5etrcoQRQti0gewUcVrqZBmzL617cHs_i3LAw529XwMiZVlwRBwKOIGiXyWolYPc7Xcafeq5Sb7J_g/s320/tulemus.jpg" width="320" /></a></div>
<br />
Nüüd on programm valmis!<br />
<br />
Selleks, et seda oma nutiseadmes testida tuleb esmalt klõpsata sõnal "Build" ja sealt valida QR-koodi pakkuv lahendus.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix9od-5wQ8ChyGbXkPUQSLsz-E4i3FyC_iXQmqYeKlog-GS3mcqwa-GDYYaoAOZH6BJK_8FAFyHlfXd08F2ksSNXl-e4ZlxhBftGJ920__Oqgn0i9MKRYdtm3SbDyCHW-b3RjGOtosReqp/s1600/qrkode.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix9od-5wQ8ChyGbXkPUQSLsz-E4i3FyC_iXQmqYeKlog-GS3mcqwa-GDYYaoAOZH6BJK_8FAFyHlfXd08F2ksSNXl-e4ZlxhBftGJ920__Oqgn0i9MKRYdtm3SbDyCHW-b3RjGOtosReqp/s320/qrkode.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Veidi aja pärast kuvatakse ekraanile QR kood. Skännige seda oma telefoni QR koodi lugejaga ning laadige äpp alla.</div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #cc0000;"><b>NB! Äppi installimiseks peate oma telefoni seadete alt lubama mitteturvaliste programmide installimise! Peale äpi installimist lülitage turvaline valik uuesti sisse!</b></span></div>
<br />
<a href="https://docs.google.com/document/d/1P_AROEhImEHcX8jwO7r33MMyVSRX3nbVaL2e92DV_14/edit?usp=sharing" target="_blank">Äpi testimine Emulatoriga</a> (NB! suhteliselt töömahukas seadistamine).<br />
<br />
<span style="font-size: x-small;"><i>/Link inglisekeelsele materjalile: <a href="http://explore.appinventor.mit.edu/sites/all/files/teachingappcreation/unit1/MagicTrick.pdf" target="_blank">http://explore.appinventor.mit.edu/sites/all/files/teachingappcreation/unit1/MagicTrick.pdf</a>/</i></span>Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-75874319031373193372018-01-29T03:07:00.000-08:002018-01-30T10:55:55.904-08:00Scratch ja muusikaScratchis võivad tegelased mängida ka helisid. Kui valite tegelase teegist muusikainstrumendi, siis lisanduvad helivalikusse ka sellele muusikariistale sobivad helid.<br />
<br />
Lisa trumm ja programmeeri sellele rütm! Üks näide:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs98cNFO1Zy_31z-7rbLZ-v_qfxRG8ypUepaIOfJA1eZJcndQn3mDIc_oP-EAnZS24DDAFK7nLVP3Hsf9f_WUcd9QjMaiI8WHYVrNrDbgzTVOp4-_c-7tjA8KNxsQS49ZYi38yv56mpKQg/s1600/trumm.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs98cNFO1Zy_31z-7rbLZ-v_qfxRG8ypUepaIOfJA1eZJcndQn3mDIc_oP-EAnZS24DDAFK7nLVP3Hsf9f_WUcd9QjMaiI8WHYVrNrDbgzTVOp4-_c-7tjA8KNxsQS49ZYi38yv56mpKQg/s1600/trumm.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Kui lisad erinevaid rütmipille (Uus sprait -> muusika galeriist), siis saad tekitada terve rütmitausta.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Teiste pillide puhul saad panna nad viisi mängima. Viisi võid programmeerida ise, nii et klahvivajutuse või spraidil klõpsamise peale mängitakse maha terve viisijupp.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Kui soovid, võid iga klahvivajutuse alla panna kindla noodi ja siis saad klahve vajutades muusikariista ise mängida.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzCCoMfWXyVJKa0QJVODdm1dG84XqUUw1GmCJIJuB5Yi_Kg06Ey60AUk0wW3r5c1T_l3mIfKTJI6fNTFNbCV-cGlmJ801HloJqwM2-ilPdoQWqTtorobDH891A571SLOo9vMsiGLkOGB8L/s1600/klahvid_noodid.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzCCoMfWXyVJKa0QJVODdm1dG84XqUUw1GmCJIJuB5Yi_Kg06Ey60AUk0wW3r5c1T_l3mIfKTJI6fNTFNbCV-cGlmJ801HloJqwM2-ilPdoQWqTtorobDH891A571SLOo9vMsiGLkOGB8L/s320/klahvid_noodid.jpg" width="156" /></a></div>
<br />
Lisaks on võimalik heli ka ise salvestada (võid näiteks teksti peale lugeda, mida tegelane ütleb). Selleks peab olema arvutiga ühendatud mikrofon (kooli kõrvaklappide mikrofon ei pruugi töökorras olla, aga katsetada tasub).<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv0sS2_-8D6mAUpbiF-__4rE3GfqZBd9cUH5peuN2GxLHQkwTd2Dc37eGqnhurjem8mlo5Q-2oxEFxTfjNlTrDkoBtYiYNBSFVs05lI1oaM0bTME6gPwMOsXplyyxZ4201vGwpjJWsdg1A/s1600/heli_salvestamine.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv0sS2_-8D6mAUpbiF-__4rE3GfqZBd9cUH5peuN2GxLHQkwTd2Dc37eGqnhurjem8mlo5Q-2oxEFxTfjNlTrDkoBtYiYNBSFVs05lI1oaM0bTME6gPwMOsXplyyxZ4201vGwpjJWsdg1A/s320/heli_salvestamine.jpg" width="320" /></a></div>
<br />
<br />
<ul>
<li><span style="color: #38761d;"><i>Lisa oma programmi mõned rütmipillid (trummid jms) ning pane nad rütmi mängima. </i></span></li>
<li><span style="color: #38761d;"><i>Lisa klaver või süntesaator, ja pane ta mängima heliredelit.</i></span></li>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_mOGiKz2ox90ItGh044e6VZePzlU2hd5ip1R-8PFHXEakPHAAOWJin19iBPDkKpwu1VLP084op2hPy_2gPa-tDsAZrZZErg08I3eTYttsYCXObO3YrxhyphenhyphenYn92547o-VJ9GRTKtP-R0LJ-/s1600/heliredel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_mOGiKz2ox90ItGh044e6VZePzlU2hd5ip1R-8PFHXEakPHAAOWJin19iBPDkKpwu1VLP084op2hPy_2gPa-tDsAZrZZErg08I3eTYttsYCXObO3YrxhyphenhyphenYn92547o-VJ9GRTKtP-R0LJ-/s1600/heliredel.jpg" /></a></div>
<ul>
<li><span style="color: #38761d;"><i><br /></i></span></li>
</ul>
<li><span style="color: #38761d;"><i>Lisa mõni muu pill ja programmeeri see kas klahvivajutuse peale kindlat nooti mängima või siis selliselt, et näiteks pillil klõpsates mängiks ta terve viisijupi korraga.</i></span></li>
<ul>
<li><span style="color: #38761d;"><i>NB! Kui programmeerid klahvid kindlat nooti mängima, siis pane see hiljem programmi kirjeldusse kirja, et teised ka teaksid, kuidas Sinu pilli mängida.</i></span></li>
</ul>
<li><span style="color: #38761d;"><i>Pane oma programmile nimeks <b>Muusika</b> ja <b>jaga oma programmi</b> ning<b> lisa see oma rühma Stuudiosse</b> (link ringi blogis paremal menüüs).</i></span></li>
</ul>
<br />
<br />
Allolev skript mängib ühe tuntud lastelaulu algust. Mis laul see on?<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeFVaMc7dHMMQyK0AqqCgxgodiI-YJDfubflSKz1mesH02d3vPcRtb2rQP9oLHDf1yP-QsceTFlsCUHRI-n2Vg1ZBV0D5P81ZJIGSFNfmPgY49wi_EzZFykm1G3n0_FD36ui9mo9xSXZ2j/s1600/rongisoit.jpg" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeFVaMc7dHMMQyK0AqqCgxgodiI-YJDfubflSKz1mesH02d3vPcRtb2rQP9oLHDf1yP-QsceTFlsCUHRI-n2Vg1ZBV0D5P81ZJIGSFNfmPgY49wi_EzZFykm1G3n0_FD36ui9mo9xSXZ2j/s400/rongisoit.jpg" width="118" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<br />Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-75419854636309426772018-01-08T02:13:00.000-08:002018-01-09T03:36:03.047-08:00LoendidOleme tutvunud Scratchis muutujatega, täna vaatame Andmete plokis olevat teist võimalust - loendi loomist.<br />
<br />
Loend on järjestatud andmete kogum, kus andmetele viidatakse või kutsutakse neid välja loendi nime ja viitenumbriga (andmete järjekorranumber loendis).<br />
<br />
<u><b>Ülesanne</b></u><br />
<i><span style="color: #274e13;">Täna proovime luua lihtsa inglise keele testi, kus kasutajalt küsitakse sõnu ning tema peab kirjutama neile inglisekeelsed vasted. Lõpuks saab kasutaja teada, kui mitu % sõnadest ta õigesti vastas.</span></i><br />
<br />
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="https://scratch.mit.edu/projects/embed/45063056/?autostart=false" width="485"></iframe>
<br />
1. Loo loend nimega "eesti" (Andmed -> Loo loend)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvyrwgcszYA_Q1W-3XJLngt1VfXbMNF3TK_ZKay5aanWUW5PbLHYo-5lo8cJQAEYaoDNgonANjnLhpiw70-swB8csVIj6kRByeJXJYHyYfJsQzNl-8ZqCr96rczGflkPIOOqs83sDBOvsn/s1600/loendi_loomine.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvyrwgcszYA_Q1W-3XJLngt1VfXbMNF3TK_ZKay5aanWUW5PbLHYo-5lo8cJQAEYaoDNgonANjnLhpiw70-swB8csVIj6kRByeJXJYHyYfJsQzNl-8ZqCr96rczGflkPIOOqs83sDBOvsn/s1600/loendi_loomine.jpg" width="400" /></a></div>
Lavale ilmub hall kast, selle allnurgas oleva + märgi kaudu saab loendisse uusi elemente lisada.<br />
2. Lisa loendisse vähemalt 5 sõna, mille ingliskeelset vastet sa tead.<br />
3. Lisa loend "inglise" ning kirjuta sinna samas järjekorras, nagu loendis "eesti" sõnad inglise keeles.<br />
4. Edasi loo muutujad sõnade arvu, õigete vastuste, sõnade järjekorranumbri ja protsendiarvutuse jaoks.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipFAbLwO-NOpG4NbA4xK40DRclT8iyRJu6xktkJi28ii3Yy_BoTr6iG2tXs45RxHsOViRaZMvYLUS8P9cYq-jO2mmkBINoMdF7INdZC3EvgI-SzzoUXp1lqiQOLIG03oWcELAwkxhj1F7B/s1600/muutujad.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipFAbLwO-NOpG4NbA4xK40DRclT8iyRJu6xktkJi28ii3Yy_BoTr6iG2tXs45RxHsOViRaZMvYLUS8P9cYq-jO2mmkBINoMdF7INdZC3EvgI-SzzoUXp1lqiQOLIG03oWcELAwkxhj1F7B/s1600/muutujad.jpg" width="150" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
5. Skripti alguses paneme järjekorranumbri, protsendi ja õigete vastuste väärtused võrduma 0-ga. Sõnade arvu (sõnad) väärtuseks aga paneme loendi "eesti" pikkuse.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaltHjujd_KEOFz2fpjBm3q2qzSSJMHmHG2vVgzBDPBejk3OsElW3_146KsgL00LJ60TN0BQtYa-vDC6nIKrxKqS6AnFRnLeLFQFveg_QBfHMZaiRYbMXcbffR4EgZuIQxezsdn6BgI2dT/s1600/loendi_pikkus.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaltHjujd_KEOFz2fpjBm3q2qzSSJMHmHG2vVgzBDPBejk3OsElW3_146KsgL00LJ60TN0BQtYa-vDC6nIKrxKqS6AnFRnLeLFQFveg_QBfHMZaiRYbMXcbffR4EgZuIQxezsdn6BgI2dT/s1600/loendi_pikkus.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
6. Edasi tuleb küsida loendist "eesti" esimene element. Küsimise tsükkel näeb välja selline.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6vqyIaB9FZ9mqYYSQFETApZv1sk-vRFbvlsCE4cfi2cKzkwEUJADAKacX-HT3jSmtOQkbQNv8gKJlERQaxwx2NYyknUo3SE3Ah0aHbGnIZQRqMeR_bUj6bQuDzljeaGTk-31s5zLP9HUu/s1600/k%C3%BCsimise_skript.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6vqyIaB9FZ9mqYYSQFETApZv1sk-vRFbvlsCE4cfi2cKzkwEUJADAKacX-HT3jSmtOQkbQNv8gKJlERQaxwx2NYyknUo3SE3Ah0aHbGnIZQRqMeR_bUj6bQuDzljeaGTk-31s5zLP9HUu/s1600/k%C3%BCsimise_skript.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
7. Lisa loendi algusesse ka viisakas pöördumine kasutaja poole ning lõpus arvuta kokku õigete vastuste protsent ning ütle see kasutajale!</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP6Q2xixFv-FyNLVoB5r56DMTn8Bd0_f-2HKth3_GdgH6SqVLgu53VTfhs-M0HsF7MlO0mHhyObua27b9iPk5Z-sA8sD4-K4nS8g6-kZgGYRJKxoY7HcJjg1ntnkhzLWU-Zvu4y-nmaDZ7/s1600/protsentarvutus.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="52" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP6Q2xixFv-FyNLVoB5r56DMTn8Bd0_f-2HKth3_GdgH6SqVLgu53VTfhs-M0HsF7MlO0mHhyObua27b9iPk5Z-sA8sD4-K4nS8g6-kZgGYRJKxoY7HcJjg1ntnkhzLWU-Zvu4y-nmaDZ7/s1600/protsentarvutus.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<i>Lisaülesanne: Kui soovid, et lisaks protsendile teataks programm ka sellele vastava tähe, siis pead oma programmi alljärgneva joonise järgi täiendama.</i></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieSLclNKm55t-kGnuqkWXMqUtJrFQz0sRHwZdIYJlD9y2xuM947ytp4qcRjVIkIepJycI69BsjdVEz7x8-sCId0NrfVejDNF6Yd-plI6bSf6mg_u53QM5jV4Wlmgmm0cz6Z0FkLsSkcvOh/s1600/protsent_hinne.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieSLclNKm55t-kGnuqkWXMqUtJrFQz0sRHwZdIYJlD9y2xuM947ytp4qcRjVIkIepJycI69BsjdVEz7x8-sCId0NrfVejDNF6Yd-plI6bSf6mg_u53QM5jV4Wlmgmm0cz6Z0FkLsSkcvOh/s320/protsent_hinne.jpg" width="245" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Rasmus Kaldma loovtööks loodud õppevideo sõnade õppimise mängu tegemise kohta.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/X_KP2avG_YA" width="560"></iframe>Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-85857035989062455892018-01-06T01:06:00.000-08:002018-01-09T03:49:04.650-08:00Andmete sisestamine loendisse ja nende lugemineLoendit saab kasutada ka nii, et programm sisestab ise sinna oma töö käigus andmeid (näiteks kasutaja poolt sisestatud numbreid, et siis leida sisestatud arvudest suurim vms). Selleks tuleb luua tühi loend ning kasutada loendi käsuplokki<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmq7S5FnJI-3HxvlvNgwwOnO-0t0QR_NtvQD9kskvnQZ_nQ-hDwyLBP-Loy9Jo5g5N-S6Fr_YteA_gj2OpEhGvZgw5F0uDPBtq1HQQImeBruX9zLBR0FHa4z43_yMuFrGQJ-YHGtk-oaUO/s1600/lisavastus.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmq7S5FnJI-3HxvlvNgwwOnO-0t0QR_NtvQD9kskvnQZ_nQ-hDwyLBP-Loy9Jo5g5N-S6Fr_YteA_gj2OpEhGvZgw5F0uDPBtq1HQQImeBruX9zLBR0FHa4z43_yMuFrGQJ-YHGtk-oaUO/s1600/lisavastus.jpg" /></a></div>
<br />
<br />
<br />
Ava eelmisel tunnil tehtud ülesanne. Ilmselt märkasid juba, et selle ülesande puhul küsitakse kasutaja käest sõnu kogu aeg samas järjekorras!<br />
Kui lisasime sinna juhuarvulise sõnavaliku, siis hakkasid osad sõnad korduma (mis ilmselt sõnade õppimise seisukohalt polegi nii väga halb variant).<br />
<br />
<b><u>Ülesanne</u></b><br />
<span style="color: #274e13;"><i>Täienda eelmisel tunnil tehtud sõnade küsimise skripti nii, et sõnu küsitakse suvalises järjekorras nii, et ükski sõna ei korduks!</i></span><br />
<span style="color: #274e13;"><i><br /></i></span>
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="https://scratch.mit.edu/projects/embed/45076214/?autostart=false" width="485"></iframe>
<span style="color: #274e13;"><i><br /></i></span>
1. Loo loend nimega "arv" - see loend jääb esialgu tühjaks, sinna hakkab programm lisama väärtuseid (meie näite puhul loendi "eesti" andmete järjekorranumbreid).<br />
2. Skript töötab selliselt, et iga uue järjekorranumbri puhul kontrollitakse, kas see on juba loendis olemas (esimesel korral ei ole). Kui ei ole, siis lisatakse loendisse ning küsitakse kasutajalt selle järjekorranumbriga sõna (ja kontrollitakse vastavust inglisekeelse loendiga).<br />
Juhul kui järjekorranumber on juba loendis olemas, siis võetakse uus (juhuslik arv vahemikus 1 - küsitavate sõnade arv) ja kontrollitakse uuesti.<br />
<br />
"arv" on tühi loend ning tsükkel peab töötama seni, kuni selle liikmete arv saab võrdseks näiteks sõnu sisaldava loendiga.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOsjO-alts0h4lDJi69N9AJ8zHVqIGm7fuy4wi8S6q_cx3hPEjd8YbJ6Ql3DEhbv0vVdNc1eG_yqJS0rTs60_tvjFtRyL6On6lAaALWwtsmo9ikJLniLvEloaaNBRYs3EYv2983ztp0QaH/s1600/korda_kuni_arv.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOsjO-alts0h4lDJi69N9AJ8zHVqIGm7fuy4wi8S6q_cx3hPEjd8YbJ6Ql3DEhbv0vVdNc1eG_yqJS0rTs60_tvjFtRyL6On6lAaALWwtsmo9ikJLniLvEloaaNBRYs3EYv2983ztp0QaH/s1600/korda_kuni_arv.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Edasi tuleb kontrollida, kas nr väärtus (juhuslik arv vahemikust) on juba loendis olemas (pildil ülemine plokk). Juhul kui on, siis tuleb võtta uus juhuarv ning kontrollida uuesti.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR4VRHB_2YPInFD-rmN1JDAKwKoBbhveQFMHKlNV-1UEouooPgMh1cx2EPCAOea-BZipuLWjMKIOP3wvtYE2iRQv1wpZEaO6Upo-9g7CV4uyNPy05dmqB8TAIX-vm2MxOyTF2-Oj4xVZrj/s1600/loendikontroll.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR4VRHB_2YPInFD-rmN1JDAKwKoBbhveQFMHKlNV-1UEouooPgMh1cx2EPCAOea-BZipuLWjMKIOP3wvtYE2iRQv1wpZEaO6Upo-9g7CV4uyNPy05dmqB8TAIX-vm2MxOyTF2-Oj4xVZrj/s1600/loendikontroll.jpg" /></a></div>
<br />
3. Lisa kindlasti ka käsklus loendi tühjendamiseks skripti algusesse, muidu saad skripti käivitada vaid ühe korra.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2anC3vGjCsjvO4bZeUTLJt9q44EeNA4AQTcpdit5IVebAlS2UQIIKW0MqtH5PxFVmgiI5xgZhsy7chQcpKS6ZBqIqIdfVKHa-5iD4ugc8sSwjoE91TaZjk7rkkuU7GRwrvjDhMvlOcZIx/s1600/eemaldakoik.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2anC3vGjCsjvO4bZeUTLJt9q44EeNA4AQTcpdit5IVebAlS2UQIIKW0MqtH5PxFVmgiI5xgZhsy7chQcpKS6ZBqIqIdfVKHa-5iD4ugc8sSwjoE91TaZjk7rkkuU7GRwrvjDhMvlOcZIx/s1600/eemaldakoik.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><u>Ülesanne 2</u></b></div>
<div class="separator" style="clear: both; text-align: left;">
<i><span style="color: #274e13;">Täienda oma skripti nii, et see küsiks kasutajalt alguses, mitu sõna ta soovib vastata (anna ette ka vahemik, see ei saa olla suurem, kui sinu sõnade loend) ning küsib tema käest loendist suvaliselt nii palju sõnu!</span></i></div>
<br />
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="https://scratch.mit.edu/projects/embed/46153506/?autostart=false" width="485"></iframe><br />
<br />
Selleks tuleb lisada programmi lõik, mis kontrollib, kas sisestatud arv jääb loendis olevate sõnade arvu piiresse.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLuLmaizCnmeHLFJyLcPH3gqZSZyjTZS_81ZjDf1b3qNhfEdrxoE-pBRyzNSBrIfZkZLp5KsEdX3tDF9T68zRVkm_gjc8A-CBXbzlkc7GhWOxKP2tvzwXWXOpCnRmgiZGUEbiMI6-1Vzs3/s1600/kysib_arvu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLuLmaizCnmeHLFJyLcPH3gqZSZyjTZS_81ZjDf1b3qNhfEdrxoE-pBRyzNSBrIfZkZLp5KsEdX3tDF9T68zRVkm_gjc8A-CBXbzlkc7GhWOxKP2tvzwXWXOpCnRmgiZGUEbiMI6-1Vzs3/s1600/kysib_arvu.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Kui jääb, siis hakkab ülejäänud skript tööle, aga korduste arv tuleb nüüd võrdsustada kasutaja poolt sisestatud vastusega (võtab loendist nii mitu erinevat sõna, kui kasutaja vastata soovib).</div>
<br />Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-70781328522735190632018-01-04T12:20:00.000-08:002018-01-09T21:59:12.597-08:00Andmete sisestamine loendisse kasutaja poolt<b><u>Ülesanne</u></b><br />
<div>
<br /></div>
<div>
Täienda oma sõnade õppimise mängu nii, et mängija saaks ise soovi korral sõnad sisestada, mida ta õppida soovib!</div>
<div>
<br /></div>
<div>
<u>Näide</u></div>
<div>
<br />
<iframe allowfullscreen="" allowtransparency="true" frameborder="0" height="402" src="//scratch.mit.edu/projects/embed/94561048/?autostart=false" width="485"></iframe>
<br />
<br />
<u>Vihje</u><br />
<u><br /></u>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE4UlBFcNNhU4GVaQ8h0UKubGdj5PlEOuF2yq68gE3lsBF52vc3lZ86cqinhI6pkguA9LfKX5dishckCBTBtf5wq5aE43_6GLqHR5kiTHFOtsUS1gh_L3Yy9vKKfVksNgeC4obi53FF1rT/s1600/loendisse_lisamine.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE4UlBFcNNhU4GVaQ8h0UKubGdj5PlEOuF2yq68gE3lsBF52vc3lZ86cqinhI6pkguA9LfKX5dishckCBTBtf5wq5aE43_6GLqHR5kiTHFOtsUS1gh_L3Yy9vKKfVksNgeC4obi53FF1rT/s1600/loendisse_lisamine.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ol>
<li>Loendid eesti ja inglise tuleb enne sisestamist tühjendada!</li>
<li>Alguses tuleb küsida, kui mitu sõna on soov sisestada ning siis korrata sisestamise tegevust nii mitu korda.</li>
</ol>
<div>
<u>Lisaülesanne</u></div>
<div>
Kui sõna on vale, siis anna kasutajale teada õige sõna!</div>
<br />
<br />
<br /></div>
Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.comtag:blogger.com,1999:blog-8378297184796110864.post-81191737823523533752017-09-25T09:50:00.000-07:002018-09-17T04:16:35.334-07:00Tsüklid ja muutujad<b>Tsükli</b> mõistet kasutatakse programmeerimises korduvate tegevuste puhul. Tsükli sisuks on tegevused, mida tuleb korrata ning tsükli "raamiks" on tingimus, kui palju ning mis tingimustel neid tegevusi tehakse.<br />
<br />
<u>Lihtne kordus</u><br />
Tsükli alguses määratakse (arvuliselt), mitu korda tegevust tehakse. Tsükkel võib olla ka lõpmatu ehk tegevust jäädaksegi kordama.<br />
<br />
<u>Näide:</u> retseptis on vaja taignasse lisada 3 muna. Kuna korraga saame lisada ainult 1 muna, siis peame muna lisamist tegema 3 korda.<br />
<br />
<u>Tingimuslik kordus</u><br />
Tegevust tehakse juhul, kui on täidetud mingi tingimus. Tegevus võib alata siis, kui tingimus on täidetud või kesta seni, kuni tingimus on täidetud.<br />
<br />
<u>Näide</u> pannkoogi algoritmist - lisame taignale piima seni, kuni tainas on piisavalt vedel<br />
<br />
<br />
<b>Muutujad</b><br />
<b><br /></b>
Selleks, et programm saaks sisestatud andmeid (kasutaja vastus, mõni välja arvutatud tulemus) ka edaspidi kasutada, tuleb kasutusele võtta muutujad.<br />
<br />
Muutuja on nimega varustatud koht arvuti mälus, kuhu saab salvestada mingi väärtuse, näiteks arvu, teksti jms. Seda väärtust saab programm edaspidi kasutada, näiteks kuvab kogutud punktid, arvutab uue väärtuse või käivitab järgmise protsessi (kui muutuja väärtus saab võrdseks mingi muu väärtusega).<br />
<br />
<i>Allolev algoritm arvutab kasutaja sisestatud 5 arvu summa ning väljastab selle. Arvude loendamiseks ning summa arvutamiseks on kasutusele võetud muutujad SUM ja n.</i><br />
<i><br /></i>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOAHuAVgJOHht38vuU0TKIWnn7igiH3ciFH8NTlJMPbBnTCeawZfYy2yXK-SyP1gTl8bCaJSpPCxOU4Le-fAx2O14naKSM5kKuAx1M8Z3Rdok_XZ2_sFKstUXSSUOkKW0XPwVhvfHsLknI/s1600/tsykkel1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOAHuAVgJOHht38vuU0TKIWnn7igiH3ciFH8NTlJMPbBnTCeawZfYy2yXK-SyP1gTl8bCaJSpPCxOU4Le-fAx2O14naKSM5kKuAx1M8Z3Rdok_XZ2_sFKstUXSSUOkKW0XPwVhvfHsLknI/s640/tsykkel1.jpg" width="396" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<i>Miks on vaja ülaloleva algoritmi puhul muutujate väärtus alguses 0-ga võrdsustada?</i></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<u><b><span style="color: #38761d;">Ülesanne 1</span></b></u></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #38761d;">Koosta plokkskeem, mis küsiks kasutajalt kõigepealt, mitu arvu ta soovib kokku liita ning laseks kasutajatel sisestada soovitud hulgal arve, liidaks need kokku ning väljastaks summa.</span></div>
<br />Vilve Roosiokshttp://www.blogger.com/profile/17116616133042830834noreply@blogger.com