Idag lanserar VK.se en ny feature som vi kallar VKoll. Den ska hjälpa besökarna att upptäcka nytt material som de i vanliga fall kanske skulle ha missat. Det händer ofta att det ligger en stor nyhet kvar i topp på sajten en längre tid, medan andra nyheter som kommer in efter den hamnar längre ner. När återkommande besökare ser den stora nyheten i topp som de redan har läst scrollar de inte neråt utan surfar vidare. Med VKoll kan vi få besökarna att upptäckta vad som är nytt även om nyheten inte syns på första screenen.

Gränssnittet lägger sig högst upp i tredje spalt och visar hur många, samt vilka, nyheter som är nya sen besökarens senaste besök. Puffarna i huvudspalten får även de en liten markering om de är nya.

VKoll är byggd till största del med Javascript och jQuery och använder sig av localStorage för att lagra senaste besök, sessioner samt vilka artiklar som besökaren har läst. På backend lägger vi till när artikeln är skapad som dataattribut i våra Arlima-templates, därefter sker all magi på frontend. Alla element med timestamps senare än besökarens senaste besök och som besökaren inte redan läst letas upp och presenteras som på bilden.

I och med att vi använder bland annat localStorage så fungerar detta dock bara för de med IE8 och högre.

Gå in på vk.se nu och återkom om några timmar för att se VKoll i sin fulla effekt.

Chris förklarar varför VK ville byta CMS. Valet föll inte på något proprietärt system. Foto: Daniel Carlbom, CC BY-NC-SA 2.0.

I måndags besökte vi på VK Dev årets upplaga av Wordcamp Stockholm. Jag höll själv i en session där jag presenterade vårt arbete med att flytta VK från vårt tidigare, föråldrade, CMS till att numer vara baserat på WordPress. Inspelning från denna session finns att se här, och vill man se själva presentationen (som är gjord med Reveal.js) så finns den upplagd här.

Några korta tankar från dagen

Vi gillade Jonas Lejons presentation där han gjorde en djupdykning ner i ämnet WP och Prestanda för stora sajter. Vi fick även en hel del inspiration och inspel från Erik Eng som snackade WordPress och sök. Gällande den frågan så kommer vi framöver att börja göra tester med ElasticSearch för att se hur det står sig mot Solr som vi idag använder på vk.se och folkbladet.nu.

Programmet för dagen var indelat i ett mer tekniskt spår och ett mer redaktionellt. Vi hade kanske gärna sett än mer tekniska presentationer, men uppskattar samtidigt tanken med ett lite lättare spår där man kan behandla ämnen som redaktörsskap och dylika frågor.

Fler presentationer finns att se på Bambuser och de flesta går även att ladda hem på Wpsthlm.se.

Sammanfattat är vi på VK Dev väldigt nöjda med dagen och ser fram emot nästa års upplaga!

VK Dev, tillsammans med Norran. Bilden är skamlöst lånad från Bineros blogg: http://blogg.binero.se/2012/10/wordcamp/

Äntligen sommar. På riktigt alltså.

Nu tar vi som skriver i bloggen ledigt i några veckor och återkommer någon gång i augusti. Under den tiden har vi säkert funderat, gnolat och kommit på en massa nya saker som vi antingen borde eller inte borde göra. Det får vi skriva mer om då.

Trevlig sommar!

När man använder Arlima vill man ofta redigera de bilder man laddat upp.  För att lätt fixa det har vi integrerat med Scissors Continued, ett fullkomligt lysande plugin!

Titta gärna på filmen där @victor_jonsson visar hur det kan fungera.

I samband med att VK drog igång sin granskning om sjuksköterskornas situation och löner ville de ha ett crowdsourcing system liknande räntekartansvd.se. Vi bestämde oss för att, likt SvD, använda Googles tjänster för att skapa systemet. För oss var syftet främst att undersöka om Spreadsheets och Forms var något att satsa på vid framtida projekt istället för någon egen lösning med exempelvis en databas. De dynamiska formulären kopplade till kalkylbladen ska ju vara väldigt smidiga att använda sägs det. Du kan se resultatet här, och läsa mer om lite tankar och funderingar om hur det fungerade nedan.

Systemet är uppbyggt av ett formulär (Google Forms) som är kopplat till ett kalkylblad (Google Spreadsheets). Kalkylbladet fylls i automatiskt allt eftersom svar skickas in genom formuläret. Datan hämtas som json mha Googles API och presenteras på en Google Map och i en tabell. All hämtning och visning av datan sker med hjälp av javascript i form av ajaxanrop, Googles APIer samt JQuery.

I överlag väldigt smidiga system och APIer att arbeta med. Google Maps API är väldokumenterat och kraftfullt, och likaså geocodingen. Spreadsheet APIet är i princip bara att anropa en url och slänga med några querystrings om du vill sortera eller söka på något särskilt, vilket är väldigt lättanvänt.

Är det något man kan klaga över är det Google Forms. Att sätta upp ett formulär gick snabbt och smidigt, däremot kan de inbyggda valideringsfunktionerna lämna något att önska. I början hade vi ingen validering på något fält, men det visade sig att löner inlämnade på formen “22.100” (med en punkt) blev konverterade till “23.40.00”. Efter en lång stunds huvudbry insåg vi att Google tolkade det som 22 timmar och 100 minuter, vilket i sin tur blir 23 timmar, 40 minuter och 0 sekunder.

(Upptäcker nu i skrivande stund att det finns några liknande under yrkesår. Exempelvis har “2.5” blivit 02.05.00)

Efter att vi satt att endast nummer var tillåtna som lön fick vi bara svar i korrekt form. Däremot får användarna endast ett generiskt “ett fel uppstod i formuläret” när de försöker posta något felaktigt, vilket inte är särskilt användarvänligt.

En annan sak att tänka på är att cachea de koordinater man får från Googles geocoding. Istället för ett anrop per markör (1000 st i skrivande stund) per visning räckte det med ett anrop per ort – i vårt fall ca 20 totalt.

Sen att folk skickar in tvivelaktiga uppgifter (99 årig man, tjänar 99999 i månaden med 5/5 i trivsel (såklart)) är något man inte slipper undan då man tar hjälp av allmänheten. Men säger vi att 10% av svaren går bort har våra journalister fortfarande 900 inskickade löner att använda och analysera – inte alls dumt!

Rekommenderas då Googles tjänster för denna typ av crowdsourcing? Ja, säger jag – men bygg formuläret med hjälp av APIet istället för att använda det dynamiska, allt för att användarvänligheten ska bli så hög som möjligt.


Väntan har varit långt
, men nu är vi äntligen färdiga med en fristående version av Arlima! Om du vill testa är det bara att masa dig över till WordPress Plugin Directory och ladda hem det.

http://wordpress.org/extend/plugins/arlima/

I den fristående versionen har vi förenklat funktionaliteten något, då vi har många speciallösningar på vk.se/folkbladet.nu som hade varit svåra att få med. Allt som allt är dock det mesta precis som det ska och därmed precis som webbredaktörerna på vk.se och folkbladet.nu arbetar.

Pluginet fungerar direkt out-of-the-box med en 1-minuters installation. Därefter är det fritt fram att anpassa sina sid- och stilmallar så att det passar in på just din sajt. Se gärna Victors korta screencast nedan där han visar hur enkelt det är att komma igång.

http://www.screenr.com/embed/vB48

Kommentarer? Synpunkter? Funderingar? 
Hör gärna av dig. Vi är öppna för all form av feedback.

Vad är det här, vad gör jag här, och vilka är ni? Tre bra frågor. Ska försöka kontra med tre bra svar.

Det är här en blogg om webbutveckling i allmänhet och för mediebranschen i synnerhet. Här kommer vi att dela med oss av vad vi bygger (ja, vi bygger saker – vi är den nya tidens hantverkare), vad vi lär oss, vilka slutsatser vi drar och vad vi (miss-)lyckas med. För att bara nämna några saker. Vårt mål är att vara så öppna som möjligt då vi tror stenhårt på att utveckling mår bra av att bollas mellan så många smartskallar som det bara går.

Vad gör då du här? Mest troligt är du intresserad av teknik på webben, och kanske framför allt då inom mediebranschen. Det är främst om detta vi kommer att skriva. Inläggen kommer att behandla allt från hur vi testar crowdsourcade mashups med verktyg från Google till hur vi arbetar tillsammans med VK:s webbredaktion för att skapa effektiva verktyg för webbpublicering. Ofta kommer vi också att skriva om vårt WordPress-projekt, och om de plugins vi skapat.
En riktig gottepåse, helt enkelt.

Vi som (till en början) står bakom denna blogg är teamet som står bakom VK-koncernens webbutveckling. I dagsläget är vi fyra webbutvecklare som tillsammans bygger/skapar bland annat vk.se, folkbladet.nu och nojesmagasinet.se.

En kort presentation vore kanske på sin plats.

Hur trevliga vi än är så är vi dock bara fyra personer. Vi har begränsade resurser och hinner verkligen inte med allt vi skulle vilja. Vår stora förhoppning är att fler kommer vilja vara med och dela med sig av sina erfarenheter. Ni vet vad man brukar säga; the more, the merrier. Och ju fler vi är, desto bättre kommer det här att bli.
Kanske just du vill vara med? Det är klart du vill! Hör av dig på Twitter, eller via mail (christoffer.larsson@vk.se) så ordnar det sig.

Namnet på bloggen då? Ni som någon gång programmerat känner igen Hej världen (eller Hello world, om man är lite mer internationell av sig) och det är lite så vi känner. Hej världen, det här håller vi på med just nu. Vi vill vara öppna, dela med oss, säga hej. Helt enkelt.

Formen för bloggen är inte klar. Det kommer den nog aldrig att bli. Vi tar det på uppstuds, helt enkelt. Förhoppningsvis hittar du nåt du finner intressant. Eller underhållande. Eller idiotiskt.

Hur som helst; hej världen.