Hoppa till huvudinnehåll
← Tillbaka till startsidan

Tidigare - visualisering av tidrapporter

•Erik Ehnsiö

Bakgrund

I Consids interna tidrapporteringssystem "Tidig" sker all tidsregistrering och uppföljning av enskilda projekt, men systemet saknar möjligheten att visa hur t.ex, ett resursteam lägger sin tid på olika kunder och projekt.

Möjligheten: Bygga ett analyslager ovanpå Tidigs utvecklar API som möjliggör projektövergripande spårning, teaminsikter och flexibla datumjämförelser.

Lösning

  • Byggde en Next.js 15-webbapplikation som hämtar data från Tidig REST API och omvandlar det till interaktiva visualiseringar,
  • Implementerade medarbetarfokuserade vyer som visar projektfördelning över tid, och projektfokuserade vyer som bryter ner tid per teammedlem,
  • Grafer och tabellinteraktioner synkas, där klick på diagramsegment filtrerar detaljerad datatabell, och val av tabellrader markerar motsvarande diagramelement,
  • URL-baserade filters så att vyer kan bokmärkas och delas,
  • Filter för anpassat datumintervall samt fördefinierade intervall (senaste 7 dagarna, denna månad, förra månaden).
Filtergränssnitt med datumintervallväljare, personrullgardin och projektväljare
Filterkontroller i ljust läge
Filtergränssnitt med datumintervallväljare, personrullgardin och projektväljare i mörkt tema
Filterkontroller i mörkt läge
Tomt tillstånd som visar platshållarmeddelande och filterkontroller
Initial vy redo för datafråga
Staplat stapeldiagram som visar tidsfördelning med expanderbar datatabell nedan
Projektvy med interaktiva visualiseringar (klientdata suddig för integritet)

Resultat

  • Möjliggjorde datadrivna samtal om resursallokering och projektplanering som tidigare krävde exporter och sammanställningar ifrån källdatasystemet.