Datajournalismin harjoitus: Aikajanan teko TimelineJS-työkalulla
Tässä harjoituksessa käydään läpi aikajanan tekeminen TimelineJS-työkalulla.
1) Mene TimelineJS:n kotisivulle täällä
2) Siirry sivulla Make a timeline -kohtaan. Klikkaa nappia, jossa lukee Google Spreadsheet template.
3) Avautuvasta ikkunasta klikkaa Use this template -nappia. Google Docsiin avautuu taulukkolaskentatiedosto, johon kirjoitetaan aikajanan sisältö. Yhdellä rivillä on aina yhden sliden sisältö
4) Poista avautuvasta tiedostosta rivit 4-9
5) Mene riville 2. Kirjoita Headline-kohtaan aikajanan otsikko ja Text-kohtaan selitystä aikajanan sisällöstä. Media-kohtaan voit kopioida haluamasi kuvan URL-osoitteen, eli esimerkiksi tämän: “http://www.esamakinen.fi/e/wp-content/uploads/2013/02/robo-by-freevectorsdaily.jpg”
6) Edelleen rivillä 2: Kirjoita Media Credit -kenttää kuvaajan nimi ja Media Caption -kenttään kuvateksti
7) Toista kohdat 5-6 riville 3. Keksi jotain sisältöä.
8) Valitse File-valikosta kohta Publish to the web. Avautuvasta ikkunasta paina nappia Start publishing.
9) Ikkunan alareunaan ilmestyy nettiosoite. Kopioi se talteen. (Osoite on muotoa:Â https://docs.google.com/spreadsheet….)
10) Palaa takaisin TimelineJS:n sivulle. Liitä äsken kopioimasi osoite Google Spreadsheet URL-kohtaan.
11) Klikkaa link to preview -näppäintä. Ihaile lopputulosta.
12) Lisää Googlen taulukkolaskentaan yksi rivi, ja keksi sille sisältöä. Mene aikajanaan ja lataa se uudestaan. Uuden sliden pitäisi nyt näkyä aikajanalla.
Jaa Twitterissä