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

7
ViLLEn oppimispelit peliohjelmoinnin opetuksessa Einari Kurvinen [email protected] Informaatioteknologian laitos Turun yliopisto www.villeteam.fi

Upload: others

Post on 30-Jul-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ViLLEn oppimispelit peliohjelmoinnin opetuksessa … · 2016-09-18 · ViLLEn oppimispelit peliohjelmoinnin opetuksessa Einari Kurvinen emakur@utu.fi Informaatioteknologian laitos

ViLLEn oppimispelit peliohjelmoinnin opetuksessa

Einari Kurvinen [email protected]

Informaatioteknologian laitos Turun yliopisto

www.villeteam.fi

Page 2: ViLLEn oppimispelit peliohjelmoinnin opetuksessa … · 2016-09-18 · ViLLEn oppimispelit peliohjelmoinnin opetuksessa Einari Kurvinen emakur@utu.fi Informaatioteknologian laitos

ViLLEn opintopoluilta tuttuja tehtävätyyppejä

Page 3: ViLLEn oppimispelit peliohjelmoinnin opetuksessa … · 2016-09-18 · ViLLEn oppimispelit peliohjelmoinnin opetuksessa Einari Kurvinen emakur@utu.fi Informaatioteknologian laitos

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

Page 4: ViLLEn oppimispelit peliohjelmoinnin opetuksessa … · 2016-09-18 · ViLLEn oppimispelit peliohjelmoinnin opetuksessa Einari Kurvinen emakur@utu.fi Informaatioteknologian laitos

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

Page 5: ViLLEn oppimispelit peliohjelmoinnin opetuksessa … · 2016-09-18 · ViLLEn oppimispelit peliohjelmoinnin opetuksessa Einari Kurvinen emakur@utu.fi Informaatioteknologian laitos

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 ([email protected]) - Valmis peli kaikkien nähtäville - Hyvät teemat voidaan oppilaiden luvalla ottaa ViLLEen käyttöön

Page 6: ViLLEn oppimispelit peliohjelmoinnin opetuksessa … · 2016-09-18 · ViLLEn oppimispelit peliohjelmoinnin opetuksessa Einari Kurvinen emakur@utu.fi Informaatioteknologian laitos

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

Page 7: ViLLEn oppimispelit peliohjelmoinnin opetuksessa … · 2016-09-18 · ViLLEn oppimispelit peliohjelmoinnin opetuksessa Einari Kurvinen emakur@utu.fi Informaatioteknologian laitos

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

http://github.com/changty/etapit

- Kuvauksessa paljon vinkkejä ja linkkejä!