Ett halvt år i Symbiotisk

Af Skrevet i - Nyt fra Symbiotisk d. 15. oktober 2014 0 Kommentarer

Det är nu lite över ett halvt år sedan jag gick in som partner i Symbiotisk ApS. Det har varit en minst sagt spännande tid.

Jag tjuvstartade faktiskt långt före det blev officiellt med att hjälpa till att bygga upp den magasin-plattform som vi bland annat använt för att bygga E-magasinet Spiltennis.nu och Amager og Hvidovre hospitalers strategi-presentation, som båda två lanserades runt tiden då jag startade i Symbiotisk på heltid.

En av de funktionaliteter vi har byggt efter lanseringen och som har varit spännande och utvecklande för mig personligen är data-visualisering. Målet har varit att inte bara göra det möjligt för oss att bygga interaktiva grafer som den här nedanför, där man kan aktivera och deaktivera serier genom att klicka på dem, det ska också vara enkelt för våra kunder att göra detsamma.

Antal jobbannonser per kvartal

  • A - Kvartal 1
  • B - Kvartal 2
  • C - Kvartal 3
  • D - Kvartal 4
Data från Jobindex

Därför inkluderar vår visualiserings-plugin till WordPress också en utökning till wysiwyg-editorn som gör att man kan trycka på en knapp för att inkludera ett diagram i sidan och sedan få en intuitiv hjälp till att välja typ av diagram och fylla i de värden man vill visa.

chart

Ett annat mål för diagrammen har varit att de precis som resten av magasin-plattformen ska fungera på allt från stora skärmar med tangentbord och mus till små skärmar som styrs av tjocka fingerspetsar (som mina egna.) Det kan vara riktigt svårt även för de stora att bygga diagram som skalerar till en liten skärm på ett sätt som fungerar för läsaren.

chart-wired
chart-bi

I våra diagram har vi tänkt igenom hur man bäst kan utnyttja skärmen för att presentera data och samtidigt bevara de lager av interaktivitet man får på den större skärmen så att de inte tar upp för mycket av ytan men ändå kan styras av de tjocka fingrarna.

När skärmen blir för smal förändras diagrammet automatiskt så att för långa texter byts ut och interaktiva lager läggs i separata tabbar med mer intuitiva och telefon-vänliga kontroller. Ett helt annat problem som är svårare att lösa är att man kan riskera att en graf ser ut att representera två olika saker beroende på om skärmen den visas på är bred eller hög.

Antal jobbannonser per kvartal — mobil-visning

  • A - Kvartal 1
  • B - Kvartal 2
  • C - Kvartal 3
  • D - Kvartal 4

En annan funktion som flera av våra kunder frågat om i samband med magasin-plattformen är en PDF-generator som kan producera ett dokument med alla artiklar från ett magasin med det utseende som de har i en webbrowser. Det har varit ett riktigt spännande projekt för mig som snart är klart och har gett mig anledning att stifta en närmare bekantskap med node.js och phantom.js. Jag ser fram emot att ta emot många fler feature requests av den typen där min omedelbara respons är “det är omöjligt”, för att några dagar senare följas av “hmm, men vänta nu…”

Kom gerne med din kommentar