https://peda.net/id/339524a0fe9 2018-03-03T13:32:59+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/e047bcc4207 2018-03-06T13:34:26+02:00 Valitsin esiteltäväksi peliksi <a href="http://koodaustunti.fi/miten-aloitan-koodaamaan/" rel="nofollow ugc noopener">koodaustunti-sivuston</a> Angry Birds-koodaustunnin, joka siis sananmukaisesti lupaa opettaa ohjelmoinnin ja koodauksen perusteet noin yhdessä tunnissa. <span>Se on suomeksi käännetty sivusto Code.org-sivuston ohjelmoinnin oppimissovelluksista. </span><span>Sivustolla voi kokeilla mm. ilmaiseksi ilman rekisteröitymistä ohjelmoinnin perusteita myös, Frozen- tai Flappy Bird -teemaan liittyen. Edellä mainitut firmat tai niiden oikeuden haltijat sponsoroivat kyseistä sivustoa.<br/> <br/> Sovellus toimii web-selaimessa, johon aukeaa oppimissovellus videoineen sekä suomenkielisine ohjeineen. Oppimistuokio kestää sananmukaisesti n. yhden tunnin. Lisäksi on tarjolla n. 20 tunnin lisäharjoitteita sekä Code.org-sivustolla vielä runsaammin tehtäviä ja pulmia. Koodaus perustuu palikoihin, joita ladotaan oikeanpuoleiseen ikkunaan ja itse ohjelmaa voi pyörittää sivun vasemmassa reunassa.<br/> <br/> Alussa on kerrottu täsmälliset ohjeet miten mikäkin nappula toimii (myös videon kera). Nappulat ja sovellus on jaettu selkeisiin osiin, käyttöliittymä on mielestäni mielittyvä ja ymmärrettävä käyttää (myös peruskoululaisille). Palikoita vedetään sivun oikeaan ruudukkoon ja ohjelmaa ajetaan ja katsotaan sen toimintaan vasemmassa ruudussa.<br/> <br/> <a href="https://peda.net/p/osankoso/ttot/oppimisteht%C3%A4v%C3%A4-9/poa/kt2-png#top" title="kt2.png"><img src="https://peda.net/p/osankoso/ttot/oppimisteht%C3%A4v%C3%A4-9/poa/kt2-png:file/photo/adc4abc520bde19451d0c262605b631b8d8dac52/kt2.png" alt="" title="kt2.png" class="inline" loading="lazy"/></a><br/> </span><b><br/> </b><span>Kun tehtävän on saanut suoritettua, sovellus onnittelee ja kertoo palkitsevasti tehtyjen koodirivien määrän.</span><b><br/> <br/> <a href="https://peda.net/p/osankoso/ttot/oppimisteht%C3%A4v%C3%A4-9/poa/kt3-png#top" title="kt3.png"><img src="https://peda.net/p/osankoso/ttot/oppimisteht%C3%A4v%C3%A4-9/poa/kt3-png:file/photo/d51f79d5a569254f4e681e688ff21c31689f1ffe/kt3.png" alt="" title="kt3.png" class="inline" loading="lazy"/></a><br/> <br/> </b><span>Tehtävien lomaan on sijoitettu automaattisesti käynnistyviä seitysvideoita, joissa tunnetetut ohjelmoijat tai suurten firmojen johtajat kertovat koodausten hyödyistä ja koodausrakenteista. Valitettavasti kaikkiin videoihin ei ollut suomenkielisiä teksityksiä.<br/> <br/> <a href="https://peda.net/p/osankoso/ttot/oppimisteht%C3%A4v%C3%A4-9/poa/kt4-png#top" title="kt4.png"><img src="https://peda.net/p/osankoso/ttot/oppimisteht%C3%A4v%C3%A4-9/poa/kt4-png:file/photo/c301b98cde038c6bcfae0e8559ede4e408673b7a/kt4.png" alt="" title="kt4.png" class="inline" loading="lazy"/></a></span><b><br/> <br/> </b><span>Kun tehtävän saa suoritettu, voi myös katsoa JavaScript-kielellä kirjoitettua koodia tekemästään ohjelmasta. Tämä on mielestäni erittäin hyvä ominaisuus. JavaScriptin tarkempi tutkiminen tehtävien teon lomassa voisi sopia esimerkiksi yläkouluun tai lukioon.<br/> <br/> <a href="https://peda.net/p/osankoso/ttot/oppimisteht%C3%A4v%C3%A4-9/poa/kt5-png#top" title="kt5.png"><img src="https://peda.net/p/osankoso/ttot/oppimisteht%C3%A4v%C3%A4-9/poa/kt5-png:file/photo/60532ba06f86cb2c9a6e0ac2aeee766571c3e99e/kt5.png" alt="" title="kt5.png" class="inline" loading="lazy"/></a></span><b><br/> <br/> </b><span>Kun ohjelman perusperiaatteet on opeteltu, ensimmäisenä koodausrakenteena esitellään silmukat. Ylimääräisiä palikoita voi myös poistaa ruudulta heittämällä ne roskakoriin. Tehtävissä esitellään silmukkarakenteiden jälkeen if-rakenne ja if-else-rakenne. Tämä esittely järjestys ainakin tämän sovelluksen kohdalla oli mielestäni mielekäs. Näitä voi myös katsoa JavaScript-kielellä. Pelin viimeisenä tehtävänä joutui käyttämään kaikkia erilaisia rakenteita. Loppupään tehtävissä myös askellus oli mahdollista, joka on varmasti hyvä ainakin alakoulutasolla. Lisäksi, jos tehtävä ei meinaa onnistua, sivun ylälaitaan ilmestyy vinkkejä, kuinka tehtävän saisi ratkaisua. <br/> <br/> <a href="https://peda.net/p/osankoso/ttot/oppimisteht%C3%A4v%C3%A4-9/poa/kt12-png#top" title="kt12.png"><img src="https://peda.net/p/osankoso/ttot/oppimisteht%C3%A4v%C3%A4-9/poa/kt12-png:file/photo/51fd1ef819546a26bb7521e2100364c67e54eb9d/kt12.png" alt="" title="kt12.png" class="inline" loading="lazy"/></a></span><b><br/> <br/> <span><br/> </span></b><span>Tehtävien lopuksi sovellus tarjoaa vielä nimellä varustettua todistusta Koodaustunnin suorittamisesta, jonka voi halutesssaan jakaa (yhteistyökumppaiden) sivuistoille.</span> 2018-03-05T14:58:18+02:00 https://peda.net/id/12ff0646213 2018-03-06T13:32:38+02:00 <b>Kohderyhmä: </b><span>Koodaustunti sopii mielestäni hyvin ohjelmoinnin vasta-alkajille peruskouluun kaikille luokille 1-9. Nykyisen OPSin mukaisesti se sopii parhaiten luokille 1-2 tai luokille 3-6. Jopa lukiolaisille, jotka eivät tiedä koodauksesta tai algoritmisesta ajattelusta mitään, koodaustunti voi olla hyvä johdattelu aiheeseen.<br/> </span><b><br/> Oppimistilanne:</b> Koodaustunti-sivustoa voidaan käyttää esimerkiksi tietotekniikan tunneilla, tietokoneluokassa kun kaikilla oppilailla on käytössä tietokoneet (joko läppäri tai pöytäkone). Koodaustunti-paketin tekemiseen menee sananmukaisesti noin tunnin verran aikaa, jolloin siihen täytynee varata 2x45 minuuttia. Oppitunnin aluksi opettaja voi esitelä sivustoa ja sen periaatteita, jonka jälkeen oppilaat käyvät suorittamaan koodaustuntia. Nopeimmat voivat jatkaa lisätehtävien pariin, joita sivusto tarjoaa kun ensimmäinen oppimispaketti on suoritettu.<br/> <b><br/> Analyysi pelistä: </b>Koodaustunnin avulla voidaan opetella ohjelmoinnin perusteita sekä algoritmista ajattelua. Koodaustunnin aikana käydään läpi koodauksen perusrakenteita (silmukat, if-else-rakenne). Myös oikeaa JavaScript-koodia on mahdollista kurkata tehtävien välissä. Tämän tutkiminen tarkemmin sopii tosiaan ainakin yläkoululuokille tai lukiotasolle. Koodausympäristö on rakennettu oppilaille tuttujen hahmojen ympärille (Angy Birds, Frozen...), jotka varmasti innostavat oppilaita etenemään pelissä eteenpäin. Lisäksi peli palkitsee koko ajan kertomalla kuinka monta koodiriviä on saanut yhteensä tehtyä. Lopuksi sivusto jakaa myös todistuksen koodaustunnin suorittamisesta, jonka alakoululaiset voivat tulostaa itselleen. Yläkoululaiset tai lukiolaiset voivat myös vaihtoehtoisesti jakaa sen sosiaalisen median tileilleen.<br/> <br/> Mielestäni koodaustunti on oiva ja palkitseva tapa oppia koodauksen perusteita sekä algoritmista ajattelua. Se palkitsee nopeasti sekä vaikeimmissa tehtävissä on jo hiukan myös haastetta nopeimmille ja parhaimmille oppilaille. Etenkin alakoulutasolla koodaaminen on järkevää aloittaa tämäntyylisesti, viihteellisellä tavalla tuttujen hahmojen kanssa. Myös ns. blokki-ohjelmointi auttaa havainnollistamaan etenkin algoritmista ajattelua, jonka jälkeen voidaan myöhemmillä vuosiluokilla siirtyä tutkimaan ja tekemään koodia oikeilla kielillä.<br/> <br/> Pelin käyttöliittymä on myös yksinkertainen ja nopeasti opittavissa, sekä se on kaikille vapaasti saatavilla ilman rekisteröitymistä. Halutessaan oppilaat voivat katsoa tunnetujen yritysjohtajien kannustavia videoita mutta ne on myös mahdollista skipata halutessaan<br/> <b><br/> Tavoitteet (OPS): <br/> </b> <ul> <li>Laaja-alainen osaaminen vuosiluokilla 1–2: Tieto- ja viestintäteknologinen osaaminen (L5) <ul> <li>Oppilaat saavat ja jakavat keskenään kokemuksia digitaalisen median parissa työskentelystä sekä ikäkaudelle sopivasta ohjelmoinnista (s. 101)</li> <li>Pelillisyyttä hyödynnetään oppimisen edistäjänä (s. 101)<b><br/> </b></li> </ul> </li> <li>Matematiikan opetuksen tavoitteet ja keskeiset sisällöt vuosiluokilla 1–2 <ul> <li>T12 harjaannuttaa oppilasta laatimaan vaiheittaisia toimintaohjeita ja toimimaan ohjeen mukaan (s. 129)</li> <li>Tutustuminen ohjelmoinnin alkeisiin alkaa laatimalla vaiheittaisia toimintaohjeita, joita myös testataan (s. 129)</li> </ul> </li> </ul> <ul> <li>Laaja-alainen osaaminen vuosiluokilla 3–6: Tieto- ja viestintäteknologinen osaaminen (L5) <ul> <li>Ohjelmointia kokeillessaan oppilaat saavat kokemuksia siitä, miten teknologian toiminta riippuu ihmisen tekemistä ratkaisuista (s. 157)</li> </ul> </li> <li>Matematiikan opetuksen tavoitteet ja keskeiset sisällöt vuosiluokilla 3–6 <ul> <li>T14 innostaa oppilasta laatimaan toimintaohjeita tietokoneohjelmina graafisessa ohjelmointiympäristössä (s. 235)</li> <li>Suunnitellaan ja toteutetaan ohjelmia graafisessa ohjelmointiympäristössä (s. 235)</li> </ul> </li> </ul> 2018-03-06T13:32:38+02:00