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 - 1 -
Aluksi Harjoituksessa tehdään kaavioita Excel-ohjelmassa, ja valmiit kaaviot liitetään Worddokumenttiin (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). - 2 -
Tehtävä 1 (2p): Pylväskaavio Hae Tampereen kaupungin avoin data-sivulta (https://www.tampere.fi/tampereenkaupunki/tietoa-tampereesta/avoin-data.html) Excel-tiedosto, joka kertoo kaupungin henkilöstön määrästä toimintayksiköittäin 2012-2014. Tallenna se omalle koneellesi. Vihje 1 Avaa tiedosto Excel-taulukkolaskentaohjelmassa ja tallenna se nimelle H6T1.xlsx. Tässä vaiheessa taulukko näyttää suurin piirtein allaolevalta. Luo tiedoston sisältämästä taulukosta allaolevan 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 2 b) Kaavio on vaakapylväskaavio (bar chart), ja vuoden 2012 ja 2014 datasarjat on kuvattu eri väreillä. Vihje 3 c) Datasarjojen arvot ovat näkyvissä pylväiden päissä oikealla puolella. Vihje 3 d) Kaaviossa on pylväiden yläpuolella otsikko (title) Kaupungin 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 3 e) Kaavio on liitetty kuvana vastausdokumenttiin (H6T1-T3.docx) Vihje 4 Tehtävän 1 vastaukseksi: Vastausdokumenttiin liitetty kuva pylväskaaviosta. Vihje 1. Surffaa linkin sivulle, ja etsi Datakatalogi-kohdasta oikea tieto joko selailemalla tai kirjoittamalla hakuruutuun sopiva sana. Tallenna xlsx-tiedosto omalle koneellesi esim. klikkaamalla hiiren kakkospainikkeella tiedostosymbolin päältä ja klikkaamalla Tallenna linkki nimellä (Save link as ). Vihje 2. 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). - 3 -
Vihje 3. 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 4. Kopioi kaavio normaalisti (valitse ja kopioi), mutta liitettäessä valitse Liitä kuvana (Paste as picture). Kaavio 1. Tehtävän 1 mallikaavio 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 allaolevalta. - 4 -
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ä f) 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 5 g) 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 6 a) Kaaviossa on otsikko (title) ympyrän yläpuolella ja data-arvot ja niiden nimet ympyrän sisällä. h) Kaaviossa on taustavärinä joku liukuvärjätty (gradient) sävy. Vihje 7 b) Kaavio on liitetty kuvana vastausdokumenttiin (H6T1-T3.docx) Kaavio 2. Tehtävän 2 mallikaavio Tehtävän 2 vastaukseksi: Vastausdokumenttiin liitetty kuva ympyräkaaviosta. Vihje 5. 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 6. 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 7. Kuten edellä vihjeessä 6, mutta valikon valinta on nyt Format Chart Area. Valitse täyttöväriksi (Fill) Gradient fill. - 5 -
Tehtävä 3 (2p): Viivakaavio Hae Tilastokeskuksen kattavilta Suomi lukuina -sivuilta (http://tilastokeskus.fi/tup/suoluk/index.html) Tiede, teknologia ja tietoyhteiskunta - tilastoista Excel-tiedosto 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 allaolevalta. Luo tiedoston sisältämästä taulukosta allaolevan 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 pdfdokumentti. - 6 -
Kaavio 3. Tehtävän 3 mallikaavio. Tehtävä 4 (4p): Kaavio ja kuvankäsittely Tallenna tehtävän 3 kaaviokuva (viivakaavio laitteiden ja yhteyksien yleisyydestä) erillisenä tiedostona koneellesi. Vihje 8 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 allaolevan 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 9 b) Viivakaaviokuva on liitetty taustakuvan vasempaan laitaan värillisenä. Vihje 10 c) Robotti on liitetty pystysuunnassa käännettynä kuvan oikealle laidalle ilman valkoista taustaansa. Vihje 11-7 -
d) Robomies on lähes taustakuvan korkuinen ja hänen kätensä osoittavat vasemmalle Vihje 12 e) Kuva on tallennettu jpg-muotoon. Vihje 13 Tehtävän 1 vastaukseksi: Kuva H6T4.jpg Vihje 8. Klikkaa kuvaa Word-tiedostossasi hiiren kakkospainikkeella, ja valitse Tallenna kuvana (Save as Picture). Vihje 9. 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 10. 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 11. 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 12. 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 13. GIMP:ssä kuvat pitää viedä (export) jpg-muotoon. Valitse File/Export As ja valitse tiedostotyypiksi jpg/jpeg ja nimeksi H6T4. - 8 -