Liitteitä Abitti-kokeeseen
-
Upload
riitta-salmenoja -
Category
Education
-
view
205 -
download
4
Transcript of Liitteitä Abitti-kokeeseen
![Page 1: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/1.jpg)
Liitteitä Abitti-kokeeseen
Julkaistu 7.2.2017© Riitta Salmenoja Tämä teos on lisensoitu
Creative Commons Nimeä-EiKaupallinen-EiMuutoksia 4.0 Kansainvälinen -lisenssillä.
![Page 2: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/2.jpg)
Tarvitset koetehtävät ja kokeeseen tulevat tiedostot.
Älä käytä tiedostojen nimissä kirjaimia å ä ö
![Page 3: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/3.jpg)
Kopioi kaikki kokeeseen tulevat tiedostot samaan kansioon.
![Page 4: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/4.jpg)
Valitse kaikki tiedostot ja pakkaa ne zip-tiedostoksi.
![Page 5: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/5.jpg)
Muuta zip-tiedoston nimeksi attachments
![Page 6: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/6.jpg)
Kirjaudu oma.abitti.fi
![Page 7: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/7.jpg)
Valitse Luo uusi koe.
![Page 8: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/8.jpg)
Kirjoita kokeen nimi ja ohje kokeeseen.
![Page 9: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/9.jpg)
Valitse monivalinta.
![Page 10: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/10.jpg)
Kirjoita tehtävänanto. Lisää monivalinnan teksti ja vastausvaihtoehdot.
![Page 11: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/11.jpg)
Tämä riittää aluksi. Palaa kokeiden hallintaan.
![Page 12: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/12.jpg)
Siirrä koe omalle tietokoneellesi.
![Page 13: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/13.jpg)
Jos koneesi ehdottaa zip-tiedoston avaamista, älä avaa tiedostoa, vaan tallenna se.
![Page 14: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/14.jpg)
Siirrä omalle koneelle ladattu transfer-alkuinen zip-tiedosto kansioon, jossa on attachments zip-tiedosto.
![Page 15: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/15.jpg)
Siirrä attachments zip-tiedosto transfer-alkuiseen zip-tiedostoon.
![Page 16: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/16.jpg)
Liitteet ovat transfer-alkuisessa zip-tiedostossa.
![Page 17: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/17.jpg)
Tuo koe oma.abitti.fi-palveluun.
![Page 18: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/18.jpg)
![Page 19: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/19.jpg)
Liitteet sisältävä koe on valmiina muokattavaksi.
![Page 20: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/20.jpg)
Mitä tuli tehtyä?
![Page 21: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/21.jpg)
Liitteenä olevien tiedostojen linkittäminen koetehtäviin html-koodilla• Kaikki tiedostot ovat kansiossa attachments.• Tiedostopolku, jolla Abitti-kokeessa viitataan
attachments-kansiossa olevaan tiedostoon on muotoa
./attachments/tiedostonnimi.tiedostontyyppi• Liitteenä olevat tiedostot eivät näy koetta
muokattaessa. Esikatselusta voi tarkistaa kuvien sijoittelun ja tiedostolinkit.
![Page 22: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/22.jpg)
Kuvan upottaminen tehtävään• Kuva upotetaan tehtävään img-elementillä.• Kuvan lähde kerrotaan src-määrittellä ja kuvan
tekstivaihtoehto alt-määritteellä.• Esimerkiksi kuva, joka on tiedostona kuva.jpg,
upotetaan tehtävään kirjoittamalla<img src=”./attachments/kuva.jpg” alt=”kuva.jpg”>
![Page 23: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/23.jpg)
• Esikatselussa näkyy kuvan kohdalla alt-määritteeseen kirjoitettu teksti.
Esikatselu Firefox-selaimessa
![Page 24: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/24.jpg)
• Tehtävään upotetun kuvan voi Abitti-kokeessa kopioida ja liittää johonkin ohjelmaan.
![Page 25: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/25.jpg)
Kuva monivalinnan vaihtoehtona• Liitteenä olevia kuvia voi laittaa monivalinnan
vaihtoehdoiksi.
Älä paljasta tiedoston nimessä oikeaa vaihtoehtoa.
Esikatselu
![Page 26: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/26.jpg)
Varmista, että kirjoitat tiedoston nimen ja tyypin oikein.
![Page 27: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/27.jpg)
Linkki aineistossa olevaan tiedostoon• Aineistossa oleviin tiedostoihin tehdään linkki
a-elementillä, jossa linkin kohde ilmoitetaan href-määritteellä.• Esimerkiksi linkki mittausdatan sisältävään csv-
tiedostoon YO_S17_data.csv<a href=”./attachments/YO_S17_data.csv”> YO_S17_data.csv</a>
![Page 28: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/28.jpg)
• Linkittää voi esimerkiksi videon, LibreOfficen tekstitiedoston tai piirrostiedoston.
Abitti-kokeessa selain tarjoaa tiedostoa avattavaksi tiedoston tyypin perusteella määräytyvään oletusohjelmaan. Kokeen tekijä voi valita myös vaihtoehdon tallenna tiedosto.
![Page 29: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/29.jpg)
• Pdf-tiedosto ja html-tiedosto aukeavat linkistä oletuksena samaan selainikkunaan, jossa koe on. Määritteellä target=”_blank” tiedosto aukeaa uuteen välilehteen.
<a href=”./attachments/tiedosto.pdf” target=”_blank”>linkkisana</a>
<a href="./attachments/gravityforcelab.html" target="_blank">Gravity Force Lab</a>
![Page 30: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/30.jpg)
Tiedoston upottaminen tehtävään• Tiedoston upotus tehdään iframe-elementillä.
Menetelmä sopii esimerkiksi html-sivuna olevalle simulaatiolle.• Iframe-elementissä on upotettavan tiedoston
osoitteen kertova src-määrite. Upotuksen koko asetetaan width- ja height-määritteillä.• Esimerkiksi tiedostossa gravityforcelab.html olevan
simulaation upotus<iframe src="./attachments/gravityforcelab.html" width=800 height=600></iframe>
![Page 31: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/31.jpg)
• Esikatselussa näkyy upotettavalle simulaatiolle varattu alue.
(Simulaation toimintaa voi kokeilla kirjoittamalla src-määritteeseen simulaation verkko-osoitteen. Jos teet näin, muista muuttaa simulaation osoite Abitti-kokeen liitteeseen viittaavaksi. Kuvan kokeilu on tehty ylimääräisessä tehtävässä, joka on poistettu valmiista kokeesta.)
![Page 32: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/32.jpg)
Videon upottaminen tehtävään• Video upotetaan tehtävään video-elementillä, jossa on
videotiedoston lähteen ilmaiseva src-määrite, videon leveys (width) ja korkeus (height) pikseleinä sekä controls-määrite.• Määritteellä controls saadaan käyttöön selaimen
ohjaimet kuten videon käynnistävä painike.• Esimerkiksi upotetaan tiedosto video.mp4, jolle
asetetaan leveys 400 pikseliä ja korkeus 300 pikseliä.
<video src="./attachments/video.mp4" width=400 height=300 controls></video>
![Page 33: Liitteitä Abitti-kokeeseen](https://reader034.fdocuments.net/reader034/viewer/2022051708/58a2adeb1a28ab5d408b4857/html5/thumbnails/33.jpg)
• Videolle varataan tila width- ja height-määritteiden perusteella. Jos videon koko poikkeaa annetuista korkeuden ja leveyden arvoista, selain skaalaa videon siten, että video mahtuu alueeseen ja videon mittasuhteet säilyvät.
Esikatselu Abitti-koe