ITK 2015 - foorumiesitys.

1. Helppoa graafista
ohjelmointia
llä
ITK 2015
To 16.4.2015
16:1516:45
Esityssali 14
Raisa valtaoja
Tampereen kaupunki

2. Ohjelmointi kehittää
Loogista ajattelua
Ongelmanratkaisutaitoja
Tietoteknisiä taitoja
Ohjelmointi OPS 2016:ssa
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 2

3. Programming mode ON
• Ajatusharjoitelmia
• Rautalankaa esim. kahvinkeitosta
• Oppilaiden kanssa robottiharjoitus
• Harjoittele ohjelmointia esim.
koodaustunti-sivustolla
• Aloita Scratchiin tutustuminen
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 3

4. Kahvinkeitto
 Kysy montako kuppia.
 Odota vastausta ja paina mieleen.
 Ota kannu ja vie se hanan alle.
 Avaa hana.
 Valuta vettä kannuun niin kauan
kunnes veden pinta on kuppimäärän
kohdalla.
 Sulje hana.
 Kaada vesi keittimeen…
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 4

5. in nutshell

6. Scratchin tausta
• MIT:n kehittämä avoin ohjelmointialusta
ja sen käyttäjien verkkoyhteisö.
• Scratchillä voi ohjelmoida animaatiota, pelejä,
tarinoita jne. ja jakaa niitä verkostossa.
• Myös suomenkielinen, toimii verkkosivuilla
(Flash) tai omassa tietokonesovelluksessaan
• Ei vaadi kirjautumista, ellei halua tallentaa
ja jakaa tuotoksiaan
• Tableteille yksinkertaisempi
Scrach junior (iPad, Android)
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 6

7. Scratchin luontitila
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 7

8. Scratch jr
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 8

9. Scratch lyhyesti
• Scratchiin tuodaan erilaisia kuvahahmoja
(sprite), joille pinotaan käskyjä.
• Jokin tapahtuma määritellään aloittamaan
koodi
• Esim. käynnistyslippu, näppäinkomento, hiiren ele,
vuorovaikutus hahmojen välillä tms.
• Hahmojen toimintaa voi hallita hiiren eleillä,
näppäimistöllä tai jopa
webbikameran välityksellä
• Sovelluskohteet kehittyvät:
Lego Mindstorm,
Arduino (esim. nallet) jne.
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 9

10. Esiintymislava
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 10
• Esiintymislavalla paikat määritellään
koordinaatiston arvoina (x- ja y-akseli, 0-kohta
on keskellä)
• Taustakuvia voi vaihdella ja ne voivat olla osa
ohjelman toimintalogiikkaa.
X=180
y=-240

11. Hahmot
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 11
• Hahmoja voi valita useista valmiista
vaihtoehdoista, tuoda tietokoneelta,
piirtää itse tai muokata valmiita
• Hahmoilla voi olla useita asusteita
(esim. erilaisia asentoja)
• Jokaiselle hahmolle tulee suunnitella oma
toimintonsa (koodi)

12. Koodialue
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 12
• Hahmon koodi määritellään
koodialueelle.
• Komennot ja määritykset vedetään
suoritusalueelle.
• Koodit voi suorittaa klikkaamalla
pinoa tai painamalla aloituslippua.
• Suoritus loppuu punaisesta stop-
merkistä.
• Koodissa voi olla erilaisia
muutettavia arvoja tai määrityksiä
voi asetella sisäkkäin. Katso, mikä
palikka asettuu mihinkin koloon.

13. Open tarina: Helposti liikkeille
oppilaiden kanssa
• Eero Takkinen, Matematiikan ja tietotekniikan lehtori, Kämmenniemin
koulu, Tampere
• Perustiedot täydennyskoulutuksessa
• Luma.fi: Opi peliohjelmointia ja sen käyttöä opetuksessa
• Peliohjelmointikurssi tietotekniikan valinnaisaineen aiheena
• 15 oppilaan ryhmä
• Opeteltiin perusasiat Scratchin käytöstä
• Aloitettiin omat projektit yksin tai pareittain
• Tunnin aluksi uuden ohjelmointitavan esittely
• Kokemukset
• Oppilaat jatkoivat projektejaan myös vapaa-ajallaan
• Opettajan rooli muuttui työn seuraajaksi, kannustajaksi ja konsultiksi
• Ongelmat mietittiin yhdessä, esim. matematiikan hyödyntäminen
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 13

14. Kurssilla käytetyt materiaalit
• Helsingin yliopiston materiaaleja
• Aloitusmateriaaliksi myös oppilaidenkin kanssa
www.cs.helsinki.fi/group/linkki/materiaali/peliohjelmointi/scratch
• www.cs.helsinki.fi/group/linkki/materiaali/kerho/mustakivi/Scratch.html
• www.cs.helsinki.fi/group/linkki/materiaali/kerho/mustakivi
• Kooste ohjelmointiaiheisista sivustoista: linkki.cs.helsinki.fi/materiaali
• Kirjoja:
• Super Scratch programming adventure
• Scratch Programming in easy steps
• Learn to program with Scratch
• Scratch programming for teens
• Scratch 2.0 Game development
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 14

15. Linkkejä
• Scratch-sivusto: scratch.mit.edu
• Lähde liikkeelle Getting started –
ohjeistuksesta
• Vinkkejä aloittamiseen
http://scratch.mit.edu/help/cards/
• Opas: Ohjelmointia Scratchin kanssa
• avoinoppikirja.fi/tiedostot/muut/
ohjelmointia_scratchin_kanssa.pdf
• Koodaustunti-tempauksen
ohjesivusto
• http://koodaustunti.fi/miten-aloitan-
koodaamaan
• Ohjelmoinnin opetusta yläkoululla –
blogi tuntikuvauksineen
• http://teinitohjelmoivat.blogspot.fi/
• Peliohjelmoinnin perusteet Scratchia
käyttäen
• www.cs.helsinki.fi/group/linkki/mater
iaali/
peliohjelmointi/scratch
• Scratch-pelitehtäviä ja materiaalia
• http://www.cs.helsinki.fi/group/linkki
/materiaali/
kerho/mustakivi/Scratch.html
• http://learn.code.org/hoc/1
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 15

16. Raisa Valtaoja
S u u n n i t t e l i j a
T a m p e r e e n k a u p u n k i
e V a r i k k o
t v t . t a m p e r e e n s e u t u . f i
r a i s a . v a l t a o j a @ t a m p e r e . f i
Nimeä-Jaa samoin 4.0 Kansainvälinen