Lue juttu: bit.ly/dj2-hr

Lisäksi scrollytelling-lisäosuus jutusta irrallisena täällä

Jutun perustyö

  • Jutun ideointi: itse kerätty data oman lapsen vauva-ajalta
  • Laajentaminen lisädatan avulla – yksityisestä yleiseksi:
    THL:n ja muiden lähteiden tietoaineistot –
    massiivinen määrä tiedonkeruuta (ja välilehtiä)
  • Kirjoitus- ja editointityö
  • Kuvituksen keräys
  • Jutun taittaminen Hesarilta lainattuun pohjaan, koodimuokkaukset
  • Excel-työskentely: mm. eri ikäryhmien ja palvelumuotojen yhdistäminen, halutun tiedon suodattaminen
  • Taulukkojen taitto Flourishilla + itse kerätyn datan taitto Illustratorilla (kuva & kuva)
  • Lukuisat korjauskierrokset, uudelleenkirjoitus, taulukoiden pikkuviilaukset

Harhapolut, kokeilut

  • Webscraper.io: sitä käyttäessä jo tiedossa ettei soveltunut tietokannan haravointiin
  • Selenium-asennus niin viime tipassa, etten ehtinyt testata sitä
  • Yritys yhdistää QGIS / MML:n karttapalvelu: ongelmia API-rajapinnassa eli ei onnistunut,
    kuitenkin positiivista että tein yhdistämisen oikein, ongelma muualla
  • Tiedonkeruuta ja toteutuksen ideointia myös alkuperäiseen ”Toinen kaupunki” -ideaan
    sekä varmaan johonkin kolmanteen/neljänteenkin idikseen

Scrollama ja ai2html

  • Vinkki Juusolta Scrollama-scrollytelling-kirjaston käytöstä
  • Perehtyminen mm. Jonathan Soman Youtube-videoihin: Illustratorista scriptin kautta html-koodiksi
  • Ensimmäinen oma ai2html-kokeilu
  • Githubista russelsamoran scrollama-esimerkit, ja sticky overlay -pohjan hyödyntäminen
  • Selaimen Inspect -> Console: Javascript-koodin testailu d3.selectAll(”#nuoli-1, #teksti-1, #nuoli-2, #teksti-2, #nuoli-3, #teksti-3, #nuoli-4, #teksti-4”).classed(’hidden’, true)
  • Selaimen Inspect -> Element: CSS-koodin testailu
  • Iso määrä googlailua, yrtystä ja erehdystä, koodin uudelleenkirjoitusta ja järjestelyä sekä toteutustavan muovaamista sellaiseen muotoon, johon omat rahkeet riittävät juuri nyt
  • Vaikeuksia saada JS toimimaan svg-koodin ”sisälle”. Yksittäinen piilottaminen/näyttäminen onnistui hyvin, muutos scrollatessa ei -> valmiiden koodien muokkauksen hyvä puoli olemassaoleva malli. Huono puoli monet päällekkäiset koodit, joita ei täysin ymmärrä.