Luksuskalkulatoren – tallene bak tallene

I prosjektet Luksuskalkulatoren brukte vi disse kildene til utregning.

Mat, drikke og rusmiddel:

  • Godteri/brus: Vi brukte en undersøkelse fra TNS Gallup for Nordea i november 2012. Godteri/snacks 67 kr i uka, brus 45 kr i uka.  http://e24.no/privat/rettigheter/saa-mye-sloeser-vi-bort/20321206
  • Take away-kaffe (daglig/ukentlig): En gjennomsnittlig take away-kaffe koster ca 30 kr.
  • Alkohol – gjennomsnittlig/moderat: Tok utgangspunkt i en rapport fra Folkehelseinstituttet som anslår at befolkninga over 15 år drikker rundt 8 liter ren alkohol i året. Dette tilsvarer omtrent 80 flasker vin eller 355 halvlitere med pils i året. (Talla inkluderer taxfree- og grensehandel, konsum i utlandet, hjemmeproduksjon og smugling).
    http://statistikk.sirus.no/sirus/
    http://www.dn.no/nyheter/politikkSamfunn/2014/06/30/0610/nordmenns-nye-drikkekultur-bekymrer
    Gikk ut ifra at en halvliter koster 24 kr i butikk, og en vinflaske koster 120 kr. Vi regner med at folk flest drikker både øl og vin, så vi halverte forbruket og la det sammen og fant gjennomsnittet. For moderat alkoholkonsum halverte vi gjennomsnittet.
  • Snus: Tatt utgangspunkt i posjonsnus der en boks koster 82 kr. Ca. 4 bokser i uka er vanlig når du snuser fast.
  • Røyk: https://www.ssb.no/statistikkbanken/SelectVarVal/saveselections.asp Filter 110,- kr for 20. pakning. Statistikken viser at en person røyker 13 per dag i områder med 20 000 – 99 999 innbyggerre. En sigarett koster 5,5 kr.
Pleie
Media og teknologi:
  • Strømmetjenester: Gjennomsnittspris på alle strømmetjenestene. 90 kroner i måneden.
  • Avisabonnement: Et gjennomsnittlig magasinabonnement koster ca 300 kroner i året. (Priser fra bladkongen.no)
  • Ekstra sportskanaler på TV: Her brukte vi gjennomsnittet av sportskanaler som folk bruker. Canal Digital, Altibox og Viasat. 270 kroner i måneden.
  • Skylagring: Snittpris for dropbox og icloud på årsbais.
  • Apper: En app koster 9 kroner. Gikk ut fra at en person som kjøper apper kjøper en app (eller kjøper inni apper) en gang i uka.
Diverse:
Advertisements

Slik gjorde vi det: Borte bra – heime verst

teikning-fb

Hovedsak: Borte bra, heime verst 

Flere saker i serien (plus): Kommentar: Ser du meg ikkje,   Sjukehuset spør om vald mot barn,   Ring – sjølv om du er i tvil

 

Idé
Journalist Torill Myren hadde lenge gått med en idé om å sjekke dommer fra Sunnmøre og Søre Sunnmøre tingrett som handla om vold mot barn, og ville se på innholdet i dommene, samt straffeutmålinger i sakene.

Datasettet ble ikke stort, men innholdet i dommene var rystende. Tallene fortalte forsåvidt ting vi ikke visste fra før, men det ble tidlig klart for oss at innholdet i dommene og hva som skjer rundt barn i slike situasjoner måtte bli det bærende elementet i saken. Et intervju med daglig leder fra Statens barnehus i Ålesund ble basis for første sak, i tillegg til utdrag fra dommene som ble lagt inn underveis i hovedsaken. For å merke domsutdragene tydelig gikk vi for hvit tekst på sort bunn. I den digitale versjonen kan du også kollapse alle dommene om det blir for sterk lesing. Vi brukte også videoloops i nettversjonen, som stemningsskapende elementer, og tall fra datasettet ble presentert som grafer underveis i saken.

 

Hvorfor ikke snakke til barna?
Underveis i jobben ble det klart for oss at vi burde snakke til barna, når saken i så stor grad dreier seg om barn. Derfor brøt vi opp nettversjonen i to sider, du velger om du er barn eller voksen før du starter å lese. Barneversjonen har enklere språk med tydelig merket telefonnummer til alarmtelefoner for barn og unge. Vi la inn en musikkvideo som Alarmtelefonen 116 111 hadde lagt ut på YouTube, i tillegg til egenprodusert videomateriell. Dette gjorde vi for å gjøre lesingen lettere og budskapet mer tilgjengelig. Vi brukte også strektegninger i større grad, av samme grunn – for å bryte opp teksten i mindre bolker.

Responsen
Saken ble mye lest (ca 22.000 treff), og responsen var – som ventet – sjokk og vantro. Her er noen kommentarer fra Facebook: «Så vondt å lese, men så viktig lesning!», «Ubegripelig», «Trist lesing, kjenne det blør i mamma hjertet mitt», «Eg ligger med hjertebank av forbannelse!! Ditta er ikkje greit!!», » Fe låkt longt inn i hjerterota… Orka faktisk ikkje å lese dei siste dommane «Du ser det ikkje før du trur det» traff spikeren midt på; e de virkelig mulig i vårt nabolag?!?!?»

Prosessen
Torill Myren brukte omtrent tolv arbeidsdager på saken, men på grunn av vanskeligheter med å få ut dommene fra en av tingrettene, ble disse tolv dagene fordelt på fire uker.  Siden dette tok såpass lang tid fikk saken modne hos både journalist og designer ekstra lenge. Det ble mange samtaler om saken før en eneste bokstav eller kode ble skrevet, og det løftet presentasjonsformen og resultatet betydelig. Vold mot barn er et veldig vanskelig tema, og det ble veldig viktig å ta seg tid til å finne ut hvordan man skal gripe en slik sak an.

Teknikken
Sidene er bygget opp i html5/css/Javascript med Bootstrap som rammeverk. Expand/collaps-funksjonen på dommene er en funksjon i Bootstrap. Videoene ble lagt inn i vanlig video-tag, og grafene ble laget i Datawrapper og lagt inn som iFrame.

Layout
Designet ble en viktig del av fremstillingen. Vi valgte naive strektegninger som gjennomgangstema, hvit tekst i courier på svart bunn som domsutdrag, og kunstner Inger Giskeødegård laget en sterk tegning til saken som ble brukt som forside i papiravisa. Målet var å bruke enkle, men sterke virkemidler for å understreke alvoret i denne saken.

Tips
Vi lærte noen smarte ting om deling på Facebook da vi jobba med denne saken, nemlig å bruke debugger-verktøyet i Facebook. Mulig vi er utrolig treige som ikke har funnet ut av dette før, men nå vet vi det i allefall. Vi har skrevet et egen post om dette her.

Slik gjorde vi det: Narkodommer

NARKODOMMER PÅ SUNNMØRE (grafikkside)
Sak1, sak2, sak3, sak4 fra Sunnmørposten

Idé
Journalist Arne Per Andersen kom med et datasett over alle narkodommer på Sunnmøre mellom 2011-2013, hentet fra tingrettene på Sunnmøre og Søre Sunnmøre. Dataene inneholdt kommuner, alder på dømte, kjønn, forbrytelse, type stoff og dom.

I tillegg til å lage grafer over datasettet, hadde vi lyst til å lage en sorterbar liste over alle dommene. Og kart, man må selvfølgelig ha kart. Vel, ikke alltid (det er ganske viktig å huske at kart ikke alltid har noe å gjøre i slike saker) men akkurat i dette tilfellet, passet det godt inn med kart – for å visualisere hvor mange dommer som fantest i kommunene. Sunnmørsposten dekker 25 kommuner, og i datasettet var 16 av disse med.

Datasettet
Datasettet var ganske ustrukturert og rotete, og denne prosessen er det som tar nesten mest tid, å få datasettet riktig strukturert. Det må tenkes nøye gjennom hva man ønsker å fortelle og hvordan man da strukturerer datasettet. For eksempel, skal man finne ut hvor mange forbrytelser som har med hasj å gjøre, hjelper det lite at man i kolonnene i exceldokumentet skriver under STOFF: hasj, amfetamin, metamfetamin. Da trenger man en egen kolonne for HASJ: 1. På den måten klarer du å lage Pivot tables som kan lese av datasettet ditt mye fortere enn du klarer.

Listen
Når det var gjort, startet vi med listen. Vi fant et javascript som heter Handlebars.js. Med Handlebars kunne vi skrive enkle templates som ville generere hele listen for oss. For eksempel, ved å skrive:

{{year}} {{place}} {{age}} {{sex}} {{verdict}}

ville Handlebars hente ut info fra vår csv-fil kalt «narko.csv» (generert fra Excel) og putte riktig info på riktig sted. Hele tabellen så slik ut:

{{#narko}}

{{/narko}}

KOMMUNE ÅR KJØNN ALDER FORBRYTELSE STOFF DOM
{{place}} {{year}} {{sex}} {{age}} {{crime}} {{drug}} {{verdict}}

De øverste radene viser hvilke overskrifter som synes på den ferdige sida, lista under viser hvilke kolonner fra csv-fila den skal hente ut. Engelsk bruker vi fordi disse scriptene har problemer med æøå.

Så fant vi et annet javascript som heter Footable,.js. Footable lager en responsiv datatabell, og er super å bruke for å sortere og filtre data på en enkel måte. Footable tryller listene fine på mobil også! Neat! Den trekker sammen kolonner og genererer symboler for å utvide og trekke sammen.

Problem
Så kom et problem. Handlebars.js. og Footable.js var ikke 100% kompatible med hverandre. Symboler forsvant og ting funka ikke helt slik vi hadde tenkt. Hadde vi hatt litt mer tid, hadde vi helt sikkert klart å løse dette, men deadline var svært nær, så den kjappeste løsningen ble å la Handlebars generere ut hele listen, så lime inn den ferdige listen i index-fila. Dette kan gjøre sida litt treigere å laste, og koden blir utrooooooolig lang, men ellers spiller det ingen rolle.

Grafer og kart
Så – hva med grafene? Datawrapper-bonanza! Datawrapper er et fantastisk verktøy for å lage grafer og diagrammer for nett. Hvis du ikke har prøvd det ennå, er det på tide.

Til slutt laget vi kartet. Det er laget i illustrator, og hentet inn i et annet fantastisk verktøy som heter Thinglink, et verktøy som lager klikkbare punkter i et bilde du laster opp. Gøy! Og – den tar vare på statistikk for deg – enda mer gøy!

Så lanserte vi hele pakka samtidig, og til papiravis/nettavis hentet vi ut grafer og Arne skrev case rundt disse i serien «Narkodommer på Sunnmøre» som gikk ei ukes tid i avisa.

Resulatet
Folk gikk litt bananas ei stund, og grafikken leste veldig bra. Vi har landa på 17.000 treff på sida i skrivende stund, noe som grundig knuser forrige rekord på rundt 6.000 treff. Folk har klikka på punktene i kartet rundt 150.000 ganger og bruker i snitt godt over 5 (!) minutter på å lese hele sida. Det er vi superfornøyde med!

Sakene skapte også debatt, folk mener mye om narkokrim, og da er det fint å kunne presentere ei ellers ganske ugjennomtrengelig liste på denne måten.

Liv-J.

Slik gjorde vi det: Folket og kommunegrensene

Kommunebyggeren til bt.no/Bord4 var en knallsuksess! Folk er interessert i kommunesammenslåing, og vi ville finne ut nøyaktig hvem flertallet i en kommune ønsket å henge med i framtida.  Sentio Resarch Norge gjorde nylig en undersøkelse nettopp om dette, på oppdrag fra Sunnmøre regionråd. Vi fikk tilgang til dataene – så – hvordan viser vi frem dette? Det er mye informasjon, folk er gjerne interessert i å vite hvordan akkurat sin kommunes innbyggere har svart, og om kommunene i «Partnertoppen» er gjensidig interessert i et samarbeid. Og det må funke på mobil.

Vi landa på å legge dette rett inn i en artikkel, som ei klikkbar liste du navigerer gjennom. Med Bootstrap som utgangspunkt la vi inn alle data, tegna opp alle «drømmekommunene» i illustrator og la det inn i en artikkel skrevet av journalist Torill Myren.

Og slik ble resultatet:

Kommuneliste

Slik gjorde vi det: E39

Sent om kvelden 2. pinsedag tikka meldinga inn til redaksjonen om at avgjørelsen for hvor den nye E39 skal gå, var tatt. Erna Solberg fortalte at den såkalte indre-traséen ble valgt, og det vakte reaksjoner. Men hva er egentlig indre-traséen og midtre-traséen? Vi ville gjøre det litt enklere for folk å orientere seg, så vi bestemte oss på formiddagen tirsdag for å legge ut et kart som toppelement til en kommentar fra samfunnsredaktør Jan Erik Røsvik.

Teknisk sett er det et tidligere laga  illustrator-kart lagra som jpg, lagt inn i en enkel html-template for interaktiv-sidene våre. Ikke veldig avansert, men veldig effektivt. Templaten gjør at vi får slike prosjekter ut på nett i løpet av en halvtime.

Slik gjorde vi det: Festivalguiden

Kulturgruppa i Sunnmørsposten har fòret folket med informasjon om festivaler hver sommer. Men vi har aldri laget en digital oversikt, det synest vi det var på tide å gjøre noe med. Etter NICAR satt jeg igjen med bl.a. litt kunnskap om Python, og prosjektet jeg gjorde der, passet godt som utgangspunkt til en festivalguide. Tanken med guiden var å la folk ta utgangspunkt i sine behov og la guiden finne den perfekte festivalen for dem. Så den starter med tidspunkt for når vil du gå på festival, deretter plotter du inn hva du er interessert i, hva du ønsker å betale og hvilke spesielle behov du har.

Vi tok utgangspunkt i et Google docs-skjema som flere journalister la inn informasjon på, og jeg satte opp en lokal server på maskina og bygget prosjektet derfra. Med Python slapp jeg da å lage en detalj-side for hver enkelt festival, men kunne generere detalj-sider ut fra ett enkelt html-dokument. Genialt og utrolig tidsbesparende! Jeg brukte også github underveis for å lagre versjoner av koden etterhvert som den ble utviklet. Sorteringsfunksjonen ble vi spesielt fornøyde med, den fant vi her. Til slutt kjørte vi freeze.py og genererte ut alle statiske filer som vi la ut på serveren vår.

Vi vet at vi ikke har fått med rubbel og rake av festivaler i Nordvest (for det finnes vanvittig mange små og mellomstore festivaler der ute), derfor la vi inn et Google Form så folk kan sende inn sine festivaler. Og det gjør de, så guiden kommer til å vokse fremover. Vi har allerede oppdatert noen av funksjonene også, og det kommer til å jobbes videre etterhvert som vi samler inn erfaringer og får tilbakemeldinger.

Festivalguiden ble lansert 28. mai, prøv den selv her.

Liv-Jorunn

Bilde

Slik gjorde vi det: Bomkalkulatoren

En mandag seint i mai fikk vi besøk av Jens Finnäs fra J++ i Sunnmørsposten. Han var her i forbindelse med et kurs i regi av NxtMedia om å «komme i gang med datajournalistikk» som var åpent for alle. Vi benytta anledningen til å få utvikla en enkel kalkulator der folk kunne regne ut sine bomutgifter når den nye bypakken i Ålesund blir rulla ut.

Det fine med å snakke med folk som kan er at svaret på om dette var mulig var «ja, du behöver bara lite javascript». Så da satte vi oss ned, og jeg lærte å skrive javascript fra grunnen av. Slik ser hele koden ut:

 

<!doctype html>
<html lang=»en»>
<head>
<meta charset=»utf-8″>
<link rel=»stylesheet» type=»text/css» href=»http://static.polarismedia.no/skins/prod/global/css/reset.css»/&gt;
<link rel=»stylesheet» type=»text/css» href=»http://static.polarismedia.no/skins/prod/global/css/grid980.css»/&gt;
<link rel=»stylesheet» type=»text/css» href=»http://static.polarismedia.no/skins/prod/global/css/global.css»/&gt;
<link rel=»stylesheet» type=»text/css» href=»http://static.polarismedia.no/skins/prod/group/polarisBundle/css/polarisBundle.css»/&gt;
<link rel=»stylesheet» type=»text/css» href=»http://static.polarismedia.no/skins/prod/publication/smp/css/smp.css»/&gt;
<link rel=»stylesheet» type=»text/css» href=»http://static.polarismedia.no/skins/prod/global/css/adtech-colorbox.css»/&gt;
<link rel=»stylesheet» type=»text/css» href=»http://static.polarismedia.no/skins/prod/global/css/widget.polaris.jobClassifieds.css»/&gt;
<script type=»text/javascript» src=»http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js»&gt;
</script>

<!– Mobilview først–>
<meta name=»viewport» content=»width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no»>
</head>

<body>
<style type=»text/css»>
#kalkulator select{
font-size: 18px;
}

#kalkulator .question{
margin-top: 35px;
}

#kalkulator .cost{
text-align: right;
}

#kalkulator h3{
margin-bottom: 0px;
margin-top: 35px;
font-size: 18px;
}

#kalkulator {
padding: 25px;
}

#kalkulator .options label{
font-size: 12px;
display: inline-block;
}

#kalkulator .result{
max-width: 330px;
}

</style>
<div class=»container egghvit» id=»kalkulator»>
<h2>Regn ut hvor mye bypakken vil koste deg</h2>
<p>Bypakken i Ålesud ble vedtatt 22.mai. Fra 2016 og i 16 år fremover blir det bomring rundt byen. En bompassering koster 20 kroner for personbil og 60 kroner for biler over seks meter. Én passering gjelder i én time, mellom 17.00 og 22.00 gjelder tretimersregel. Kjøp av bombrikke gir 10% rabatt.</p>
<form onchange=»countCost()»>
<div class=»questions»>
<div class=»question»>
<div class=»text»> <h3>Hvor mange dager i uka kjører du bil til jobben?</h3>
<p style=»font-size:14px»>(Tur/retur) </p>
</div>
<div class=»options»>
<div class=»car»>
</div>
<div class=»number job»>
<select>
</select>
<label>
<input type=»radio» value=»20″ name=»carJob» checked> Bil under 6 meter
</label>
<label>
<input type=»radio» value=»60″ name=»carJob»> Bil over 6 meter
</label>
</div>
</div>
</div>
<div class=»question»>
<div class=»text»><h3>Hvor mange ganger i uka kjører du bil til fritidsaktiviteter?</h3>
<p style=»font-size:14px»>(Mellom 17 og 22 gjelder tretimersregelen) </p>
</div>
<div class=»options»>
<div class=»car»>
</div>
<div class=»number hobby»>
<select>
</select>
<label>
<input type=»radio» value=»20″ name=»carHobby» checked> Bil under 6 meter
</label>
<label>
<input type=»radio» value=»60″ name=»carHobby»> Bil over 6 meter
</label>
</div>
</div>
</div>
</div>
</form>
<div class=»result»>
<div class=»box week»>
<h3>
Per uke:
</h3>
<table>
<tr>
<td>
Dine jobbreiser koster:
</td>
<td class=»cost-job cost»>

</td>
</tr>
<tr>
<td>
Dine fritidsreiser koster:
</td>
<td class=»cost-hobby cost»>

</td>
</tr>
<tr>
<td>
Totalt:
</td>
<td class=»cost-total cost»>
</td>
</tr>
<tr>
<td>
Med brikke koster det:
</td>
<td class=»cost-reduced cost»>
</td>
</tr>
</table>
</div>
<div class=»box month»>
<h3>
Per måned:
<p style=»font-size:14px»>(Fire uker per måned.)</p>
</h3>
<table>
<tr>
<td>
Dine jobbreiser koster:
</td>
<td class=»cost-job cost»>

</td>
</tr>
<tr>
<td>
Dine fritidsreiser koster:
</td>
<td class=»cost-hobby cost»>

</td>
</tr>
<tr>
<td>
Totalt:
</td>
<td class=»cost-total cost»>
</td>
</tr>
<tr>
<td>
Med brikke koster det:
</td>
<td class=»cost-reduced cost»>
</td>
</tr>
</table>
</div>
<div class=»box year»>
<h3>
Per år:
<p style=»font-size:14px»>(47 uker per år.)</p>
</h3>
<table>
<tr>
<td>
Dine jobbreiser koster:
</td>
<td class=»cost-job cost»>

</td>
</tr>
<tr>
<td>
Dine fritidsreiser koster:
</td>
<td class=»cost-hobby cost»>

</td>
</tr>
<tr>
<td>
Totalt:
</td>
<td class=»cost-total cost»>
</td>
</tr>
<tr>
<td>
Med brikke koster det:
</td>
<td class=»cost-reduced cost»>
</td>
</tr>
</table>
</div>
</div>
</div>

<script type=»text/javascript»>
function countCost(){
var jobCar=$(«input[type=’radio’][name=’carJob’]:checked»).val()*2
var hobbyCar=$(«input[type=’radio’][name=’carHobby’]:checked»).val()
var hobby=$(«.number.hobby select»).val()*hobbyCar
var job=$(«.number.job select»).val()*jobCar
var totalCost=hobby+job
var reducedCost=totalCost*0.9

$(«.box.week .cost-job»).html(job + » kr»)
$(«.box.week .cost-hobby»).html(hobby + » kr»)
$(«.box.week .cost-total»).html(totalCost + » kr»)
$(«.box.week .cost-reduced»).html(reducedCost + » kr»)

$(«.box.month .cost-job»).html(job*4 + » kr»)
$(«.box.month .cost-hobby»).html(hobby*4 + » kr»)
$(«.box.month .cost-total»).html(totalCost*4 + » kr»)
$(«.box.month .cost-reduced»).html(reducedCost*4 + » kr»)

$(«.box.year .cost-job»).html(job*47 + » kr»)
$(«.box.year .cost-hobby»).html(hobby*47 + » kr»)
$(«.box.year .cost-total»).html(totalCost*47 + » kr»)
$(«.box.year .cost-reduced»).html(reducedCost*47 + » kr»)

}
var lists=$(«.number select»);
lists.each(function(){
var list=$(this)
for(var i=0; i<10; i++){
list.append(«<option>»+i+»</option>»)
}
})
countCost()
</script>
</body>
</html>

 

For det trente øye er dette ganske enkelt og grunnleggende, men for folk som meg – nybegynnere – er dette temmelig skremmende greier å holde styr på. Men med en ekspert ved sin side, går det meste bra. Vi lanserte kalkulatoren dagen derpå, og saken hoppa rett inn på best lest-lista. Dette er noe folk vil vite og har savna info om.

Ingenting er garantert eller ferdig vurdert i bypakke-debatten i Ålesund, men dette verktøyet var tydlig savna, selv om resultatet kan bli annerledes.

Se kalkulatoren og prøv den selv her.

Liv-Jorunn