Maria ny utvecklingsredaktör

Sedan årsskiftet är utvecklingsavdelningen på SvD.se förstärkt med ännu en utvecklingsredaktör. Maria Å Lindvall kommer senast från en tjänst som webbredaktör på DN.se. Men dessförinnan har hon hunnit med alla de stora Stockholmstidningarna, och det är inte första gången hon är på SvD.

– Det har hänt mycket sedan jag var här 2008. Alla är mycket mer engagerade i den digitala utvecklingen. SvD är generellt framåt vad gäller digitalt, man är inte rädd att ta steget in i framtiden.

Maria började som ung-redaktör som 16-åring på VLT och fick ett fast jobb på VLT.se 2003. Sedan dess har hon brunnit för digital publicering.

– Man får snabb feedback, det är en direkt kommunikation med läsarna som jag gillar.

Vad är det roligaste med det här jobbet?

– Att få jobba med utveckling som ger läsarna mervärde. Jag vill hitta sätt att utveckla nätets möjlighet att bredda journalistiken.

Vilka är dina digitala förebilder?

– Jag har lärt mig mycket av Aftonbladet där jag hade en flygande roll mellan utvecklingsavdelningen och redaktionen. Huffington Post är en annan favorit. De är duktiga på att presentera materialet.

Vad gör du konkret på SvD.se just nu?

– Jag håller på med ett projekt som ska göra oss bättre och tydligare på att presentera vårt material på rätt sätt på rätt ställe, så att läsarna lättare ska hitta det de vill läsa. Bland annat gör vi A/B-tester för att få svar på hur vi kan utnyttja ytorna bättre på startsidan och i anslutning till artiklarna.

Vill du veta mer om det projektet, kontakta Maria direkt eller håll utkik här på utvecklingsbloggen där vi fortlöpande kommer rapportera om vad vi håller på med på SvD.se.

 

Ny knapp på SvD.se

Utveckling En stor fördel med en liten utvecklingsgrupp är att sträckan från start till mål oftast är kort. Så var också fallet med en av våra senaste features på SvD.se. En liten enkel knapp för att kopiera en sidas URL. För lite mer än en vecka sedan kom vår utvecklare Simon Larsson till jobbet med den smått fantastiska texten ”Dark Social: We Have the Whole History of the Web Wrong”. Jag ska inte återge den här, läs den själva för det är den värd. Men i korthet handlar det om att det finns social trafik som i princip aldrig noteras i statistiken och som i sin natur är svår att mäta. Denna trafik kan dessutom vara viktigare och större än vad vi tidigare trott.

 

 

Efter att ha diskuterat Alexis C. Madrigals text frågade vi oss därför:

1) Hur kan vi underlätta mörk social spridning?

2) Hur mäter vi och hur lär vi oss mer om mörk social spridning?

Svaret på frågorna mynnade ut i ett par utvecklingsärenden som vi direkt tog tag i under veckans iteration. Det mest tydliga resultatet är knappen som numera finns på SvD:s alla artikelsidor, men vi har även gjort en del förändringar djupare inne i systemen. Förändringar som bland annat kommer hjälpa oss att förstå den mörka sociala spridningen bättre.

Så, en liten knapp med stora ambitioner. Prova den gärna, har du synpunkter eller åsikter står kommentarerna till ditt förfogande.

Unik sammanställning av alkoholkonsumtionen

Utveckling Nu publicerar vi Alkoholkartan på SvD.se, en unik sammanställning över alkoholens konsekvenser i Sverige. Kommun för kommun redovisar vi försäljning, dödlighet och brottslighet kopplad till alkoholen. Du kan enkelt söka upp din kommun för att jämföra med andra kommuner. Till exempel kan man se att Vaggeryd är den kommun i landet som har lägst brottslighet. Där säljs motsvarande 3,3 liter ren alkohol per person. Att jämföra exempelvis med Nordmaling där det säljs 8,6 liter per person.

Notera att vi bara kan redovisa mängden såld alkohol. Konsumerad mängd kan vara helt annan på grund av privatimport eller annat. Till exempel slår det genom i alla gränskommuner mot Norge, där Systembolagen säljer mycket sprit och vin som förs direkt in i grannlandet.

Alkoholkartan har utvecklats av vår systemutvecklare Daniel Halldin och vår grafiker Jenny Alvén. Den bygger framför allt på data från Statens folkhälsoinstitut. Vi har laddat ner datan, lagt över i ett Google kalkylark där vi kunnat sortera och göra beräkningar. Sedan är datat exporterat till en textfil som den interaktiva grafiken läser från.

Detta är ytterligare ett steg i vår utveckling av interaktiv grafik, se till exempel Inflyttarna del 1 och del 2. Den här gången sker det inte i samarbete med läsarna som med Räntekartan.

Vill du veta mer vilka källor som ligger bakom och vad som ingår i Alkoholrelaterad dödlighet, kan du läsa källförteckningen här.

 

 

Nyhetssvepet – ett nytt sätt att läsa artiklar på SvD.se

Utveckling De senaste veckorna har vi pratat en del om presentationen av våra artiklar. Kan vi exempelvis presentera flera artiklar i en serie eller i ett ämne på ett överskådligt och mer lättillgängligt sätt? Hur kan vi underlätta för den som snabbt vill bilda sig en uppfattning om ett skeende eller få en snabb överblick i ett ämne? Har vi element i våra artiklar vi kan ta bort för den som faktiskt bara vill läsa?

Som ett första svar på dessa frågor släpper vi idag SvD Nyhetssvepet – ett nytt sätt att läsa och navigera bland artiklar på SvD.se. Här kan du exempelvis läsa de senaste perspektiven på Eurokrisen i Nyhetssvepets format.

Konceptet är enkelt, genom att klicka på pilarna ute till höger ”skjuts” nästa artikel in och ersätter den artikel du vill lämna. Använder du en Ipad* eller någon annan device som stödjer ”swipe”-rörelsen är det bara att dra med fingrarna för att läsa nästa artikel. SvD:s Daniel Halldin står för den fina koden och det vi släpper nu är en första version, med allt vad det innebär.

Vi på SvD.se är vanligtvis ganska restriktiva med betasläpp men med Nyhetssvepet skickar vi också en liten betastämpel. Under kommande veckor kommer vi att testa Nyhetssvepet på ett litet urval artiklar på SvD Näringsliv och vi vill gärna höra vad du tycker om den. Vad funkar bra och vad funkar dåligt? Saknar du något? Tyck gärna till i formuläret här.

*Uppdatering: Vi och några läsare har upptäckt att ibland låser sig artiklarna på Ipaden, för att lossna en stund senare. Vi försöker fixa detta tills nästa version.

En av alla dessa skisser

Utveckling Rensade skrivbordet härom veckan och hittade en post-it-lapp med en av alla dessa skisser som passerar, konkretiseras och kodas här på avdelningen. Här till vänster ser ni mina första streck i det som senare kom att bli SvD Näringslivs nyhetsbox på Corren.se, NT.se och Affarsliv.com

Olle Morén är det som har byggt, kodat och förvandlat en tafflig skiss till en fin produkt. En trevlig detalj bland många med nyhetsboxen är att det bara är företag med anknytning till Östergötland som visas i börstickern. Och på tal om börsen, ni har väl inte missat vår tunga börstjänstNliv.se?

De senaste veckornas utveckling på SvD.se har förutom nyhetsboxen ovan handlat om delar av kommande större byggen, buggfixar och optimeringsärenden. De nyheter och förbättringar som berör dig som läsare mer direkt är dessa:

  • Förbättrat Senaste nytt och andra listor.
  • Förbättringar i vilken version av SvD.se som presenteras när du besöker sajten med en mobiltelefon.
  • Förbättringar i bildspel – Klicka vänster/höger i bilden för att navigera framåt/bakåt.
  • Nya möjligheter för redaktionen att relatera in exempelvis livesändningar av webb-tv vid stora nyhetshändelser.
  • Nya företag från USA i aktielistorna.
  • Nya möjligheter för redaktionen att göra olika utsnitt för puffar på Nliv.se respektive SvD.se

Veckans utveckling på SvD.se

Utveckling I stort sett varje vecka genomförs en deploy där vi installerar ny kod för olika funktioner på SvD.se. En del av detta berör bara interna system som du som läsare aldrig ser eller rör delar av pågående större ärenden. Här redovisar vi de viktigaste av veckans genomförda förändringar.

  • Skapat möjlighet för en speciell temazon på startsidan.
  • Nya börsskärmen på Näringsliv fungerar nu fullt ut på Ipad.
  • Fortsatta förbättringar av spärren på tre kommentarer per användare i Disqus.
  • Skapat ny sektion och tillhörande blogg för Kan du ditt Stockholm?
  • Publicerat SvD:s Androidappar i marknadsplatsen Appland.
  • Skapat möjlighet för prioriterade sökträffar även på Näringsliv.

Varför har vi inte gjort det här förut?

Utveckling Vad är och kännetecknar framgångsrik utveckling? Snabb ärendehantering? Nöjd beställare eller snygg kod? Själv har jag kommit fram till att framgångsrikt utvecklingsarbete nästan alltid kan sammanfattas i frågan Varför har vi inte gjort det här förut?

Känslan av en ny produkt som känns så självklar att den direkt lägger en mörk skugga över sin föregångare. Hur man än försöker kan man inte annat än få fram teoretiska och konstruerade argument för att motivera sina tidigare val. Det är känslan av att byta från en gammal Nokia till Iphone eller att prova Spotify för första gången.

Denna känsla får jag när jag tittar på vårt arbete med ett eget presentationslager ovanpå SvD:s chatt- och direktrapporteringsverktyg. Denna vecka deployade vi ut de sista delarna i bygget och inom kort får alla chattar och direktrapporter på SvD.se en ny och fräsch kostym. Vill du veta mer om arbetet har vi har tidigare skrivit om det här.

Utöver nyheter i chatt- och direktrapporteringspresentationen innehöll veckans deploy följande nyheter i urval.

  • Förbättringar av förhandsgranskningen för redaktörer
  • Exkludera valda artiklar från mobilflödet
  • Justeringar av cachetider
  • Färgjusteringar i sidfoten
  • Förbättrad listdesign

 

Veckans utveckling på SvD.se

Utveckling Flitens lampa fortsätter lysa starkt över utvecklingsavdelningen på SvD.se. Veckans deploy innehöll flera småfixar, några nya funktioner samt de första delarna av ett par större projekt som vi kommer att ha anledning att återkomma till.

Här följer en kort sammanfattning av nyheter och förändringar på SvD.se för senaste veckan. Veckans deploy innehöll 22 förändringar varav några av de viktigaste var:

  • Möjlighet att länka in tabeller från Scoreradar.
  • Ny integration av Servicefinder-widget.
  • Förbättrad länkhantering för redaktörerna på SvD.se.
  • Trimmad och förbättrad förhandsgranskning för puffar som ska visas på Aftonbladet.se.
  • Artiklar som inte är mobile friendly visas inte längre ut som relaterade artiklar på mobilsajten.

Veckans utveckling på SvD.se

Utveckling Efter lanseringen av Nliv.se har utvecklingsavdelningen haft en hel del ärenden som är direkt kopplade till lanseringen, dvs olika former av justeringar och kompletteringar. Men så småningom börjar vi komma in i en lite mer normal utvecklingsfas. Det är några större lanseringar planerade, men just nu kommer vi fortsätta beta av små nyheter och sådana saker som väntat ett tag eftersom nliv.se-lanseringen tig all kraft.

Här kommer en kort sammanfattning av nyheter och förändringar på SvD.se för de två senaste veckorna.

Dessa två veckors deploy innehöll 50 förändringar varav några av de viktigare är:

I stort sett varje vecka genomförs en deploy där vi installerar ny kod för olika funktioner på SvD.se. En del av detta berör bara interna system som du som läsare aldrig ser eller rör delar av pågående större ärenden. Här ovan redovisas bara de viktigaste av veckans genomförda förändringar.

Nliv.se – ny teknik bakom skalet del 1

Utveckling Första veckan med nliv är avklarad utan större buggar. Backloggen innehåller fortfarande en hel del fix, som utvecklarna håller på att beta av, men lanseringen gick sammanfattningsvis väldigt smidigt. Det beror till stor del på att vi byggt vidare på beprövad teknik och struktur. Mycket av nya nliv.se baseras på det ramverk vi tog fram för SvD.se i mars 2011. Vi använder samma Escenicversion (4.3-8) som tidigare och planerar uppgradering av den först senare under året.

 

Under starten av projektet fanns det starka önskemål att vi skulle bygga den på ett responsivt ramverk så att sajten anpassades direkt till den browser användaren hade, men vi valde bort det, mest för att det skulle förlänga projektet.

En av de saker där vi byggt en hel del nytt gäller livebloggen. Inspirationen till denna lösning kommer framför allt från Guardian, men fler andra har också olika former av regelbunden livebevakning. Det är en utmaning för redaktionen att hantera en sådan daglig bevakning och kräver ett enkelt och smidigt gränssnitt. Det var också en utmaning att hitta ett verktyg som vi på lämpligt sätt kunde integrera i vår miljö.

Vi valde en lösning som bygger på ett externt chattverktyg från Netdialog, som vi redan använde på redaktionen, för direktbevakning och chattar. Det innehåller en enkel meddelandehanterare där man publicerar korta meddelanden som vi kan visa upp på SvD.se genom en iframe. Det nya var att vi skapade en helt ny, tätare integrering som innebar förändringar både på vår sida och på Netdialogs sida.

Jag bad systemutvecklaren Daniel Halldin svara på några frågor om lösningen:

Vad är nytt i lösningen?
– Jag har gjort en integration mot Netdialog i front-end och mot back-end. Vi valde bort det enkla spåret att använda Netdialogs standard iframes-lösning. Anledningen till detta var att vi ville ha full frihet vad gäller design, läsarupplevelse och även kunna ha samma presentation av datat när väl live-bloggen arkiverats.

Hur fungerar det?
– För att få så snabb uppdatering som möjligt byggde jag tjänsten så att client-browsern kan kommunicera direkt med Netdialogs api via JSONP (JSON with padding), alltså inte via SvD:s backend. Jag byggde funktioner för att hantera nya inlägg, uppdaterade och borttagna inlägg för ett antal olika innehållstyper, som inlägg från redaktör, läsarfrågor med svar, integrering av tweets, bild och video. I dagsläget har tjänsten en uppdateringsfrekvens på 5 sekunder, vilket upplevs som väldigt direkt.

För att kunna gå över från liveblogg-läge (där texten ständigt uppdateras) till text-läge (arkiv, där texten ingår i html-sidan och kan indexeras av Google och vår egen sökmotor) behövde vi bygga en funktion för att spara ner datat i artikeln.

Daniel förklarar här hur den lösningen är gjord:
– Jag byggde en event-lyssnare i java. Lyssnaren håller koll på när en liveblogg-artikel markeras som stängd. När det händer, laddas datat som tidigare levererats av Netdialog ner och sparas i artikeln. Livebloggen växar då läge från att presentera datat med javascript till att visa en back-end-genererad presentation.

Nu när livebloggen är lanserad kommer vi skapa motsvarande integrering mot chattar och direktrapporter på SvD.se. Netdialog kommer också släppa en mobilapp så att redaktören kan uppdatera via mobilen. Ett grundkrav från början var att livebloggen skulle vara tätt integrerad mot sociala medier. Vi har möjlighet att inkludera tweets i liveflödet och vi har också möjlighet att från Netdialogs verktyg samtidigt skicka ut inlägg både i liveblogg och på twitter.

I inledningen av projektet utvärderade jag flera olika verktyg som kunde vara lämpliga för denna lösning:

  • Befintliga cms (Escenic, Newspilot) – föll på att de inte är konstruerade för den här typen av korta meddelanden som ska fogas samman i ett flöde.
  • WordPress – också i grunden lik de ovan nämnda. För varje nytt inlägg måste man 1) Skapa nytt inlägg, 2) Skriva rubrik och ingress och 3) Publicera. Det är för många steg när man bara ska publicera många små korta meddelanden.
  • Twitter – till strukturen likt det vi ville komma åt, men inte gjort för liveblogg och man är helt begränsad till 140 tecken per inlägg.
  • Storify – har sina styrkor framför allt i kopplingen till sociala medier och möjligheten att integrera olika typer av innehåll, men API:et är begränsat, vi kan bara spegla innehållet från Storify, inte integrera det i vår back-end. SvD använder Storify aktivt i flera granskningar ex #skolmatskollen och #fultaxi.

Under projektets gång snubblade jag också över Scribble live, som jag ännu inte hunnit utvärdera. Jag har också noterat att UNT kör regelbundna liverapporter på ett egenutvecklat verktyg. Jag valde bort Cover it live (som bla Aftonbladet använder) för att jag bedömde det likartat med Netdialog och tidigare har det inte varit ett prismässigt intressant alternativ.

Det finns ytterligare några nyheter bakom skalet som vi tänker berätta om i kommande inlägg på Utvecklingsbloggen

 

 

Microsoft vill slå ut Google – från Apple

Hoppas bli konkurrentens förvalda sökmotor.

Slukhål svalde svensk lyktstolpe

Polisärende

”Allting hände väldigt fort, sedan försvann lyktstolpen”.

En hel fabrik sögs ned i slukhålet

Bilder

Dödsfällorna som öppnat sig runt om i världen.

”Privatjet används
som ett potensmedel”

SCA

Etikexpert: Företagsledare känner sig tuffa i privatflygen.

”Skiljeförfarande
säkrar att lagar följs”

REPLIK

Det hade varit enkelt att kolla upp.

”Vem är vinnare med TTIP?”

BRÄNNPUNKT

Frihandelsavtal tyngs av det rättsliga.

Sex vampyrgravar upptäckta i Polen

Studie avslöjar vilka som blev misstänkta.

Ett livslångt sökande efter skönhet

Herb Ritts

En lovsång till det sköna.

”Idols” Tristan Björling död

Anhöriga bekräftar deltagarens bortgång på sociala medier.

De som inte har en
susning om klappar

Berglins

Om den årliga julhysterin.

”Jag hoppas kunna
bli en bra förebild”

bragdkandidat 2

Bahta springer för livet.

Vem borde få Bragdguldet i år?

2 december

Rösta – och ”hjälp” juryn med motivering.