Det finns många ramverk för att optimera utveckling av en webbapplikation. Angular, React och Vue är tre av de största JavaScript baserade front-end ramverken för utveckling av webbapplikationer. Eftersom de är bland de populäraste JavaScript ramverken vill den här studien bidrar den här studien att utvidga kunskapen om JavaScript ramverk. Detta för att göra det lättare att välja ett Java-Script ramverk som passar för utvecklarens behov. Syftet med denna studie är att med hjälp av tre olika webbapplikationer skapade i Vue, Angular och React, gjordes en jämförelse för att mäta prestandan av bilder och video. Med denna jämförelse går det att se vilket ramverk som presterar bäst och underlättar valet av ramverk.En litteraturstudie gjordes för att införskaffa kunskap om hur de olika ramverken implementeras och hur tidigare studier inom detta område gått tillväga. Tre webbapplikationer skapades i Vue, React och Angular. Dessa applikationer hölls så lika som möjligt för att minimera faktorer. De testades sedan genom att göra tre separata test med verktyget Lighthouse där 20, 40, 100 och 200 bilder och videos testades i dessa mängder. Resultatet ställdes upp i tabeller och analyserades mellan de olika ramverken. Resultatet var att Angular fick sammanfattad poäng på 737, Vue hade 745 och React hade 747. Slutsatsen visar att React prestera bäst på rendering av videos. Vue presterade bäst på bilder. Angular var det sämst presterande ramverket på majoriteten av kriterierna. React presterade bäst om alla resultat läggs ihop. Vid webbapplikationer som hanterar bilder rekommenderas Vue att användas i övriga fall rekommen-deras React. / There are many ramverk for optimizing the development of a web application. Angular, React and Vue are three of the largest JavaS-cript based front-end ramverk for webpage development. As these are among the most popular JavaScript ramverk, this study wants to help expand your knowledge of JavaScript ramverk. This is to make it easier to choose a JavaScript framework that suits the devel-oper's needs. The purpose of this study is to use three different web applications created in Vue, Angular and React. A comparison was made to measure the performance of images and video. With this comparison, it is possible to see which framework performs best and facilitates the choice of framework.A literature study was conducted to acquire knowledge of how the various ramverk are implemented and how previous studies in this area have proceeded. Three web applications were created in Vue, React and Angular. These applications were kept as equal as possible to minimize factors. They were then tested by doing three separate tests with the tool Lighthouse where 20, 40, 100 and 200 images and videos were tested in these quantities. The results were presented in tables and analysed between the different ramverk. The result was that Angular got a total score of 737, Vue had 745 and React had 747. The conclusion is that React performs best in rendering videos. Vue performed best on pictures. Angular was the worst performing framework on the majority of the criteria. React performed best if all results are added together. For web applications that handle images, Vue is recommended to be used in other cases, React is recommended.

Tillgängligheten och användandet av grupprum vid universitet är viktigt för studenter då majoriteten av studenternas studietid är på egen hand. Grupprum erbjuder en plats för diskussion och studier, vilket är viktigt för att uppnå en god studiemiljö. Vid Mittuniversitetet existerar det en webbaserad bokningstjänst för studenter att boka grupprum. I det aktuella bokningssystemet existerar det heller ingen direktkoppling till bokningstjänsten och det finns inget sätt att verifiera att bokningen faktiskt används. Därför har denna studie syftat till att undersöka och utveckla en mobilapplikation för bokandet av grupprum vid Mittuniversitetet. Det presenteras nya funktionaliteter och användargränssnitt för att lösa nuvarande problem. Studien har blivit utförd med hjälp av relaterande arbeten, diskussioner med Mittuniversitetets IT-arkitekter, enkätundersökningar och user stories för att bilda en kravfångst. Därefter skapades en prototyp baserat på kravfångsten, denna prototyp användes som designplan för utvecklingen av mobilapplikationen. Sju deltagare deltog att testa applikationen, där första användartestet var att testa en uppsättning funktionaliteter. Därefter utvärderades applikationen för vidareutvecklingen. I det andra testet genfördes en tidmätning mellan det befintliga bokningssystemet och nya bokningssystemet, detta för att genomföra ett antal funktionalitetstester. Resultatet var att det mobila gränssnittet var snabbare för att utföra testerna vid jämförelse med det aktuella webbgränssnittet. Deltagarna ville också ha möjligheten att använda en mobilapplikation i framtiden för att boka grupprum. / The availability and usage of study spaces in universities is important for students due to that majority of their study time is on their own. Study spaces provides a place for discussions and studies, which is important to achieve a good study environment. At the Mid Sweden University, a web-based booking service is available for students to reserve study rooms. In the current booking system, there exist no direct link to the booking service and there is no way to verify that a reservation that has been made is being used. Therefore, the objective of this study has been to examine and develop a mobile application for booking study rooms at Mid Sweden University that presents new functionalities and user interfaces to solve these problems. The study has been conducted with the aid of previous works, discussions with the IT architects, student surveys and user stories to capture requirement specifications. Thereafter a prototype was made based of said requirements, this prototype was then used as a blueprint when developing the actual mobile application. For testing the application, seven participants were chosen to test a set of functionalities and thereafter evaluate their experiences for further development. After the first test, a second test was done by comparing the time it took for participants to perform a set of tasks using the mobile interface versus the existing booking interface. The mobile interface was faster to perform tasks on and participants would like to use a mobile application for future reservations.

Mjukvaror som är integrerade i olika applikationer runt om oss har blivit allt mer vanligare idag och användningen av dessa har blivit en del av vardagen. Detta gör att utvecklingen av användarvänliga system är eftertraktat på marknaden. I denna studie följs samtliga principer för design av användbara gränssnitt för att implementera en ny design och utvärdera användargränssnittet till en webbterminal för golfklubbar runt om i Sverige. Tillsammans med TietoEVRY ska den nuvarande frontend delen av applikationen, vilket är utvecklad i JavaScript-ramverket React, att förnyas och förbättras. Syftet är att implementera ett nytt gränssnitt som ökar tillgängligheten och förmedlar sin funktionalitet på ett tydligt sätt. Som en del av det vetenskapliga arbetet sker en jämförelse av den äldre designen med den nya designen ur ett användbarhetsperspektiv. Målet med det vetenskapliga arbetet är att utvärdera webbterminalen för att kunna mäta i vilken grad som användarupplevelsen av applikationen har förbättrats i utvecklingsprocessen. Intervjuer samt en benchmark-undersökning kommer att genomföras. För att åstadkomma optimala resultat ska deltagarna i experimenten vara lagom bekanta med olika begrepp inom golf och användningen av webbsidor överlag. Med hjälp av tidigare forskning om ämnet samt den datan som samlas in i denna studien ska det ske en jämförelse av det nya användargränssnittet för webbterminalen med det tidigare och resultatet ska utvärderas för att komma fram till en lösning på hur en webbapplikation kan vara användarvänlig. / Embedded softwares in various applications around us have become increasingly common today and the use of these is part of everyday life. Because of this the development of user-friendly systems is sought after on the market. This study follows different principles for designing user-friendly interfaces in order to implement a new design and evaluate the user interface for a web terminal for golf clubs around Sweden. Together with TietoEVRY the current frontend part of the application, which is developed in the JavaScript framework React, is to be renewed and improved. The aim is to create an interface that increases accessibility and conveys its functionality in a clear way. As part of the scientific study, a comparison is made of the older design with the new design from a usability perspective. The goal of the scientific study is to evaluate the web terminal to be able to calculate the degree that the user experience of the application has improved in the development process. Interviews and a benchmark test will be conducted. In order to achieve optimal results, the participants in the experiments must be reasonably familiar with different golf terminology and the use of web pages in general. With the help of previous research on the subject as well as the data collected in this study a comparison will be made between the new user interface for the web terminal with the previous one and an evaluation of the results will be made to come up with a solution on how a web application can be user-friendly.

In the world of mobile applications, there is no lack of frameworks and languages to use for development. One of the most used frameworks is React Native, which builds on React for web browsers. The React Native framework allows the developer to write the application in JavaScript, and run the application on iOS or Android devices. As the market for mobile applications expands, the time it takes to develop an application is under pressure, and a framework allowing for one codebase for two applications can save time and money. Deedster is a company that provides a mobile application where the user can learn about climate change and perform small tasks, deeds, that give a positive impact on the environment. A common request from the users is the automatization of completion of deeds. This thesis creates two implementations of a QR-code scanning application for completion of deeds, one with Swift and one with React Native, and compares the experiences during development and the results of the implementation. The evaluation uses both a quantitative and a qualitative analysis. The produced application fulfilled most of the requirements, including the scanning of a QR-code to open the application, an authentication process and the completion of a deed with confirmation for the user. The execution times for the two implementations did not differ largely, but the measurements of the application launch time proved flawed in design due to the difference in measurement technique between the two implementations. When it came to the development process, the React Native framework provided major difficulties with configuration and dependencies, resulting in difficulties when locating the source of errors. The launching process for the Swift application required some manual configurations that proved difficult such as creating certificates, while the React Native implementation used Expo to convert the project to a launchable file format which created all required files for the developer. While the usage of Expo was smooth once it worked, build errors and lacking bridges appeared which proved hard to solve. In conclusion, while the process for React Native was smooth once all dependencies were figured out, the time it took to get all configurations in place consumed a large chunk of the project’s time budget while the Swift implementation provided steady progress with few unexpected errors. / För applikationsutveckling för mobiler finns det en uppsjö av språk och ramverk för att underlätta utvecklingsprocessen. Ett av de vanligaste ramverken är React Native som bygger på React för webbläsare. React Native-ramverket låter utvecklare skriva koden i JavaScript, men köra applikationen på både iOS- och Android-enheter. I takt med att marknaden för mobilapplikationer växer, sätts det högre press på kortare utvecklingsfaser och snabbare lansering. För att underlätta processen och spara tid och pengar kan React Native vara en bra lösning. Deedster är ett företag som erbjuder en mobilapplikation där användaren kan lära sig om klimatförändringar och utföra små uppdrag, deeds, som ger en positiv påverkan på klimatet. En vanlig förfrågan från användare är ett sätt att automatisera avklarandet av deeds. Den här uppsatsen skapar två implementationer av en applikation som scannar en QR-kod för att markera en deed som avklarad. Den ena byggs med Swift och den andra med React Native och syftar till att jämföra utvecklingsprocessen och den resulterande applikationen. Evalueringen sker med både en kvalitativ och en kvantitativ analys. Den färdiga applikationen uppfyllde de flesta kraven som Deedster ställt, inklusive att appen öppnas genom att scanna en QR-kod, en användare kan autentisera sig, klicka för att markera en deed som klar och få bekräftelse från appen om att det är klart. Exekveringstiderna för de två implementationerna varierade inte märkbart, men mätningarna för starttiden för applikationerna visade sig bristfällig då mättekniken för de två apparna inte blev jämförbar. Gällande utvecklingsprocessen resulterade användandet av React Native i stora problem med konfigurationer och versionskompatibilitet vilket gjorde felsökning svårt. Lanseringsprocessen för Swift-appen krävde en del manuell konfigurering med till exempel certifikat, medan React Native implementationen använde Expo för att konvertera React Native-projektet till ett lanserbart filformat som skapade alla behövda filer åt användaren. Trots att Expo för pakethantering var enkelt och smidigt när det väl fungerade så krävde alla fel vid kompilering och avsaknad av bryggor mycket tid och var svårt att lösa. Slutsatsen blev att React Native var smidigt när alla konfigurationer var på plats, men den tid det tog att konfigurera allt stod för merparten av den tid som lagts på att bygga applikationen. För Swift var processen istället smidig om än inte lika automatiserad, och bjöd på få om ens några oväntade fel.

Neuropsykiatriska funktionsnedsättningar är en grupp diagnoser som påverkar hur hjärnan hanterar information och kan ge svårigheter med koncentration, reglera uppmärksamhet, minne m.m. En metod som används för att ge stöd till personer NPF är Tydliggörande pedagogik. Tydliggörande pedagogik går ut på att beskriva händelser och omgivningen på ett sätt som personer med NPF lätt kan förstå. Metoder som används inom tydliggörande pedagogik är visuella scheman, arbetsordningar och visualisering av tid. Det här projektet har vidareutvecklat applikationen Vardag åt uppdragsgivaren Altran. Vardag implementerar ett visuellt schema för att ge stöd till personer med NPF. Denna uppsats beskriver utvecklingen av applikationen och vilka funktioner som finns i applikationen. Uppsatsen beskriver också funktioner som kan vidareutvecklas i applikationen. Applikationen kommunicerar med ett webb-API på en server för att synkronisera aktiviteter och bilder som tillhör schemat. De funktioner som har implementerats i applikationen under projektet är bilder som synkas till server, underaktiviteter, visuella teman, token autentisering till webb-API:et och datum för aktiviteter. Vardag är implementerad med React Native för att göra applikationen kompatibel med Android och IOS. / Neurodevelopmental disorders affect the way the brain handles information and can result in difficulties with concentration, shifting attention, memory and processing the surrounding environment. Clarifying pedagogy is a method that is used to support people with neurodevelopmental disorders.  Clarifying pedagogy aims to describe the environment and events clearly to the people with neurodevelopmental disorders. Aid included in clarifying pedagogy is schedules, checklist and time visualisations. This project is continuing the development of the Vardag-application for the company Altran. Vardag implements schedules in an application to help people with neurodevelopmental disorders. Vardag is implemented with React Native to make the application compatible with IOS and Android. A web API was developed and used to communicate between the application and the server.  During this project the features upload image, sub activities, visual themes and activities on a specific date was implemented.

Creating native mobile application on multiple platforms generate a lot of duplicate code. This thesis has evaluated if the code quality attribute modifiability improves when migrating to React Native. One Android and one iOS codebase existed for an application and a third codebase was developed with React Native. The measurements of the codebases were based on the SQMMA-model. The metrics for the model were collected with static analyzers created specifically for this project. The results created consists of graphs that show the modifiability for some specific components over time and graphs that show the stability of the platforms. These graphs show that when measuring code metrics on applications over time it is better to do this on a large codebase that has been developed for some time. When calculating a modifiability value the sum of the metrics and the average value of the metrics between files should be used and it is shown that the React Native platform seems to be more stable than native.

Denna rapport handlar om sju studenters kandidatarbete som utfördes i kursen TDDD96 - Kandidatprojekt i programvaruutveckling vid Linköpings universitet under våren 2020. Målet med projektet var att utveckla en webbapplikation som visar en karta, där användaren kan styra drönare genom att specificera ett område på denna karta. Drönarna tar flygfoton över området som sedan visas på kartan. Resultatet blev en fungerande produkt för demonstrationssyften, en teknisk beskrivning av produkten och en användarmanual. Rapporten innehåller även sju individuella delar som ger en fördjupning inom olika delområden av projektet.

Syfte Syftet med detta examensarbete var att undersöka potentiella prestandaskillnader mellan React Native och Flutter för att underlätta vid val av multiplattform-ramverk. Metod För att besvara examensarbetets frågeställningar utfördes en experimentell studie för att samla empirisk data. Resultat Studiens resultat påvisar att React Native presterar bättre än Flutter vid bildbehandling genom applicering av filter. Implikationer Detta examensarbete bidrar till att minska kunskapsluckan gällande jämförelser i prestanda mellan ramverken React Native och Flutter. Begränsningar Under den experimentella studien har en iOS enhet och en Android enhet använts. Studien begränsades till applicering av tre olika filter. Nyckelord Multiplattform, React Native, Flutter, bildbehandling, prestanda, mobil apputveckling. / Purpose The purpose of this student thesis was to investigate potential differences in performance between React Native and Flutter, this to make the decision easier when choosing a cross-platform framework. Method To answer the thesis questions an experimental study was conducted to collect empirical data. Findings The findings in this student thesis shows that during image processing with filters, React Native performs better than Flutter. Implications This student thesis contributes by shrinking the gap regarding comparisons in performance between the frameworks React Native and Flutter. Limitations The experimental study was conducted on one iOS device and one Android device. The thesis was limited to applying three different image filters. Keywords Cross-platform, React Native, Flutter, image processing, performance, mobile app development.

La raréfaction de l'hélium utilisé pour le refroidissement des aimants supraconducteurs pousse les fabricants d'aimants supraconducteurs à se tourner vers d'autres types de supraconducteurs performants qui peuvent être employés et refroidis par conduction solide; C'est le cas du MgB₂ . Découvert en 2001, sa température critique (39 K), sa production en série sous différentes formes (rubans, câbles, films etc…) sur de grandes longueurs permettent d'envisager une utilisation à un prix compétitif dans les aimants en remplacement des supraconducteurs basses températures historiques que sont le NbTi et le Nb₃Sn.Cependant, les conducteurs en MgB₂doivent encore être améliorés notamment leur tenue mécanique par rapport aux conducteurs en NbTi et leurs performances réelles à hauts champs doivent encore être démontrées dans les applications concrètes.Cette thèse a pour but le dimensionnement et la fabrication d'un prototype d'aimant MgB₂ refroidi par conduction solide générant un champ au centre de 2 T dans un champ de fond de 3 T. Trois longueurs de conducteur ont du être soudées par deux jonctions résistives au centre du bobinage complexifiant la fabrication du prototype. La thèse s'articule autour de trois axes structurant. Tout d'abord, des caractérisations des performances supraconductrices et mécaniques de différents conducteurs en MgB₂ permettent de sélectionner le conducteur utilisé pour le bobinage du prototype. Ensuite, le dimensionnement du prototype est présenté : calculs mécaniques, thermiques, magnétiques et thermalisation de l'aimant sans oublier la protection. Après la phase de dimensionnement, les étapes nécessaires à la fabrication du prototype (bobinage,imprégnation, mise en place de l'instrumentation et des systèmes de thermalisations) sont détaillées. Afin de valider les étapes précédentes et les performances du prototype, la thèse se termine par une présentation et une analyse des résultats des tests effectués sur le prototype. / Helium shortage is an issue for superconducting magnets and drives superconducting magnet designer to find other types of effective superconductors that could be used in conduction-cooled magnets.MgB₂ is a promising superconducting material and could fill the demand. MgB₂ was discovered in2001, its critical temperature (39 K) as well as its mass production of a variety of shapes (ribbons, films, cables, wires…) over long length makes MgB₂ a competitive substitute to historical low temperature superconductors such as NbTi and Nb₃Sn in magnets. Although promising, MgB₂ conductors still need mechanical improvement compared to NbTi's and their performance in practical applications has yet to be demonstrated especially for low bending radius magnets. This thesis aims to design and builda MgB₂ conduction-cooled prototype generating a 2 T on the axis on its own in a 3 T background field. Three lengths of conductors were fused by two resistive junctions at the very heart of the winding challenging the design and the fabrication because of the thermal issues. The thesis focuses on three main topics. First, superconducting and mechanical performances of several MgB₂ conductors candidates for the prototype are analyzed and discussed. The design calculation (magnetic, mechanical,thermalization of the prototype and protection) and all the fabrication process (winding, instrumentation, thermal apparatus and impregnation) are presented. In order to validate the fabrication steps and the performances of the prototype, the protoype is tested and the results discussed in the last chapter.

Mobile application development has become an important part of modern software development. Developers today are faced with the challenge of selecting correct frameworks to use. This thesis analyses the comparison of two JavaScript frameworks, React Native and Ionic and the guidelines on how to choose a framework based on four chosen criteria. These criteria are performance, available extensions, community support and development ability. The thesis tackles the problem of the lack of concrete guidelines for software professionals to evaluate and compare mobile application frameworks. The purpose of this thesis is to create a version of guidelines to evaluate and compare two mobile application frameworks. This version is being built upon the researcher’s study of React Native and Ionic. The goal for this thesis is that this version of guidelines could provide a basis for a software community, both researchers and practitioners, to extend the guidelines to cover more frameworks. This research aims to provide readers with a thorough grasp of the advantages and disadvantages of each framework by carefully assessing their benefits and drawbacks, enabling them to choose between React Native and Ionic in a strategic manner. A qualitative research method with support of quantitative data is used to evaluate the results. Through the process of gathering quantitative data, a comparative approach is also evaluated, comparing React Native and Ionic. When examining these two frameworks, the finding is that both are excellent choices for application development, but the optimal framework depends on the specific criteria used, as each criterion may favor one framework over the other. The findings for this thesis reveal that React Native outperforms Ionic in all of the four criteria. Through the process of evaluating each of the four criteria, the GE-MAF guidelines were formulated. / Mobilapplikationsutveckling har blivit en viktig del av modern mjukvaruutveckling. Utvecklare idag står inför utmaningen att välja rätt ramverk att använda. Detta examensarbete analyserar jämförelsen av två JavaScript-ramverk, React Native och Ionic och riktlinjerna för hur man väljer ett ramverk baserat på fyra valda kriterier. Dessa kriterier är prestanda, tillgängliga tillägg, gemenskapsstöd och utvecklingsförmåga. Avhandlingen tar upp problemet med bristen på konkreta riktlinjer för programvaruproffs att utvärdera och jämföra ramverk för mobila applikationer. Syftet med denna uppsats är att skapa en version av riktlinjer för att utvärdera och jämför två ramverk för mobila applikationer. Denna version bygger på forskarens studie av React Native och Ionic. Målet för detta examensarbete är att denna version av riktlinjerna skulle kunna ge en grund för en mjukvarugemenskap, både forskare och praktiker, att utöka riktlinjerna till att omfatta fler ramverk. Denna forskning syftar till att ge läsarna ett grundligt grepp om fördelarna och nackdelarna med varje ramverk genom att noggrant utvärdera deras fördelar och nackdelar, vilket gör det möjligt för dem att välja mellan React Native och Ionic på ett strategiskt sätt. En kvalitativ forskningsmetod med stöd av kvantitativ data används för att utvärdera resultaten. Genom processen att samla in kvantitativa data utvärderas också ett jämförande tillvägagångssätt, som jämför React Native och Ionic. När man undersöker dessa två ramverk är upptäckten att båda är utmärkta val för applikationsutveckling, men det optimala ramverket beror på de specifika kriterier som används, eftersom varje kriterium kan gynna ett ramverk framför det andra. Resultaten för denna avhandling avslöjar att React Native överträffar Ionic i alla de fyra kriterierna. Genom processen att utvärdera vart och ett av de fyra kriterierna formulerades GE-MAF:s riktlinjer.