villen oppimispelit peliohjelmoinnin opetuksessa … · 2016-09-18 · villen oppimispelit...

ViLLEn oppimispelit peliohjelmoinnin opetuksessa

Einari Kurvinen emakur@utu.fi

Informaatioteknologian laitos Turun yliopisto

www.villeteam.fi

ViLLEn opintopoluilta tuttuja tehtävätyyppejä

Kaikki toimii suoraan selaimella- HTML5 - modernia web-teknologiaa- CSS+kuvat → teema- HTML → rakenne- Javascript → toiminnallisuus

Mitä opitaan? - Peligrafiikoiden luontia (Inkscape)- CSS-tyylien editointia- Pieni vilkaisu Javascriptin maailmaan- Sisällön luontia

Käytännössä- Soveltuu hyvin 5. luokkalaisista ylöspäin- Opettajalla on hyvä olla perustietämys nettisivuista- Jaa paketti esim. Onderivessä oppilaille - Editointiin tarvitaan:

- Vähintään Inkscape - Notepad++ (HTML, CSS, Javascript) - Chorme/Firefox

- Valmis työ tallennetaan Onedriveen .zip-tiedostoksi - Jaa valmis työ minulle (emakur@utu.fi) - Valmis peli kaikkien nähtäville - Hyvät teemat voidaan oppilaiden luvalla ottaa ViLLEen käyttöön

Muokattavia elementtjäCSS-tyylitellyt elementit Käytettävät kuvat

Lataaminen ja ohjeet- Kaikki löytyy ohjelmoijien yleisesti käyttämästä githubista

http://github.com/changty/etapit

- Kuvauksessa paljon vinkkejä ja linkkejä!