https://peda.net/id/ca138464f1b 2016-03-24T13:44:38+02:00 https://peda.net/:static/535/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/7f3516006aa 2016-08-25T11:54:13+03:00 2016-08-25T11:54:13+03:00 https://peda.net/id/bf8a5b0cf1b 2016-08-26T12:38:51+03:00 <p><span>Tee kansioosi uusi kansio: Racket<br/> Tallenna kaikki harjoitukset kansioosi.<a href="http://racket.koodiaapinen.fi/tehtavat/racket_alkeet.html" rel="nofollow ugc noopener"><br/> <br/> </a></span><b>Alkuvalmistelut</b></p> <!--filtered tag: <h5--><!--&gt;-->Harjoituksia varten valitse kieleksi &quot;Beginning student&quot;.<!--filtered end tag: </h5>--> <ul> <li>Valitse DrRacketin valikosta: <span>Language → Choose language → Teaching languages → Beginning student → OK.</span></li> <li> <p>Lopuksi paina &quot;Run&quot; DrRacketin oikeasta yläkulmasta.</p> </li> </ul> <h3>Olet nyt valmis aloittamaan ohjelmoinnin.<br/> <br/> <br/> 1. Harjoitus</h3> <ul> <li>Katsotaan yhdessä <a href="https://www.youtube.com/watch?v=ih5UEgAX49I" target="_blank" rel="nofollow ugc noopener">1.2 Racket alkeet: Lausekkeet ja evaluointi</a></li> <li>Katsotaan yhdessä <a href="https://www.youtube.com/watch?v=G_JAfo_0i90&amp;feature=youtu.be" target="_blank" rel="nofollow ugc noopener">2.1 Racket alkeet: Peruskuvioiden piirtäminen</a></li> </ul> <ul> <li>Käy läpi <a href="http://racket.koodiaapinen.fi/manuaali/piirtotyokaluja.html" target="_blank" rel="nofollow ugc noopener">sivun 1.3 </a>esimerkit ja sieltä erityisesti kuvioiden yhdistely. Lisätietoa siitä videosta. <a href="https://www.youtube.com/watch?v=zby74T4Gcc4&amp;ebc=ANyPxKpnbLMwpa6PKGsPFHA-VeS8QJ_5mQWzjEgd1yggKoyLrJt3JnknHql3OvN1MUvDZ70AN3aS6D5Bo_ZcWKipT6HTKffxfA" target="_blank" rel="nofollow ugc noopener">2.2 Racket alkeet: Kuvioiden yhdistely</a></li> <li>Tarvitset käyttöösi kuvakirjaston (require 2htdp/image). Kirjoita suluissa oleva rivi ohjelman alkuun.</li> </ul> <span><b>Tehtävät 1 </b>Japanin lippu. Muista tallentaa kaikki harjoitukset kansioosi.</span><span>Tarvitset </span><a href="http://racket.koodiaapinen.fi/manuaali/2htdp_image_kuvien_yhdistely.html#%28def._%28%28lib._fin-doc%2Ffi-image..rkt%29._overlay%29%29" target="_blank" rel="nofollow ugc noopener">overlay</a><span>-funktiota. </span><br/> <strong><strong><img src="http://racket.koodiaapinen.fi/manuaali/pict_12.png" alt="image"/><br/> <br/> Tehtävä 2. </strong></strong><strong><strong>Auto<br/> </strong></strong><span>Tarvitset overlay/xy-funktioita. Järjestä ensin renkaat sopivalle etäisyydelle toisitaan x-koordinaattia suurentamalla. Sitten suorakulmio molempia koordinaattia siirtämällä negatiiviseen suuntaan. Overlay-funktiota tulee siten kaksi peräkkäin. </span><br/> <br/> <img src="http://racket.koodiaapinen.fi/manuaali/pict_14.png" alt="image"/><br/> <br/> <h3><span>2. Harjoitus</span></h3> <ul> <li><span>Harjoitettele Define-käskyn käyttöä</span></li> </ul> <span>Ohjelmassa on valmiita funktioita (lausekkeita), esimerkiksi circle, joka tarvitsee aina kolme muuttujaa eli säteen, tyylin ja värin. <span class="RktPn">(</span><a name="(def._((lib._fin-doc/fi-image..rkt)._circle))"></a><span title="Provided from: fin-doc/fi-image | Package: fin_doc"><span class="RktSym"><a class="RktValDef RktValLink" href="http://racket.koodiaapinen.fi/manuaali/ympyrat_ja_ellipsit.html#%28def._%28%28lib._fin-doc%2Ffi-image..rkt%29._circle%29%29" rel="nofollow ugc noopener"><!--filtered attribute: data-pltdoc="x"-->circle</a></span></span> <span class="RktVar">säde</span> <span class="RktVar">tyyli</span> <span class="RktVar">väri</span><span class="RktPn">)</span> <span>→</span> <span class="RktSym">kuva. Tuloksena on ympyrän kuva. <br/> Definellä määritellään itse oma funktio, jota voidaan sitten myöhemmin kutsua. </span><br/> Esimerkiksi alla olevassa esimerkissä (moi) on määritelty kirjan-niminen funktio, jolle voidaan antaa kolme muuttujaa k-merkkijono eli mitä kirjoitetaan, k-väri eli kirjaimen väri ja t-väri eli taustan väri. Myös muuttujat ovat itse ohjelman omien funktioiden avulla määriteltyjä uusia funktioita. Esimerkiksi k on tekstiä (<a href="http://racket.koodiaapinen.fi/manuaali/muut.html#%28def._%28%28lib._fin-doc%2Ffi-image..rkt%29._text%29%29" rel="nofollow ugc noopener">text</a>) , joka tarvitsee muuttujaksi tekstin, fontin koon ja värin. </span><br/> <ul> <li><span>Lue luku <a href="http://racket.koodiaapinen.fi/tehtavat/peruskuvat_ja_kuvien_yhdistely.html" target="_blank" rel="nofollow ugc noopener">1.2.2 Monimutkaiset ku</a>vat</span></li> </ul> <ul> <li><span>Video<a href="https://www.youtube.com/watch?v=rCTgxqVpmno&amp;feature=youtu.be" target="_blank" rel="nofollow ugc noopener"> 2.3 Rack alkeet. Muuttujat</a></span></li> </ul> <ul> <li><span><b>Tehtävä 3</b>. Tee edellisen harjoituksen auto siten, että käytät renkaiden tekemiseen define-käskyä.</span></li> </ul> <ul> <li><b>Tehtävä 4</b>. Tee oma nimesi alla olevan esimerkin mukaan.</li> </ul> <strong><strong><span class="center"><a href="https://peda.net/p/henril/ohjelmointi/drracket/racket-alkeet2/racket-alkeet3/moi2-jpg#top" title="moi2.jpg"><img src="https://peda.net/p/henril/ohjelmointi/drracket/racket-alkeet2/racket-alkeet3/moi2-jpg:file/photo/8d370971663c41f40857104e9348c2ee8808a7e7/moi2.jpg" alt="" title="moi2.jpg" class="inline" loading="lazy"/></a></span></strong></strong> <p> </p> <h3><span>3. Harjoitus</span></h3> <br/> <ul> <li><span><b>Tehtävä 5</b>. Pikseli sydän</span></li> <li><span>Katso valmista ratkaisua tee sydän vaihtamalla värejä tai suunnittele oma kuviosi. Suunnittelussa voi ruutupaperista olla apua. Voit tehdä myös <a href="http://racket.koodiaapinen.fi/tehtavat/peruskuvat_ja_kuvien_yhdistely.html" rel="nofollow ugc noopener">pikseliukon.</a></span></li> <li><span>Liitä valmis kuvasi Padlet-seinälle. Tallenna kuvasi kansioosi DrRacketistä kuvan päältä hiiren oikealla painikkeella Save image as...Mene linkin kautta<a href="http://padlet.com/minnihiiri40/ytr69lr4w0co" target="_blank" rel="nofollow ugc noopener"> Padlet-</a>seinälle ja lisää kuvasi sinne. Laita otsikoksi nimesi.</span></li> </ul> <p><a href="https://www.youtube.com/watch?v=4TVb2Vnge1I" rel="nofollow ugc noopener"><span><span class="center"></span></span></a><a href="https://peda.net/p/henril/ohjelmointi/drracket/racket-alkeet2/racket-alkeet3/pikselisyd%C3%A4n-jpg#top" title="pikselisydän.JPG"><img src="https://peda.net/p/henril/ohjelmointi/drracket/racket-alkeet2/racket-alkeet3/pikselisyd%C3%A4n-jpg:file/photo/60be77c92f344f80a57a68819c68cc15de79e296/pikselisyd%C3%A4n.JPG" alt="" title="pikselisydän.JPG" class="inline" loading="lazy"/></a><br/> <br/> 4. Harjoitus<br/> </p> <ul> <li><span><b>Tehtävä 6 ja 7.</b> Katso video. Tee<a href="http://racket.koodiaapinen.fi/tehtavat/peruskuvat_ja_kuvien_yhdistely.html" target="_blank" rel="nofollow ugc noopener"> kukka ja neliökuvio</a> videon ohjeiden mukaan.</span></li> <li><span>Video<a href="https://www.youtube.com/watch?v=4TVb2Vnge1I" target="_blank" rel="nofollow ugc noopener"> 2.4 Racket-alkeet - Kuvien muokkaus</a></span></li> </ul> 2016-03-24T13:51:30+02:00