Syfte – Studiens syfte är att undersöka hybridapplikationers prestanda i olika situationer för att ta reda på varför de upplevs som långsamma. För att uppnå syftet besvaras följande frågeställningar: Hur presterar hybridapplikationer jämfört med nativapplikationer beräkningsmässigt Är JavaScript-biblioteken anledningen till hybridapplikationers sämre prestanda, och vilket av de bibliotek som undersöks är det mest lämpade för bästa prestanda? Kan hybridapplikationer hantera stora datamängder med IndexedDB utan att bli oresponsiva? Metod – Studien använder sig av en experimentell forskningsmetod där hypoteser och förutsägelser formuleras och sedan testas för att besvara frågeställningarna. Resultat – Resultatet från studien visar att prestandan för mobila hybrid-applikationer är i de flesta fall, vid utförande av samma uppgift, underlägsen den för dess motsvarande nativapplikationer. Resultaten visar även att prestandan påverkas av vilket JavaScript-bibliotek som används men att biblioteken inte är anledningen till hybridapplikationers långsamma prestanda. Vidare visar resultaten att hybridapplikationer kan hantera stora datamängder utan att bli oresponsiva. Implikationer – Studien bidrar till att bredda den kunskapsbas som finns om hybridapplikationers prestanda och ger framtida forskning referensdata att bygga vidare på. Studien påvisar dessutom att hybridapplikationer fortfarande är ett alternativ, i synnerhet för företag som vill spara tid och som ej kräver applikationer som utför tunga beräkningar. Begränsningar – Användandet av applikationer som sannolikt inte förekommer i ett verklighetstroget scenario bidrog till resultat som inte har stor relevans inom de användningsområden som finns för hybridapplikationer. / Purpose – The purpose of this thesis is to examine the performance of hybrid mobile applications in different situations to find out why they are perceived as slow. To fulfill the purpose, the following research questions will be answered: How do hybrid applications perform compared to native applications computationally? Are the JavaScript-libraries the reason behind the slower performance of hybrid applications, and which one of the libraries that are examined is most suitable for the best performance? Can hybrid applications manage large amounts of data with IndexedDB without getting unresponsive? Method – The study uses an experimental research method where hypotheses and predictions are formulated and later tested to answer the research questions. Results – The results show that the performance of mobile hybrid applications are in most cases, when performing the same task, inferior to that of corresponding native applications. The results also show that the performance is affected by which JavaScript-library that is being used, but that it is not the main reason for hybrid applications poor performance. They also show that hybrid applications can manage large amounts of data without becoming unresponsive. Implications – The study contributes to broadening the knowledge available on the performance of mobile hybrid applications and provides future research with reference data to build upon. The study also demonstrate that hybrid applications still is an alternative, especially for enterprises who want to save time and does not demand applications that perform heavy computations. Research limitations – The use of applications that most likely would not occur in a realistic scenario contributed with results that have little relevance in the areas of use that exists for hybrid applications.

Denna rapport kommer att behandla processen i skapandet av RADA som är en applikation där användare kan dela idéer. RADA är ett uppdrag av Acne Digital som jag har tillägnat 3 månaders praktik. Målet med RADA är att medarbetarna som jobbar på Acne Digital ska på en snabbt och interaktivt sätt kunna dela idéer och bilder. Rapporten beskriver hur arbetet gick till från koncept, design och utveckling till en färdig slutprodukt. Jag kommer att undersöka skillnaderna mellan olika tillvägagångssätt när det gäller utveckling och design för webbaserade applikationer och så kallade native applikationer, som släpps på App Store eller Google play. Jag kommer även att ta upp och undersöka vilka metodval som är bäst lämpade för olika utvecklingssituationer när det gäller utvecklingspaketet Phonegap och dess för- och nackdelar.

The aim of this thesis is to analyze development of mobile software, specially the hybrid approach of mobile development. The theoretical part compares native and hybrid approach of development and on the basis of selected criteria compares technologies available for hybrid mobile development. The practical part of the thesis focuses on hybrid mobile application design, its development and the subsequent testing. At the conclusion there is a summarization of findings and experiences gained during the elaboration, design, development and testing of application.

Målet med detta projekt är att ta fram en applikationsprototyp för Androidenheter som ska locka användare av applikationen till och tillbaka till broparken i Skönsberg med hjälp av augmented-reality. Applikationen ska känna av om användaren befinner sig inom eller utanför parkens område och visa olika bilder/modeller på specifika GPS-koordinater i det digitala lagret beroende på användarens positionering. Arbetet har genomförts i samarbete med Dohi på uppdrag av Sundsvalls kommun där regelbundna möten hafts med uppdragsgivaren. Utvecklingen av applikationen sker i PhoneGap med Wikitude-plugin. Projektet har resulterat i en applikationsprototyp som använder ActionRanges, som är en typ av GeoFence, för att presentera olika bilder hämtade från en egen server i det digitala lagret beroende på användarens position. Användarna har inom parkens område möjlighet att själv påverka de bilder som visas i det digitala lagret genom att i applikationen ta en bild som laddas upp till servern där bilderna lagras och där bilden som tagits även visar det digitala lagret.

På senare tid har användadet av smartphones blivit allt vanligare och idag har cirka 60% av svenska befolkningen kopplat upp sig mot internet med en smartphone, samtidigt som försäljningen av mobilapplikationer ökar. I strävan efter att nå ut till en större kundkrets söker företag sätt att sprida information via mobilapplikationer. Men då kunderna använder sig av olika typer av enheter krävs plattformspecifika applikationer för att kunna nå ut till alla. Detta för med sig högre kostnader och längre utvecklingstider. En mer kostnads- och tidseffektiv lösning är att göra en hybridapplikation, vilket är en applikation som man kan ladda ner från marknadsplatserna och är skriven i HTML, JavaScript och CSS. Examensarbetet utfördes hos rekryteringsföretaget Skill som verkar inom Data/IT och har därför som mål att ligga i teknikens framkant. Skill hade ett behov av en plattformsoberoende mobilapplikation, där jobbkandidater enkelt skulle kunna ansöka om lediga tjänster. Syftet med denna rapporten är att undersöka möjligheter och brister hos ramverken Phonegap samt jQuery Mobile vid skapandet av en hybridapplikation. Vi har studerat om man med dessa ramverk kan skapa en plattformsoberoende mobilapplikation som känns native, men även om det finns riktlinjer från marknadsplatserna som gör det svårt att göra just detta. Under projektet fick vi bättre insikt i den problematik som kan uppstå vid utveckling av en plattformsoberoende mobilapplikation. Efter att vi analyserat resultatet kom vi fram till att det är möjligt att skapa en applikation som känns native, dock måste avgränsningar göras utifall applikationen skall vara plattformsoberoende.

Marknaden av smarta mobila enheter blir större och större och det kan vara ett bra sätt att nå ut med sin tjänst eller produkt till den breda massan genom att driftsätta en mobilapplikation. De applikationer som kan installeras på de mobila enheterna och som använder sig av enhetsspecifika funktioner kallas native-applikationer och är bundna till en plattform. De kan därför bara användas av de enheter som använder sig av den plattformen. De två största plattformanar är iOS(används av mobila enheter från Apple) och Android(används av en mängd olika enheter varav Samsung, LG och HTC är några av dem). Detta betyder att om målet är att nå ut till flera plattformar måste en separat applikation för varje plattform utvecklas. Det krävs också att utvecklaren/utvecklarna har en viss kunskap om de programmeringsspråk som används för varje plattform. Detta kan bli både tidskrävande och dyrt, speciellt om ett företsg ska anställa utvecklare att utveckla sin app. Syftet med denna undersökning är att ta reda på om det med hjälp utav Phongap går att utveckla en mobilapplikation som kan distribureras och installeras på flera mobila plattformar genom att använda webbtekniker som CSS, HTML och JavaScript. I denna undersökning ska en mobilapplikation skapas och utvärderas. Det kommer att undersökas om någon speciell hänsyn behöver tas till de olika enheterna med olika egenskaper och funktioner. Användartester kommer dessutom genomföras för att bestämma hur nära en native-känsla denna teknik kan ge. Resultatet visar att Phonegap är ett utmärkt verktyg för åtkomst av enhetsspecifika funktioner och tillsammans med gränsnittsbibliotek som jQuery Mobile kan större delen av de nyare mobila enheterna som finns i dag nås. Analyser om applikationens omfattning kräver ett gränssnittsbibliotek kan dock vara nödvändig att utföra då tillgängliga sådana kan prestera sämre på vissa mobila operativsystem. / The market of smart mobile devices is getting bigger and bigger and it can be a great way to reach out with your service or product to the crowed by deploying a mobile application. The installable applications on the mobile devices that uses device-specific functions is called native applications, and are tied to one platform. They can therefore only be used by those devices that make use of that platform. The two largest platforms is iOS (used by mobile devices from Apple) and Android (used by a variety of devices including Samsung, LG and HTC). This means that if you want to reach out to multiple platforms you will have to create a separate application for each platform. It also requires the developer/developers to have the proper knowledge of the programming languages in which the platform is compatible to. This can be both time consuming and expensive, especially if you as a company is hiring developers to develop your app. The purpose of this study is to determine whether the open source library known as Phonegap can be used to develop a mobile application that ultimately can be distributed and installed on multiple mobile platforms, this by using Web technologies such as CSS, HTML and JavaScript. During this study a mobile application will be created and evaluated. Studies will be done on how to go about and if there is anything one might need to take in consideration when it comes to the variety of units with different properties and functions. Usability testing will also be performed to determine whether a near native performance can achieved with this technique. The results show that Phonegap is an excellent tool for access of device-specific functions and that you together with interface frameworks such as jQuery Mobile can reach out to most of the newer mobile devices available today. However, one would do well to analyze if the scope of the application requires an interface library, as those who are available may perform poorly on certain mobile operating system.

Technologies for how a rich user interaction can be delivered have changed a lot during the last 10 years. From a world where these types of user interfaces predominately was built as desktop applications like Windows Applications over to web technologies using Java Applets, Flash, Silverlight, Android, iOS etc. The problem though has been the vast amount of different technologies with no or limited connections between them. This has so far been a problem for application developers since essentially no code can be reused between the different platforms but also that some of them are not native – some kind of runtime platform needs to be installed (Flash, Silverlight, Java…). With the introduction of the emerging standard of HTML5 it seems that there is finally a technology that is getting more widely used by most of the platform suppliers.  This Master Thesis aims to prove the HTML5 can be used to build clients for MediusFlow. The point is to investigate if it’s possible to implement all the pages of frontend on different platforms by using idea like Responsive Web Design with HTML5.The showcase will be to build a complete app for MediusFlow on the iPad platform based on HTML5. In addition the interface must be verified on at least one additional platform, most probably Internet Explorer 10.

Goal of this master thesis is to compare hybrid and UI frameworks for multiplatform mobile applications based on web technologies. Theoretical part deals with mobile platforms, with options to develop applications and with in-depth overview of multiplatform development of mobile applications. In the next part there are described two hybrid frameworks and five UI frameworks, these frameworks are compared and their result is used as source for creation of mobile application, which deals with pollen reports. The result of this thesis is overview and comparison of hybrid and UI frameworks. And an example of mobile application developments based on chosen frameworks.

This thesis describes the development for mobile devices, with a focus on cross platform development. It introduces the most used tools for multiplatform development and their principles. It also deals with design and implementation of mobile application for iOS and Android operating systems. This application serves for management of time spent on various projects and tasks using graphs and statistics. It also provides tools for better management of team projects for small businesses and entrepreneurs.

The aim of this thesis was to create an information system which consists of a mobile application, server and web application. Mobile application is designed for operating system Android and it is used for sending GPS coordinates of mobile devices to the server. These data are later processed by server and stored in database. Web application displays the current location of mobile devices in user group on a map, it also displays location history and statistics. Accuracy of the station location can be enhanced by using DGPS assuming that one of stations in a group does not change its location. The system was designed and then developed using modern web technologies and frameworks including PhoneGap, Ionic, Node.js, Express, MongoDB, Mongoose and AngularJS. Further measurements, that were performed, are supposed to present the effect of DGPS to location accuracy determination.