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.

The goal of this work is to create a model of a platform for an application development provided that this platform is implemented in PHP. Applications are built by connecting of functional modules according to desired properties. The run of these applications is provided by the platform.

This thesis deals with the design and implementation of the page layout manager for a web user interface composed of components. A part of solution is also a new XML format for configuring of the manager of page layout and composition and a new application interface for components. The created system has met the requirements of the European project KiWi and has passed the acceptance tests of its project team.

This master's thesis is engaged in concept and creation of web application's graphics user interface. The reason is to convert a classic application written in Java language to the web form by force of JSP and AJAX technologies.

I dagsläget står mobila enheter för strax under 55 procent av den globala marknaden jämfört med datorer och surfplattor. Android och iOS är de två stora operativsystemen för mobila enheter, där Android har cirka 70 procent av marknaden. Applikationer till dessa två operativsystem kan utvecklas var för sig. För att utveckla applikationer som kan köras på både Android och iOS kan ett crossplatform-ramverk användas. Detta kan leda till kostnadsbesparingar och tidseffektivisering, men också till sämre prestanda. Denna komparativa studie genomfördes i samarbete med AFRY och syftar till att jämföra crossplatform-ramverken .NET MAUI och React Native mot varandra, men också mot en nativ applikation utvecklad i Java till Android. Jämförelsen gjordes ur ett prestandaperspektiv. De prestandakriterier som har jämförts är applikationernas storlek, uppstarts- och exekveringstid samt CPU- och RAM-användning. Tre applikationer utvecklades, med likvärdig funktionalitet, för att möjliggöra jämförelse. Funktionaliteten bestod av en tung beräkning i form av Fibonaccisekvensen, användande av GPS-sensorn, anrop till ett REST-API samt filhantering. För att samla in data till denna studie användes verktygen Android Profiler, Logcat samt egen implementerad kod. Resultaten visar att React Native exekverar snabbare, har en lägre resursanvändning och blir mindre i storlek i de flesta fall jämfört med .NET MAUI. .NET MAUI hanterar dock större beräkningar snabbare och mer resurssnålt. Resultatet visar även att en nativ applikation för Android presterar bättre i de flesta fall och är att rekommendera om prestanda är viktigare än utvecklingskostnad och tidsåtgång.

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.

Software systems are becoming increasingly complex, with developers frequentlyutilizing numerous dependencies. In this landscape, accurate tracking and understanding of dependencies within JavaScript and TypeScript codebases are vital formaintaining software security and quality. However, there exists a gap in how existing vulnerability scanning tools, such as Dependabot, convey information aboutthe usage of these dependencies. This study addresses the problem of providing amore comprehensive dependency usage overview, a topic critical to aiding developers in securing their software systems. To bridge this gap, a custom pipeline wasimplemented to supplement Dependabot, extracting the dependencies identified asvulnerable and providing specific information about their usage within a repository.The results highlight the pros and cons of this approach, showing an improvement inthe understanding of dependency usage. The effort opens a pathway towards moresecure software systems.

<p>Denna rapport behandlar push-teknik, en teknik för att skicka data i realtid inom webbapplikationer.</p><p>Många gånger i dagens mer interaktiva webb kan ett behov finnas av att behandla data på ett alternativt sätt. På grund av detta kändes det valda ämnet relevant inom ramen för webbutveckling.</p><p>Syftet är att undersöka hur vida denna teknik skiljer sig mot andra tekniker för att transportera data. För att kunna undersöka push-tekniken har en applikation skapats med hjälp av ett ramverk för detta ändamål. Som ramverk för arbetet valdes APE som innehåller en komplett lösning för push-teknik på webben.</p><p>Som underlag för rapporten utvecklades en spelapplikation samt en utvärdering av ramverket APE och ett antal prestandatester gjordes.</p> / <p>This study deals with push technology, a technology to send real-time data within web applications.</p><p>Many times in today's more inter-active web an alternative way of processing data may be needed. Because of this, the topic seemed relevant in the context of web development.</p><p>The aim is to examine how far this technique contrasts with other techniques to transport data. To investigate the push technology an application was created using a framework for this purpose. As a framework for the exercise the APE framework, containing a complete solution for push technology on the web, was chosen.</p><p>As a basis for the report a gaming application was developed and a number of performance tests as well as an evaluation of the framework APE were made.</p>

La compréhension des objets dans les programmes orientés objet est une tâche impor- tante à la compréhension du code. JavaScript (JS) est un langage orienté-objet dyna- mique, et son dynamisme rend la compréhension du code source très difficile. Dans ce mémoire, nous nous intéressons à l’analyse des objets pour les programmes JS. Notre approche construit de façon automatique un graphe d’objets inspiré du diagramme de classes d’UML à partir d’une exécution concrète d’un programme JS. Le graphe résul- tant montre la structure des objets ainsi que les interactions entre eux. Notre approche utilise une transformation du code source afin de produire cette in- formation au cours de l’exécution. Cette transformation permet de recueillir de l’infor- mation complète au sujet des objets crées ainsi que d’intercepter toutes les modifications de ces objets. À partir de cette information, nous appliquons plusieurs abstractions qui visent à produire une représentation des objets plus compacte et intuitive. Cette approche est implémentée dans l’outil JSTI. Afin d’évaluer l’utilité de l’approche, nous avons mesuré sa performance ainsi que le degré de réduction dû aux abstractions. Nous avons utilisé les dix programmes de réfé- rence de V8 pour cette comparaison. Les résultats montrent que JSTI est assez efficace pour être utilisé en pratique, avec un ralentissement moyen de 14x. De plus, pour 9 des 10 programmes, les graphes sont suffisamment compacts pour être visualisés. Nous avons aussi validé l’approche de façon qualitative en inspectant manuellement les graphes gé- nérés. Ces graphes correspondent généralement très bien au résultat attendu. Mots clés: Analyse de programmes, analyse dynamique, JavaScript, profilage. / Understanding of objects in object-oriented programs is an important task for understanding the code. JavaScript (JS) is a dynamic object-oriented language, Its dynamic nature makes understanding its source code very difficult. In this thesis, we focus on object analysis in JS programs to automatically produce a graph of objects inspired by UML class diagrams from an execution trace. The resulting graph shows the structure of the objects as well as their interconnections. Our approach uses a source-to-source transformation of the original code in order to collect information at runtime. This transformation makes it possible to collect complete information with respect to object creations and property updates. From this information, we perform multiple abstractions that aim to generate a more compact and intuitive representation of objects. This approach has been implemented in the JSTI prototype. To evaluate our approach, we measured its performance and the graph compression achieved by our abstractions. We used the ten V8 benchmarks for this purpose. Results show that JSTI is efficient enough to be used in practice, with an average slowdown of around 14x. Moreover, for 9 out of the 10 studied programs, the generated object graphs are sufficiently small to be visualized directly by developers. We have also performed a qualitative validation of the approach by manually inspecting the generated graphs. We have found that the graphs generated by JSTI generally correspond very closely to the expected results. Keywords: Program analysis, dynamic analysis, JavaScript, profiling.

GraphQL is a database handling API created by Facebook, that provides an effective al-ternative to REST-style architectures. GraphQL provides the ability for a client to spec-ify exactly what data it wishes to receive. A problem with GraphQL is that the freedomof creating customized requests allows data to be included several times in the response,growing the response’s size exponentially. The thesis contributes to the field of GraphQLanalysis by studying the prevalence of simple cycles in GraphQL schemas. We have im-plemented a locally-run tool and webtool using Tarjan’s and Johnson’s algorithms, thatparses the schemas, creates a directed graph and enumerates all simple cycles in the graph.A collection of schemas was analysed with the tool to collect empirical data. It was foundthat 39.73 % of the total 2094 schemas contained at least one simple cycle, with the averagenumber of cycles per schema being 4. The runtime was found to be on average 11 mil-liseconds, most of which consisted of the time for parsing the schemas. It was found that44 out of the considered schemas could not be enumerated due to containing a staggeringamount of simple cycles. It can be concluded that it is possible to test schemas for cyclicityand enumerate all simple cycles in a given schema efficiently.