Crossmediale journalistiek 6
data-visualisatie en interactieve multimedia
Overzicht cursusavond • Meer tools voor het vertellen van verhalen op interactieve en multimediale wijze • Storify • Tijdlijnen oefenen met Dipity, TimeRime en Tiki-Toki • Infographics en data-visualisatie voorbeelden Tableau-software Oefenen met online grafieken en wereldkaarten maken • Databronnen vinden • Interactieve foto’s en video’s maken: Flickr en YouTube
Tijdlijnen • • • •
Chronologie moet van belang zijn Data verzamelen Foto’s, video’s, links en informatie Tijdlijn aanmaken op sites als: Dipity.com Timeglider.com Tiki-toki.com Timerime.com (deze ook Nederlandstalig) • Vervolgens embedden op eigen site
TimeRime.com
TimeRime: event of periode
Dipity.com
Dipity: ook als kaart of lijst
Tiki-Toki.com
Tiki-Toki: andere bronnen
Info-overload ‘Elke twee dagen creëren we meer informatie dan in de hele beschaving tot 2003, dat wil zeggen vijf exabytes aan gegevens per dag.’
- Eric Schmidt, CEO Google Vijf exabyte: 5,000,000,000,000,000,000
1
Data-visualisatie • Visueel vertellen van verhaal met cijfers • Statisch plaatje of… • Inzoombare Powerpoint/PDF (embed widget) of… • Dynamische webgrafiek: aanklikken/aanpassen of.. • Aanklikbare Flash-grafiek • Woordwolk: wordle.net • Sites met voorbeelden: visualization.geblogs.com informationisbeautiful.net www.infosthetics.com www.flowingdata.com
1
Een goede infographic… • • • • • • • •
Klopt inhoudelijk Brengt overzicht in de cijferberg Nodigt uit tot kijken en ontdekken Biedt meerdere detailniveaus Helder vormgegeven: kleuren, indeling Vermelding bronnen Verrast of biedt humor Originele invalshoek of creatieve vorm
1
Informatie-ontwerp
1
Eenvoudig voorbeeld
1
Interactieve grafiek
1
Interactief en complex: wsj.com
1
Interactieve grafieken maken • •
• •
•
Tools als Tableau laten interactieve infografieken of tabellen maken o.b.v. Excel of Access-data Download test-versie 14 dagen: www.tableausoftware.com www.tableausoftware.com/learning/examples TimeTric: www.timetric.com/country/netherlands Google visualisatie tools: http://code.google.com/apis/chart/ http://bit.ly/googviz IBM-tool: IBM Many Eyes http://bit.ly/manyeyesibm
1
Google Docs: spreadsheets • • • • •
Docs.google.com: onderdeel spreadsheets Voorbeeld: http://bit.ly/mapgrafiek Insert Gadget Markeer velden en check grafiek Grafiek is te publiceren met html-code (Publish gadget en dan kopieren code) • Google Docs: ook voor samenwerken en publiceren spreadsheets
1
Google Docs: gadgets
1
Betaalde software Tableau
2
2
Embed tabel/grafiek Tableau
2
Cijfers interpreteren
2
Zelf online grafieken maken • • • •
IBM Many Eyes Chartgizmo DIYChart.com Chartle.com
2
Visualisatie IBM Many Eyes
2
Chartgizmo.com
2
DIYChart.com
2
Chartle.com
2
Wereldkaarten maken • Targetmap.com: van Excel-bestand met gegevens per gebied automatisch een webkaart maken • Data in eerste sheet van Excel-bestand • Een kolom met iso-landcodes of postcodes of gemeentenamen • Op de eerste rij de titels van de kolommen zetten • Kaarten zijn te embedden
2
3
3
Databronnen • • • •
Wikipedia, Twitter, Last.fm (muziek), IMDB (film) US Census, Europese Centrale Bank, Wereldbank, Eurostat, WHO, VN, etc CBS Statline, Centraal Planbureau, KNMI, gemeente Databank met output in standaardformaat als xml xls, csv teksttabel
3
Voorbeeld datasysteem
3
Statline.cbs.nl
3
In Nederland weinig open data
3
… maar het komt op gang
3
Goed nieuws…
3
Foto’s publiceren met Flickr • trefwoord (tag) - hierdoor wordt foto beter gevonden • persoon taggen - wie is dat op de foto? • locatie toevoegen - bekijk foto's per plek in een kaart • toevoegen aan album (set) • alle groottes bekijken (ook high resolution) • bewerken met Picnik snijden, effecten, draaien, kleuren, rode ogen, etc. • Statistieken • Rechten/licentie • Zichtbaarheid: openbaar of privé
3
3
4
Creative Commons-licentie • • • •
Alternatief voor ‘all rights reserved’ Handig voor makkelijke verspreiding of gratis gebruik beelden (= extra aandacht) Licentie staat rechtsonder op fotopagina Keuze uit deze Creative Commons-licenties: Verplicht naamsvermelding non-commercieel of niet share alike of niet (op zelfde manier verspreiden) Derivs of niet (afgeleid werk/ gephotoshop toestaan)
4
4
YouTube • • • • • • • • •
Grootste videosite ter wereld Elke minuut: 35 uur video geupload Maximum lengte 15 minuten Maximum grootte bestand: 2GB Afspeellijsten maken en embedden Annotaties in filmpjes inc links Filmpjes ook direct in YouTube te bewerken Eigen kanalen (partners krijgen eigen logo’s) Evt. meeverdienen aan reclame-inkomsten
4
Na inloggen op YouTube… •
•
• • • •
Een eigen kanaal: www.youtube.com/user/GEBRUIKERSNAAM met statistieken en te zien wie je abonnees zijn Video bulletins plaatsen op startpagina van vrienden en abonnees Mijn Video's: je filmpjes en je afspeellijsten Inbox: berichten ontvangen en versturen naar andere gebruikers Favorieten en aanbevelingen Abonnementen: clips van kanalen waarop je bent geabonneerd verschijnen op je YouTube-homepage
4
Opties per filmpje • Titel, Beschrijving, Labels, Categorie, Videominiatuur • Privacy: Openbaar, Verborgen of prive • Reacties toestaan: automatisch, na goedkeuring, of helemaal niet • Stemmen, videoboodschappen, beoordelingen • Insluiten toestaan • Syndicatie op mobieltjes of tv toestaan • Audioruil: rechtenvrij geluid onder je filmpje kiezen • Aantekeningen: toevoegen annotaties of links in filmpje • Onderschriften
4
Annotaties in filmpje Annotatie toevoegen: Spraakballon, Opmerking, Titel, Spotlight, Pauze Bewerken annotatie: - lettergrootte, kleur, tijd dat hij zichtbaar is Voeg in de annotatie toe:
link naar video, afspeellijst, kanaal, abonneerknop, upload videoreactie, youtube-zoekopdracht Stel de periode dat hij zichtbaar is in: verschuif balk in tijdgrafiek onder het filmpje
4
4
4
YouTube: filmpje bewerken • • • •
Youtube.com/editor Keuze uit je eigen filmpjes Audio kiezen en overgangen Storyboard: video en audio per videofragment: bijsnijden, draaien • Effecten toevoegen: helderheid, contrast, zwart/wit, stabilisatie • Een overgang plaatsen: sleep naar plek tussen twee videofragmenten
4
5
Huiswerk • Bekijk voorbeelden data-visualisatie The Guardian: http://www.guardian.co.uk/data • Bekijk uitlegfilmpje Tableau: http://bit.ly/tableaupres • Bedenk zelf een eigen data-visualisatie rond een onderwerp uit je eigen praktijk • Zet kort uiteen om welke data het gaat, hoe je het wilt visualiseren en hoe je dat zou willen presenteren op je site • Mail mij dit maandag 18 april voor 14 uur
5