villen oppimispelit peliohjelmoinnin opetuksessa 2016-09-18¢  villen oppimispelit...

Download ViLLEn oppimispelit peliohjelmoinnin opetuksessa 2016-09-18¢  ViLLEn oppimispelit peliohjelmoinnin opetuksessa

Post on 30-Jul-2020

0 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • ViLLEn oppimispelit peliohjelmoinnin opetuksessa

    Einari Kurvinen emakur@utu.fi

    Informaatioteknologian laitos Turun yliopisto

    www.villeteam.fi

    mailto:emakur@utu.fi mailto:emakur@utu.fi http://www.villeteam.fi http://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

    mailto:emakur@utu.fi

  • 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ä!

    http://github.com/changty/etapit http://github.com/changty/etapit