Helppoa graafista ohjelmointia
lläITK 2015
To 16 . 4 . 2015 16:1516:45
Es i tyssa l i 14
Raisa va l taojaTamp e re e n kau p u n k i
Ohjelmointi kehittää
Loogista ajattelua
Ongelmanratkaisutaitoja
Tietoteknisiä taitoja
Ohjelmointi OPS 2016:ssa
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 2
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
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
in nutshell
Scratchin tausta
• MIT:n kehittämä avoin ohjelmointialustaja 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
Scratchin luontitila
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 7
Scratch jr
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 8
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 jopawebbikameran välityksellä
• Sovelluskohteet kehittyvät: Lego Mindstorm, Arduino (esim. nallet) jne.
16.4.2015 Helppoa graafista ohjelmointia Scratchillä / ITK 2015 / Raisa Valtaoja 9
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
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)
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.
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
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
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 Scratchiakäyttäen
• www.cs.helsinki.fi/group/linkki/materiaali/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
Raisa ValtaojaS u u n n i t t e l i j aT a m p e r e e n k a u p u n k i e V a r i k k ot v t . t a m p e r e e n s e u t u . f ir 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
Top Related