Dags för årets webbcamp

Övrigt Traditionsenligt i augusti beger sig den svenska webben till Blekinge och Sweden Social Webcamp, så också Utvecklingsbloggen och SvD.se. SSWC är en så kallad unconference eller en knytkonferens och är du inte bekant med begreppet kan du läsa mer om det här.

För min del blir årets upplaga mitt tredje webbcamp (missade år två) och jag pratar som vanligt gärna om journalistik, en mediebransch i utveckling eller SvD.se. Så har du förslag eller idéer som gäller vår journalistik eller SvD.se – tveka inte att haffa mig för ett samtal.

Vi syns bland Iphones, tältpinnar och får!

/ Johan Silfversten Bergman

 

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.

Erfarenheter från ett hackathon

Övrigt I helgen deltog ett litet team från Svenska Dagbladet i Sveriges första hackathon i datajournalistik. Uppdraget var att på 24 timmar producera databasjournalistik med hjälp av Stockholm stads öppna API:er. Hackathonet anordnades av föreningen Fajk tillsammans med Södertörns högskola och totalt deltog 33 journalister från bland annat SR, SVT, Lärarnas Tidning, TV4, Helsingin Sanomat och Aftonbladet.

Vi i teamet från SvD bestämde oss ganska tidigt för att vi ville bygga någonting som kombinerade officiell öppen data med användargenererad data. Valet föll ganska snabbt på uppgifterna från SvD:s framgångsrika räntekarta, kunde vi genom att jämföra med data från Stockholms stad se några mönster i vilka de riktiga vinnarna i ränterejset var? Hur såg utbildningsnivån, inkomsterna, kvadratmeterpriser och valresultatet ut i stadsdelarna med bäst ränteförhandlare? Vilket är vinnarreceptet och finns det några förlorare?

I team SvD deltog Simon Larsson (från SvD utveckling), Mark Malmström (SvD Näringsliv) och Jenny Alvén och Peter Grensund (SvD grafik). Här nedan kan du se ett klipp från vår presentation.

Processen fram till det som kom att bli vårt slutgiltiga resultat var ganska lång och komplex. Mycket av arbetet vi gjorde syntes heller inte i produkten vi presenterade. På grund av vårt valda urval fick vi exempelvis välja bort data vi lagt mycket tid på att behandla, och det vi tänkt rita ut med automatik ritades tillsist ut för hand efter ett hästjobb av SvD:s Jenny Alvén. Tanken var från början att helt enkelt generera grafiken från live-data med hjälp av SVG-biblioteket D3, men då komplexiteten på diagrammen ökade och klockan började bli kväll föll vi tillbaka på beprövad 90-talsteknik: statiska bilder som byts ut med javascript när man för musen över vissa ytor.

Även om slutresultatet inte riktigt nådde den tekniska och innovativa verkshöjd vi hade önskat var vi alla överens om att det stora värdet i hacket låg i erfarenheterna vi kunde resa hem med. Det är helt enkelt väldigt värdefullt att kastas in i en obekant miljö med personer man vanligtvis inte samarbetar med.

Det jag själv framförallt tog med mig från helgen var:

* Våga mera. Ställd inför tävlingsmomentet föll vår grupp tillbaka i en ganska klassisk journalistisk approach på uppgiften och problemet.

* Var inte rädd för att kasta allt och börja om, vi hade haft mycket att vinna genom att göra en Ice-T och säga fuck it. Och på så sätt hitta nya vägar.

* Ett journalistiskt arbetssätt behöver inte alltid mynna ut i en klassisk journalistisk produkt. Kanske hade presentationen kunnat vara ett spel, ett pussel eller som i SVT:s fall, ett quiz?

* Att para ihop stadsdelar med postnummer är en riktigt tidsödande uppgift…

Har du förslag på datajournalistik SvD borde göra? Kommentarerna står till ditt förfogande!

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

 

 

Snabb design för affärstidningsläsaren

”Design is not what it looks like. It’s how it works”, så sa gurun Steve Jobs.

Hur ska egentligen en affärssajt funka? Vad är viktigt att tänka på i en design av en affärssajt? Och varför inte göra den attraktiv på samma gång?

Snabb, snabbare, snabbast var de viktigaste ledorden. Det är en självklarhet att vara snabb i nyhetsförmedling men i det begreppet fanns även strävan att kommunicera tydligare och att ge snabbare signaler om vad som är viktigast, här och nu.

Det nya designkonceptet för SvD Näringsliv.se är bland annat ett nytt sätt att strukturera startsidan och sortera informationen och ett snabbt sätt att visa börsen i realtid högst upp på sajten. Startsidan har fokus på att visuellt och kraftfullt presentera de stora händelserna och samtidigt lyfta fram sajtens stora innehåll i lättöverskådliga ämnesboxar.

Upplev själv hur den nya affärssajten på www.nliv.se ser ut…

Den nya designen ska lyfta siffrorna, vara mer användarvänlig och ge en kontrastrik, lättöverskådlig design som snabbt går att scanna av. Det gör vi bland annat med vårt eget typsnitt Sueca web, i sans, Sueca Headline Sans. SvD har utvecklat sitt eget typsnitt för webb med typsnittformgivaren Mário Feliciano på Feliciano Type Foundry i Portugal.

En avgörande faktor i all utveckling är ett bra lag. Designlaget bestod av Mark Porter, brittisk designkonsult som bland annat utvecklat The Guardian (digitalt & på papper), samt Lars Wästfelt, Martin Lissmyr och Gustaf Forslund på webbyrån Oktavilla. Vi har också fått viktig feedback från riktiga användare så även denna gång har processen skett i samspel med våra trogna läsare.

Vi har skapat en attraktiv affärssajt och jag säger som skådespelerskan Audrey Hepburn: ”I believe in Pink”.

Anna Thurfjell

Fakta Designpriser

Svenska Dagbladet har stoltheten över att ha hedrats med över 100 designpriser mellan 2005-2012 varav de mest prestigefyllda designpriserna är: World’s Best Designed 2005 av SND, Europe’s Best Designed Newspaper av ENC 2009 och i år utsåg SND Svenska Dagbladet till: Best in Show: och vi hamnade i riktigt fint sällskap i kategorin ”Tablet experience” i tävlingen SND Best Of Digital Design:
Redesignen av SvD.se som lanserades i fjol har hedrats med flera prestigefyllda designpriser, bl a en Award Of Excellence från The European Newspaper Competition och en silvermedalj från Svenska Designpriset.

 

 

Brännpunkt

”Utökat strandskydd hotar utveckling”

SKL m fl: Länsstyrelsernas agerande är rättsosäkert.

”SD-avslöjandena har solkat rättsväsendet”

6 frågor

Schultz om nämndemansdebatt.

Ramberg: Hotar trovärdigheten

Kritik

Antal SD-nämndemän ökar i migrationsdomstolar.

USA vill samarbeta mer med svenskt flyg

General på Sverigebesök: Ryska plan en risk.

Spänd väntan på besked i Ferguson

I USA manar myndigheterna till lugn i Ferguson inför nattens besked om det blir åtal eller inte mot polisen som sköt ihjäl en svart obeväpnad tonåring i augusti.

GW Persson avfärdar nya Asplund-spåret

Erkännande

”Uppgiftslämnaren otillförlitlig”.

Erkänner mord på Johan Asplund

Tips

Gråtande man på mobilfilm: ”Det var ett misstag”.

Webb-tv

Skulle avlivas – nu flygs de till nya hem

tvärs över usa

Volontärer fyller planet.

Dagerman delade en kärlek med Forssell

Bildspel

Se vad som förenade författarna.

Ryssland vägrar att flytta från Lidingö

HYRESVÄGRAR

”Skulden ökar varje månad”.

”Ingen fick Sverige
att stå stilla som han”

Bragdguldet 90 år

De är läsarnas favoriter.

Bland det största i idrottshistorien

SvD:s Anders Lindblad om 2010-talets svenska bragder.