T3 syksy 2019 Juhani Linna, Aulikki Hyrskykari, Antti Sand

Harjoitus 6 – Tehtävänanto Tampereen yliopisto

- 1 -

H6: Tiedon visualisointi

Huom.

Suosittelemme vahvasti taustamateriaaliin tutustumista ja harjoituksen 4 tai 5 tekemistä

ennen aloittamista, erityisesti mikäli tiedon käsittely Excelissä on sinulle uusi asia.

Edelleen suosittelemme harjoituksen tekemistä mikroluokkatuessa pe tai ma, erityisesti

mikäli eteneminen tuntuu hankalalta.

Katso, että palautat oikeat dokumentit.

Muista tallentaa säännöllisesti.

Harjoituksen tavoitteet

Harjoituksessa tehdään kaavioita ja visualisointeja erityyppisestä datasta, sekä

käydään läpi yksinkertaisia kuvankäsittelyyn liittyviä toimenpiteitä. Harjoituksen

jälkeen opiskelija

osaa hakea, tallentaa ja muokata dataa erilaisista avoimista lähteistä

osaa tehdä pylväs-, piirakka- ja viivadiagrammeja Excelissä ja muokata niiden

ulkoasua

osaa muokata kuvan valoisuutta, kontrastia ja resoluutiota

osaa yhdistää kuvista kollaaseja

Harjoituksen tehtävät ja pisteytys

Harjoituksessa on 4 tehtävää. Yhteispisteet tehtävistä ovat maksimissaan 10.

Tehtävä 1 Pylväskaavio (2 p)

Tehtävä 2 Piirakkakaavio (2 p)

Tehtävä 3 Viivakaavio (2 p)

Tehtävä 4 Kaavio ja kuvankäsittely (4 p)

Mitä palautetaan?

Kaksi dokumenttia, joista ensimmäinen on pdf-muotoa ja sisältää vastaukset tehtäviin

1, 2 ja 3, ja toinen jpg-muotoa (eli kuva) ja sisältää vastauksen tehtävään 4. Tiedostot

on nimetty seuraavasti:

H6T1-T3.pdf

H6T4.jpg

T3 syksy 2019 Juhani Linna, Aulikki Hyrskykari, Antti Sand

Harjoitus 6 – Tehtävänanto Tampereen yliopisto

- 2 -

Aluksi

Harjoituksessa tehdään kaavioita Excel-ohjelmassa, ja valmiit kaaviot liitetään Word-

dokumenttiin (tehtävät 1, 2 ja 3) tai kuvankäsittelyohjelmaan (tehtävä 4). Tarvitset siis

kolmea eri ohjelmaa: Exceliä, Wordia ja kuvankäsittelyohjelmaa.

Avaa aluksi Word ja kirjoita ensimmäiselle sivulle lause, jossa kerrot missä

ympäristössä, millä käyttöjärjestelmällä ja millä ohjelmilla harjoituksen teit.

Esimerkiksi: Tehty mikroluokassa B1084, Windows 10-käyttöjärjestelmällä ja Word

2016, Excel 2016 ja GIMP 2.8 –ohjelmilla. Tallenna tiedosto nimellä H6T1-T3.docx.

Tehtävässä 4 tarvittavat pohjatiedostot ovat pakatussa zip-kansiossa H6-

pohjatiedostot.zip. Myös Zip-kansio löytyy kurssimateriaalit-sivulta, tehtävänannon

alta. Lataa se koneellesi ja pura (purkamista käsiteltiin Teeman 1 taustamateriaalin

loppupuolella).

T3 syksy 2019 Juhani Linna, Aulikki Hyrskykari, Antti Sand

Harjoitus 6 – Tehtävänanto Tampereen yliopisto

- 3 -

Tehtävä 1 (2p): Pylväskaavio

Avaa H6-pohjatiedostot-paketista Excel-tiedosto, joka kertoo kaupungin henkilöstön

määrästä toimintayksiköittäin 2012-2014. Tiedoston nimi on

Henkilöstö_toimintayksiköittäin_2012-2014.xlsx. Tallenna se nimelle H6T1.xlsx.

Tässä vaiheessa taulukko näyttää suurin piirtein alla olevalta.

Luo tiedoston sisältämästä taulukosta alla olevan kuvan mukainen pylväskaavio, ja liitä

se kuvana Word-dokumenttiisi H6T1-T3.docx vastaukseksi Tehtävään 1. Kaavion ei

tarvitse olla täsmälleen samanlainen, mutta katso että

a) Kaavioon on valittu vuodet 2012 ja 2014 ja vain ne. Vihje 1

b) Kaavio on vaakapylväskaavio (bar chart), ja vuoden 2012 ja 2014 datasarjat on

kuvattu eri väreillä. Vihje 2

c) Datasarjojen arvot ovat näkyvissä pylväiden päissä oikealla puolella. Vihje 2

d) Kaaviossa on pylväiden yläpuolella otsikko (title) ”Mansen henkilöstön määrä

toimintayksiköittäin 2012 ja 2014”, ja alapuolella selite (legend), joka kertoo

arvosarjojen olevan päivämääriltä 31.12.2014 ja 31.12.2012. Vihje 2

e) Kaavio on liitetty kuvana vastausdokumenttiin (H6T1-T3.docx) Vihje 3

Tehtävän 1 vastaukseksi: Vastausdokumenttiin liitetty kuva pylväskaaviosta.

Vihje 1. Sinun on valittava kaavioon datasarjojen nimet (A3:A21) sekä vuoden 2012 ja 2014 datasarjat ml. otsikot. Saman verran rivejä ja sarakkeita sisältävistä alueista on helpompi luoda kaavioita, joten kannattaa valita myös tyhjä solu A3. Erilliset alueet voit valita pitämällä ctrl-painikkeen pohjassa hiirellä maalauksen ajan (MacOS:ssä ⌘-napin).

Vihje 2. Kun kaavio on luotu, sen ulkoasua voi muokata nopeasti Kaaviotyökalujen (Chart Tools) Rakenne (Design) välilehden Pika-asettelu (Quick Layout) –työkalulla. Kokeile. Kaaviossa näkyviä elementtejä (chart elements) voi valita näkyviin myös vihreästä plusmerkistä kaavion oikealla puolella (kuva vieressä). Elementtejä voi editoida ja muokata niitä klikkaamalla.

Vihje 3. Kopioi kaavio normaalisti (valitse ja kopioi), mutta liitettäessä valitse Liitä kuvana (Paste as picture).

T3 syksy 2019 Juhani Linna, Aulikki Hyrskykari, Antti Sand

Harjoitus 6 – Tehtävänanto Tampereen yliopisto

- 4 -

Tehtävä 2 (2p): Piirakkakaavio

Hae Tilastokeskuksen kattavilta Suomi lukuina -sivuilta

(http://tilastokeskus.fi/tup/suoluk/index.html) Vaalit -tilastoista Excel-tiedosto

presidentinvaaleista 2018, ja tallenna se itsellesi nimelle H6T2.xlsx (taulukko alun

perin nimeltään suomilukuina_tau_vaa004.xlsx). Tässä vaiheessa taulukko näyttää

suurin piirtein alla olevalta.

Luo tiedoston sisältämästä taulukosta allaolevan kuvan mukainen ympyräkaavio, ja

liitä se kuvana Word-dokumenttiisi H6T1-T3.docx vastaukseksi Tehtävään 2. Kaavion

ei tarvitse olla täsmälleen samanlainen, mutta katso, että

Kaavio 1. Tehtävän 1 mallikaavio

T3 syksy 2019 Juhani Linna, Aulikki Hyrskykari, Antti Sand

Harjoitus 6 – Tehtävänanto Tampereen yliopisto

- 5 -

a) Kaaviossa on viisi lohkoa; Sauli Niinistö, Pekka Haavisto, Laura Huhtasaari ja

Paavo Väyrynen sekä Muut, joka sisältää muiden ehdokkaiden suhteellisen

äänimäärän. Vihje 4

b) Kaavio on ympyräkaavio (pie chart), ja sen lohkoilla on seuraavat värit: Sauli

Niinistö sininen, Pekka Haavisto vihreä, Laura Huhtasaari keltainen, Paavo

Väyrynen vaaleansininen ja Muut harmaa. Vihje 5

c) Kaaviossa on otsikko (title) ympyrän yläpuolella ja data-arvot ja niiden nimet

ympyrän sisällä.

d) Kaaviossa on taustavärinä joku liukuvärjätty (gradient) sävy. Vihje 6

e) Kaavio on liitetty kuvana vastausdokumenttiin (H6T1-T3.docx)

Tehtävän 2 vastaukseksi: Vastausdokumenttiin liitetty kuva ympyräkaaviosta.

Vihje 4. Taulukossa ei ole Muut-tietoa valmiina, joten sellainen on tehtävä. Lisää rivi Matti Vanhasen yläpuolelle, anna sille A-sarakkeeseen nimeksi muut ja laske alapuolelle jäävien ehdokkaiden prosenttiosuudet yhteen. Kaavioita luotaessa valitse Sauli Niinistöstä tähän tekemääsi riviin saakka.

Vihje 5. Taulukon elementtejä pääsee muokkaamaan klikkaamalla. Klikkaat lohko kerran, kaikki lohkot tulevat valituiksi. Kun klikkaat kaksi kertaa, vain klikkaamasi lohko tulee valituksi. Nyt hiiren kakkospainiketta klikkaamalla saat pudotusvalikosta esiin valinnan Format data point, (kuva vasemmalla) jonka kautta pääset mm. määrittämään lohkon värin.

Vihje 6. Kuten edellä vihjeessä 5, mutta valikon valinta on nyt Format Chart Area. Valitse täyttöväriksi (Fill) Gradient fill.

Kaavio 2. Tehtävän 2 mallikaavio

T3 syksy 2019 Juhani Linna, Aulikki Hyrskykari, Antti Sand

Harjoitus 6 – Tehtävänanto Tampereen yliopisto

- 6 -

Tehtävä 3 (2p): Viivakaavio

Hae Tilastokeskuksen kattavilta Suomi lukuina -sivuilta Tiede, teknologia ja

tietoyhteiskunta -tilastoista (http://tilastokeskus.fi/tup/suoluk/index.html) Excel-tiedos-

to laitteiden ja yhteyksien yleisyydestä kotitalouksissa vuosina 2013 - 2017, ja tallenna

se itsellesi nimelle H6T3.xlsx (taulukko alun perin nimeltään

suomilukuina_tau_ttt004.xlsx). Tässä vaiheessa taulukko näyttää suurin piirtein alla

olevalta.

Luo tiedoston sisältämästä taulukosta alla olevan kuvan mukainen viivakaavio, ja liitä

se kuvana Word-dokumenttiisi H6T1-T3.docx vastaukseksi Tehtävään 3. Kaavion ei

tarvitse olla täsmälleen samanlainen, mutta katso, että

a) Kaaviosta näkyy viisi taulukon tietoa (ja vain ne); Digikamera, Liikkuva

laajakaista, Puettava älylaite, Älypuhelin ja GPS-navigaattori autossa.

b) Kaaviolla on otsikko, selite (legend) ja sen akseleilla nimet (% kotitalouksista

ja vuosi). Selite on oikealla puolella.

c) Tekstien tulee olla vaaleita tummalla pohjalla, ja arvopisteiden arvojen

näkyvissä viivan vieressä (kuten kuvassa esim. älypuhelimella 60, 69, 76, 82, ja

87.

d) Kaavio on liitetty kuvana vastausdokumenttiin (H6T1-T3.docx)

Tähän kohtaan ei ole tarjolla vihjeitä, mutta toimenpiteet ovat hyvin samankaltaisia

kuin tehtävissä 1 ja 2.

Tallenna tehtävän 3 jälkeen Word-dokumentti nimellä H6T1-T3 ja tyyppinä pdf,

ja palauta tämä dokumentti Wetoon.

Tehtävän 3 vastaukseksi: Vastausdokumenttiin liitetty kuva viivakaaviosta. Tehtävistä 1, 2 ja 3 pdf-dokumentti.

T3 syksy 2019 Juhani Linna, Aulikki Hyrskykari, Antti Sand

Harjoitus 6 – Tehtävänanto Tampereen yliopisto

- 7 -

Tehtävä 4 (4p): Kaavio ja kuvankäsittely

Tallenna tehtävän 3 kaaviokuva (viivakaavio laitteiden ja yhteyksien yleisyydestä)

erillisenä tiedostona koneellesi. Vihje 7 Avaa sen jälkeen tämä kuva sekä H6-

pohjatiedostot.zip –tiedostosta purkamasi kaksi kuvaa tausta.jpg ja robomies.png

valitsemaasi kuvankäsittelyohjelmaan. Harjoituksen vihjeet koskevat vapaasti

saatavilla olevaa GIMP 2.8 -kuvankäsittelyohjelmaa, mutta voit käyttää halutessasi

myös esimerkiksi Photo Shopia tai Paint Shop Prota. Tallenna muokkauksen ajaksi

työstämäsi dokumentti kuvankäsittelyohjelman natiivimuotoon (GIMP:ssä .xcf).

Tee alla olevan kuvan mukainen kollaasi edellä mainitusta kolmesta kuvasta. Katso,

että

a) Taustakuvaa eli kuvatiedostoa tausta.jpg on korjattu siten, että valoisuutta on

lisätty, kontrastia pienennetty ja kuva on muutettu harmaasävykuvaksi. Vihje 8

b) Viivakaaviokuva on liitetty taustakuvan vasempaan laitaan värillisenä. Vihje 9

c) Robotti on liitetty pystysuunnassa käännettynä kuvan oikealle laidalle ilman

Kaavio 3. Tehtävän 3 mallikaavio.

T3 syksy 2019 Juhani Linna, Aulikki Hyrskykari, Antti Sand

Harjoitus 6 – Tehtävänanto Tampereen yliopisto

- 8 -

valkoista taustaansa. Vihje 10

d) Robomies on lähes taustakuvan korkuinen ja hänen kätensä osoittavat

vasemmalle Vihje 11

e) Kuva on tallennettu jpg-muotoon. Vihje 12

Tehtävän 1 vastaukseksi: Kuva H6T4.jpg

Vihje 7. Klikkaa kuvaa Word-tiedostossasi hiiren kakkospainikkeella, ja valitse Tallenna kuvana (Save as Picture).

Vihje 8. Kontrastia ja valoisuutta pääset säätämään valikosta Colors ja alavalikosta Brightness-Contrast. Mallikuvassa arvot on säädetty kohtiin 80 (brightness) ja -40 (contrast). Harmaasävykuvan saa sen jälkeen yksinkertaisimmillaan valitsemalla Image/Mode/Greyscale.

Vihje 9. Muuta taustakuva ensin ”värikuvaksi” valinnalla Image/Mode/RGB. Kopioi sitten koko kaaviokuva ja liitä se uudeksi piirtotasoksi (layer) valitsemalla Edit/Paste as/New layer. Siirrä tarvittaessa vasempaan reunaan Move-työkalulla (kuva oikealla).

Vihje 10. Robomies on liitettävä ilman valkoista taustaansa. Valitse ”taikasauvalla” (Fuzzy select tool, kuva oikealla) ensin robomiehen tausta ja jalkojen välin valkoinen alue, ja käännä sitten valinta (Select/Invert). Kopioi valinta ja liitä se uutena piirtotasona taustakuvaan ja siirrä vasemmalle.

Vihje 11. Piirtotason kokoa ja suuntaa voit muuttaa Layer-valikosta. Scale Layer-valinnalla voit muokata piirtotason kokoa (mallikuvassa robomies on 600 x 900 pikseliä). Piirtotason voi kääntää Transform/Flip horizontally –valinnalla.

Vihje 12. GIMP:ssä kuvat pitää viedä (export) jpg-muotoon. Valitse File/Export As ja valitse tiedostotyypiksi jpg/jpeg ja nimeksi H6T4.