Visualisering av loggdata från Blurt

Abstract

Detta examensarbete behandlar utvecklingen av ett verktyg för visualisering av loggdata från det webbaserade responsverktyget Blurt. Syftet var att möjliggöra analys av studenters aktivitet och engagemang genom tydliga och lättolkade visualiseringar. Utvecklingsprocessen omfattade bland annat analys av Blurts loggformat, implementation av funktionalitet för inläsning och bearbetning av loggdata samt utveckling av interaktiva visualiseringar. Webbapplikationen utvecklades med TypeScript som huvudsakligt programmeringsspråk genom hela systemet i en Node.js-miljö. På backend-sidan användes en struktur baserad på så kallade Data Transfer Objects (DTO), vilket möjliggjorde säker hantering och överföring av loggdata mellan backend och frontend. Backend-sidan av applikationen hade ansvar för bland annat inläsning och bearbetning av loggdata från Blurt, samt att lagra denna data i en PostgreSQL-databas för att sedan kunna skicka relevant data till frontend-sidan. På frontend-sidan av verktyget användes ramverket Vue.js för att skapa en responsiv användarupplevelse. För att skapa dynamiska och lättolkade diagram användes biblioteket Chart.js, vilket möjliggjorde att applikationen kunde presentera visualiseringar baserade på den bearbetade loggdatan. Frontend-sidan hade ansvar för att presentera statistik och användaraktivitet på ett överskådligt och lättförståeligt sätt. Resultatet är en fristående webbapplikation som kan visualisera användarstatistik i form av linje- och stapeldiagram. Detta kommer förhoppningsvis ge lärare och kurs ansvariga bättre möjligheter att utvärdera användningen av Blurt och dra slutsatser kring studenters deltagande. Lösningen utvärderades genom funktionella tester samt genom ett frågeformulär som personal på Chalmers fick fylla i. I formuläret fick personalen bedöma användbarhet och användarvänlighet, och ge förslag för framtida vidareutveckling.