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