Harkka 2 - BirthLine
Osa ohjelman generoimasta aikajanasta
Kolmannen harjoituksen aiheena oli informaation visualisointi. Päätimme jatkaa edellisessä harjoituksessa tutuksi tulleessa Facebook-kontekstissa.
Facebook-kavereista on APIn kautta saatavilla monenlaista informaatiota, mutta harjoitusta suunnitellessamme törmäsimme siihen, että suuri osa käyttäjien datasta on joko keskenään epäyhtenäisissä muodoissa tai saatavilla vain pieneltä osalta kavereita.
Päätimme visualisoida yhtenäisessä muodossa olevaa ja suurimmalta osalta kavereita saatavaa dataa: syntymäpäiviä. Syntymäpäivien visualisointitavan kehittely oli yllättävän haastavaa, mutta lopulta suunnittelimme kaksiulotteisen aikajanan, jossa vaaka-akselilla on syntymäpäivä ja pystyakselilla ikä.
Toteutus
Harjoituksen toteutuksessa pystyttiin hyödyntämään mukavasti edellisessä harjoituksessa luotua Facebook-implementaatiota ja kuvien lataamista säikeissä. Näiden avulla latasimme kaikki käyttäjän kaverit ja suodatimme pois ne, jotka eivät ole julkistaneet syntymäpäiväänsä sisältäen myös syntymävuoden. Kriteerit täyttäneille kavereille ladattiin pienet profiilikuvat.
Informaation visualisointia varten luotiin vaakasuunnassa vieritettävä aikajana. Vierittäminen tapahtuu viemällä hiiri reuna-alueille. Yritin matkia vierittämisessä hieman iPhonemaista kineettistä selausta, jossa piirtoalueen vauhti kiihtyy ja purkautuu hiljalleen. Pystysuunnassa tila on rajattu, joten ikä-akseli skaalataan dynaamisesti sopivaksi.
Tämän harjoituksen toteuttaminen sujui huomattavasti kivuttomammin kuin edellisen, ja tuntui että työtkin jakaantuivat tasaisemmin.
Mitä opin
Harjoituksen parasta antia oli mielestäni erilaisten visualisointitapojen miettiminen. Harjoitusta suunnitellessa uppouduin tehtävänannossa linkitettyyn Information Aesthetics-sivustoon, jota olen seurannut siitä lähtien.
Tekniseltä kannalta opin tässä harjoituksessa oikeastaan melko vähän. Syvennyin lisää Facebook-API:in ja eri informaatioiden tietotyyppeihin.
Kokeile ohjelmaa
- Ohjelmaa voi käyttää osoitteessa http://apps.facebook.com/birthline/
- Lataa: Lähdekoodit (zip)
