Lately, as the market for mobile applications are growing there has appeared new innovative strategies that facilitates development of mobile applications for smartphones. One of those methods is hybrid development, the method has a tradeoff with performance, especially for older devices. Effects on performance is crucial when choosing development strategy. This study evaluates performance in terms of application launch time, and how it can be optimized. Performance is evaluated by performing real device test with a cloud service that provides a distribution of physical smartphone devices. / I takt med att mobilapplikationsmarknaden ökar har det på senare tid uppkommit nya innovativa metoder som underlättar utvecklingen av applikationer till smarttelefoner. En av dessa metoder är hybrid utvecklingsmetod. Metoden medför dock stora förluster i prestanda, särskilt för äldre enheter, vilket ofta ses som en avgörande egenskap vid val av utvecklingsmetod. Det här arbetet undersöker vad som påverkar prestanda hos hybridapplikationer med fokus på starttid samt hur det kan optimeras. Prestandan testas med hjälp av en molntjänst som tillhandahåller en distribution av fysiska smarttelefoner.

Marknaden för mobila applikationer är mycket stor och växer hela tiden. För att kunna konkurrera på en sådan marknad behöver en applikation ha en hög nivå av användbarhet, den behöver vara lättanvänd och ha ett genomtänkt användargränssnitt.  I detta arbete har en mobilvänlig applikation utvecklats från idé till färdig produkt.  Med hjälp av ett för mobila applikationer anpassat utvecklingsramverk och användartester har en produkt med en verifierad hög nivå av användbarhet utvecklats.

Affärssystem som inte har tydliga användargränssnitt tenderar att göra användarvänligheten sämre, vilket i sin tur kan leda till att delar av systemet inte nyttjas effektivt. Det kan därför vara lämpligt att ha en specifik och tydlig processbeskrivning för utveckling av system med hänsyn till användarvänlighet. I detta projekt undersöktes möjligheten att ta fram en processbeskrivning för IT-projekt vid framtagning av ett nytt gränssnitt i ett system. Mer konkret så är frågan som ska besvaras i denna rapport följande: ”Hur ska en utvecklingsmetod eller utvecklingsprocess för IT-system se ut för att tillvarata vetenskapliga, teoretiska och tekniska aspekter på Människa-Dator Interaktion (MDI)?” En fallstudie i detta projekt har utförts på företaget GMP-Systems AB. För att komma fram till ett resultat, och för att få svar på frågeställningen, så har en litteraturstudie på aspekter inom MDI utförts. Dessutom har en analys huruvida teknisk implementation av detta kan åstadkommas med hjälp av ramverk. Vidare har intervjuer genomförts, samt tester där användaren har fått interagera med systemet. Resultatet av feedbacken har sedan analyserats. Detta för att senare kunna bygga prototyper till systemet. I resultatdelen levereras en utvecklingsmetod och en processbeskrivning som är kopplad till den litteraturstudie och de erfarenheter som erhållits från projektets fallstudie. Till företaget GMP-Systems levereras en prototyp, en use-case model[1] med user-stories[2] samt ett sekvensdiagram[3]. [1] Use-Case Model är en beskrivning på åtgärder och handlingar som en användare kan utföra, och definierar interaktionen mellan rollerna i ett system för att utföra ett mål.[2] User-stories är ett verktyg inom systemutveckling för att kunna ta fram en beskrivning av önskad funktionalitet som ofta utgår utifrån ett användarperspektiv.[3] Ett sekvensdiagram visar metodanrop mellan objekt i en tidsbegränsad situation och vilken ordning. / Business systems lacking a clear interface and subsequently a diminished usability, can lead to limited usage or no usage of parts of the system. It may therefore be critical to have a process outlined for the development of such system and its interface to ensure that all parts of the system are used.   The objective of this case study was to investigate whether it is possible to develop a process description for IT projects at the initial stages of the development phase of a new interface in a system. More specifically, the question investigated in this report follows:  “How should a development method or development process for IT systems look to seize scientific, theoretical and technical aspects of Human Computer Interaction (HCI)?” A case study of the project was carried out at the company GMP-Systems AB. A literature-study on aspects of Human-Computer Interaction (HCI) was carried out to arrive at a result and answer the question. Further, an analysis was conducted to consider whether the technical implementation of such process can be accomplished by adopting frameworks. In addition, interviews were conducted with users that have interacted with the system, and an analysis was carried out on the feedback provided to develop prototypes for the system. A development method and process description linked to the literature and the experience gained from the projects case study is outlined in the result section. To the client, GMP-Systems, a prototype, a use-case model[1] with user-stories[2] and a sequential diagram[3] will be delivered.  Keywords: HCI, evaluation method, Angular JS, Knockout JS, React, Moqups, process description, development method. [1] Use-Case model is a description of actions that a user can perform and defines the interaction between the roles of a system to accomplish a goal[2] User stories are a tool in system development to provide a description of the desired functionality, often from an end user perspective.[3] A sequential diagram shows how objects operate with one another and in what order.