Varje år försvinner tusentals personer. År 2017 anmäldes 7100 personer som försvunna i Sverige. De allra flesta återfinns inom sex månader, men i genomsnitt 30 personer återfinns aldrig. Svensk polis deltar i sökningar efter minst 300 personer varje år. Polisen samarbetar i sina sökinsatser med försvarsmakten och andra organisationer som Missing People. Missing People som har över 60 000 personer anmälda som volontära sökare, hjälper till genom, bland annat, anordna skallgångskedjor. I detta examensarbete, undersöks verktyg och tekniker som skulle kunna komma till användning vid sökinsatser. Examensarbetet undersöker verktyg som finns tillgängliga i Google Maps API1 för att se hur det går att visualisera hur ett område är sökt och hur länge sedan det genomsöktes. Tre visualiseringstekniker från Google Maps API implementeras och testas för ändamålet. Teknikerna är Heatmaps, Polygons och Circles. Varje teknik implementeras och testas mot ett antal identifierade krav i en iteration. Kraven är framtagna genom att analysera frågeställningen mot de relaterade arbeten, webbplatser och artiklar som detta examensarbete byggt sin bakgrund på. Slutsatsen visar att Heatmaps från Google Maps API inte fyller den önskade funktionen. Om heatmaps ska användas kan ett annat kartverktyg än google maps behöva användas eftersom Google Maps Heatmaps-verktyg inte går att ställa så att de passar kraven som satts upp. Polygons misslyckas på ett av testerna, vilket kan gå att lösa med en algoritm för att förstora polygonen. Circles fungerar efter kraven och kan användas på önskvärt vis. Det krävs dock mer forskning för att vidareutveckla hur verktyget hade kunnat användas i ett skarpt läge.

Det samlas in olika typer av data hela tiden, komplex data är svårt för människor att tolka och förstå i dess råa form. För att göra det lättare för människor använder man olika datavisualiseringsverktyg som gör det lättare att sammanfatta data. Det finns många olika typer av visualiseringar som till exempel diagram, tabeller, bilder och kartor såsom en Heatmap. En heatmap används för att visa geospatial data, då den använder koordinater kombinerat med en karta som visar aktiviteterna genom olika färger. Ett problem som uppstår när komplex data används är att utritningstiden brukar vara långsam, detta leder till att användarupplevelsen försämras. I detta arbete ska två tekniker jämföras för att ta reda på vilken teknik som kan visualisera miljödata i form av heatmap på snabbaste tid med kartlagret Google Maps, med data som kommer ifrån ICES Oceanographic databas som klassificeras som miljödata. Tekniken som ska jämföras är Canvas som representeras av JavaScript biblioteket Heatmap.js och SVG som representeras av JavaScript biblioteket D3.js För att utföra denna studie användes ett tekniskt experiment som vald vetenskaplig metod. Resultatet av studien blev att Heatmap.js presterade bättre än vad D3.js gjorde.

The purpose of the project is to create a website where Knowit Experience can present and invite people to their coding events. The work has been carried out by a larger team including project managers, UX designers, supervisors, and an Agile approach has been used. A Headless CMS called Hygraph has been used to create a structure that editors can easily use, and this CMS includes a GraphQL API that the website consumes. The website is created in React with TypeScript to create a secure typed application styled with Sass. The website handles registrations for newsletters and different event lists from users and displays the content of the editors. Several different user flows on the website have been automated using Pipedream to make it easier for editors, including automatic confirmation emails sent to those who register, and editors can easily send emails to specific mailing lists. Structure is also created in the CMS to allow editors to create dynamic forms to collect opinions and information from visitors at an event. The website has been developed with accessibility in mind and has been tested on different browsers and devices. The website is continuously tested for accessibility and correctly validated code throughout the work. The work results in a fully functional website with all intended features. / Projektets syfte är att skapa en webbplats där Knowit Experience kan presentera och bjuda in till deras event Kodkvällar. Arbetet har utförts i ett större team med projektledare, UX-designers samt handledare och arbetssättet har vart Agilt. Ett Headless CMS, Hygraph, har använts för att skapa en struktur som redaktörer enkelt kan använda och med detta CMS ingår ett GraphQL API som webbplatsen konsumerar. Webbplatsen skapas i React med TypeScript för att skapa en säker typad applikation som stylas med Sass. Webbplatsen hanterar anmälningar till nyhetsbrev och olika eventlistor från användare samt visar redaktörernas innehåll. Med Pipedream har flera olika användarflöden på webbplatsen automatiserats för att underlätta för redaktörerna. Bland annat skickas bekräftelsemail automatiskt till de som anmäler sig samt att redaktörer enkelt kan skicka ut mail till specifika maillistor. Struktur skapas även i CMSet för att redaktörer ska kunna skapa dynamiska formulär för att inhämta åsikter och information från besökarna på ett event. Webbplatsen har utvecklats med tillgänglighet i åtanke och den har testats i olika webbläsare samt på olika enheter. Webbplatsen testas kontinuerligt för tillgänglighet samt korrekt validerande kod genom hela arbetet. Arbetet resulterar i en fullt fungerande webbplats med alla tänkta funktioner.