SVD Offert - Bästa sättet att få offerter.

Få offerter från tusentals kvalitetssäkrade företag - snabbt, enkelt och tryggt.

POPULÄRAST  JUST  NU:

SvD i samarbete med

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

 

 

Veckans utveckling (v7-8)

Utveckling Här kommer en kort sammanfattning av nyheter och förändringar på SvD.se de senaste två veckorna. Utvecklingsavdelningen går nu in i en period med mer intensivt arbete med den nya ekonomisajten som ska lanseras senare, därför kommer vi under en period inte lansera lika många förändringar varje vecka.

Veckans deploy innehöll 20 förändringar varav de viktigaste är:

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.

 

 

Veckans utveckling (v. 6)

Utveckling Här kommer en kort sammanfattning av nyheter och förändringar på SvD.se den senaste veckan. Veckans deploy innehöll 16 förändringar varav de viktigaste är:

  • Möjligheten att göra outsider-annonsen sticky
  • Fixat annonsbuggar i bildspelen
  • Justering i SvD Utvalt under artiklarna så att den inte kommer med vis utskrift
  • Länksidor visar mer än bara rubriken

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.

Fem veckors utveckling på SvD.se

Utveckling På grund av arbetet med förändringarna av artiklarna har jag inte redovisat vecka för vecka den utveckling som gjorts på SvD.se. Här kommer därför en kort sammanfattning av de åtgärder som lanserats hittills under 2012.

Under årets första veckor har 42 olika ärenden åtgärdats och lanserats på SvD.se, varav de viktigaste är:

  • Nya Facebook-subscribe och Twitter-följ-knappar i byline.
  • Ny artikellayout med bla rubrik och ingress på bredare utrymme
  • Ny presentation av artikellänkar under vinjetten ”Mer i samma ämne” sist i artikeln
  • Toppnyheter för sektionen överst i högerspalten
  • Expanderbar faktaruta
  • SvD Utvalt under artiklarna
  • Sticky Mest läst-ruta i artikelns högerspalt
  • Ny layout för annonser under artikeln
  • Justering för annonser i bildspelen
  • Justerat bugg i bild-sprite
  • Uppdaterat fonter för åäö och diakritiska tecken

I princip 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.

Ny artikeldesign på SvD.se

Redesign I dag har vi släppt ut nyheterna kring artiklarna som vi tidigare berättat om. En del av detta lanserade vi redan under gårdagen, men det återstod några saker som vi kompletterat i dag. Nyheterna är i korthet:

  • rubrik som går ut över hela artikelbredden
  • ingressen ovanför bilden
  • ny Toppnyheter-ruta längst upp i högerspalten
  • alla relaterade länkar samlade i botten av artikeln
  • tydligare information om våra kommenteringsregler
  • vid långa artiklar följer Mest läst-rutan från högerspalten med till artikelns slut
  • ny SvD Utvalt-låda under alla artiklar med det viktigaste från nyheter, opinion och feature

Annonsvisningarna i botten av artiklarna är fortfarande inte helt klar. I några fall, särskilt vid mycket korta artiklar, kan det se väldigt konstigt ut och det är något vi tyvärr inte kan åtgärda förrän nästa vecka.

Vårt mål är att höja upplevelsen av artiklarna och att det ska bli lättare att hitta vidare från artikeln till andra intressanta artiklar. Vad tycker du? Mejla eller kommentera gärna om du har frågor eller synpunkter.

Pixelperfekt blir det aldrig

Utveckling Skit på skärmen, eller vad är det för en liten flugskit mitt i texten? Jag läser den senaste nyheten om Juholt i min iPhone och en liten svart prick på skärmen irriterar mig. Men den följer med när jag scrollar och först när jag zoomar in ser jag att den lilla pricken är några pixlar som hamnar fel. Men vad? Texten innehåller ju bara bokstäver på vit bakgrund.

Så hur kan det helt plötsligt dyka upp felaktiga fläckar mitt mellan två rader? Programmering är på ett plan enkel. Inget du ser har tillkommit av en slump. Alla processer går att spåra bakåt och det finns alltid en logisk förklaring. Men det här? Lite mitt emellan allting? Presentationen av artiklarna har föregåtts av månader av utredning, designarbete och programmering. Och i varje steg sker det noggranna kontroller. Stora fula fiskar fastnar lätt i testnäten, men här har uppenbart en liten minimal spigg smugit sig in. Hur har det kunnat ske?

Den minsta grafiska enheten på en skärm är en pixel och därför pratar vi ofta om att design och presentation ska vara pixelperfekt – korrekt ner till minsta beståndsdelen. Men hur noggrann granskningsprocessen än är är det ingen som har granskat varenda liten pixel på alla de olika kombinationer av operativsystem, webbläsarversioner och skärmstorlekar som förekommer. Därför hittar vi löpande fel av olika slags karaktär. Ofta är det ni läsare som är ivriga att påpeka felaktigheter, vilket vi tackar för.

Den här nyupptäckta lilla insekten visade sig vara en bildfil som hamnat snett. Troligtvis för att Safaribrowsern i iPhone hanterar tecken lite annorlunda än Safari på min Mac. De flesta ikoner på sidan visas med hjälp av en så kallad sprite-fil. Det är ett sätt att spara tid så att webbläsaren laddar in sidan fortare.

Här kan du se originalfilen som visar ikonerna, och i botten ser du att under ikonen för extern länk finns ett i. Det är ovandelen av den bilden som dyker upp i texten som en liten flugskit.

Så det fanns en logisk förklaring. Det är inte heller något stort problem, och är lätt att åtgärda. Händelsen visar bara en liten del av vardagen för oss som arbetar med att utveckla SvD.se till den bästa nyhetssajten. Det blir aldrig pixelperfekt, men vi försöker bry oss även om de små missarna.

Veckans utveckling på SvD.se

Utveckling Här kommer en kort sammanfattning av nyheter och förändringar på SvD.se den senaste veckan.

Veckans deploy, vilket blir årets sista, innehöll 22 förändringar varav de viktigaste är:

  • Ny bildspelsvariant för att visa före och efter-skeenden, exempel här.
  • Ny tjänst SvD Offert, med länkar från startsidans högerspalt
  • Enkel presentation av flashgrafik i fullbredd, exempel här.
  • Förbättrad direktlänkning till enskild kommentar
  • Buggfix för svenska tecken i den automatiskt laddade söksidan
  • Buggfix för kommentarerna på mobilsajten

Vi har också påbörjat ett projekt för att designa om artikelsidorna. Vi vill hjälpa läsarna att nå intressant material efter att de läst färdigt en artikel. Designskisserna är i stort sett klara och har testats på fokusgrupper. Jag kommer berätta mer om detta i kommande inlägg.

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.

Veckans utveckling på SvD.se

Utveckling Här kommer en kort sammanfattning av nyheter och förändringar på SvD.se den senaste tiden. Idag är listan extra lång eftersom vi inte lyckades genomföra en deploy förra veckan.

Veckans deploy innehöll 26 förändringar varav de viktigaste är:

  • Interaktiv karta – så ser Stockholmarna på sig själva – formulär här och karta här
  • Oändlig scroll på söksidan – nya sökresultat fylls på automatiskt vid scroll nedåt
  • Puffarna i de horisontella banden kan rulla automatiskt
  • Bättre presentation och mer logisk sortering av länkarna i ”Sidan är uppdaterad”-uppmaningen överst på sidan
  • Bättre ”kösystem” för annonsladdning
  • Stöd för länkar i brödtext samt fler bilder i mobilsajten
  • Löst en bugg som gett tomma artiklar i mobilsajten
  • Rensning av radbryt i artiklar som länkas upp på Facebook
  • Sponsrade quizar får tydligare annonsmärkning i listningar
  • Avatarbilder visas inte längre i de spalter där vi visar utdrag från de senaste kommentarerna, ex på Opinion (de segade ner sidladdningen)
  • Uppgraderad jQuery-biblioteket till 1.2.6
  • Vår samarbetspartners logga, TV.nu, visas längst ner under tv-tablån på startsidan
  • Sektionskategorier kopplade till Disqus-kontot för att vi ska kunna visa ut mest kommenterat per sektion

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.