Det blir allt mer vanligt att människor kopplar upp sig mot internet via sin smartphone, både privat och i arbetet. Detta innebär att webbsidor måste anpassas för att visas i dessa enheter. Men att mobilanpassa en webbsida kan vara svårt när det kommer till överskådlighet och navigation av webbsidan. Detta på grund av den begränsade skärmytan. När det kommer till att mobilanpassa en webbsida talas det ofta om två tekniker, responsiv webbdesign och mobila webbapplikationer. Det är dessa två tekniker som diskuteras och jämförs i denna kandidatuppsats. Netgain är ett företag som just nu står inför valet av teknik och detta fall används som exempel för att visa på hur resultatet från denna kandidatuppsats kan relateras till ett specifikt fall i praktiken. Syftet med denna kandidatuppsats i informatik är att göra en jämförelse mellan teknikerna responsiv webbdesign och mobil webbapplikation. Uppsatsen syftar till att beskriva vilka faktorer som kan påverka valet av teknik när det gäller navigation och överskådlighet i smartphones med fokus på användning. Uppsatsen syftar även till att visa hur dessa faktorer kan relateras till ett företag som Netgain. Frågan är hur dessa faktorer kan användas för att ta fram rekommendationer avseende vilken av teknikerna responsiv webbdesign och mobil webbapplikation som passar bäst för en mobil representation av deras affärsmodell för IT. I denna undersökning har ett kvalitativt angreppssätt tillämpats bestående av en fallstudie som har baserats på personliga intervjuer med konsulter på ett webbföretag. Utifrån dessa intervjuer, tillsammans med insamlad teori, har faktorer som kan påverka valet av teknik när det gäller navigation och överskådlighet i smartphones identifierats. Det tydligaste resultatet som framkom i denna undersökning är att mängden information, som ska finnas på den mobilanpassade webbsidan, kan påverka valet av teknik. Vid stora informationsmängder och djupa informationsstrukturer har en mobil webbapplikation en fördel framför responsiv webbdesign. Däremot tillgodoser responsiv webbdesign användarens förväntning om att det som går att finna på en webbsida som visas på en desktop även ska gå att finna i en smartphone. I en mobil webbapplikation finns möjligheten att styra innehållet på ett annat sätt än vid responsiv webbdesign. Detta gör att en mobil webbapplikation har en fördel även när det kommer till överskådlighet och detta kan även bidra till att användaren kan nå sitt mål snabbare än på en webbsida utvecklad med responsiv webbdesign. Undersökningen visade vidare att när det kommer till att göra en mobilanpassad webbsida överskådlig samt enkel att navigera för alla användare, oavsett behov, har en mobil webbapplikation även här en fördel framför responsiv webbdesign. Detta på grund av att det vid responsiv webbdesign kan vara svårt att få innehållet på webbsidan att läsas upp korrekt av en skärmläsare. Dock har responsiv webbdesign en fördel i att denna teknik tillhandahåller ett minimalt behov av att zooma innehållet. Nyckelord: responsiv webbdesign, mobil webbapplikation, navigation, mobil webb.

This report describes the implementation of expense reporting in a mobile web application. Two different types of expenses could be reported: remuneration and time deviations. In addition to the creation of new expenses, existing expenses should be able to be edited or deleted. The implementation would be designed in such a way that it prevents the user from making data entry errors in an intuitive way.    The bachelor’s thesis was performed for Flex Datasystem AB in their mobile web application, Flex WebApp. Due to delimitations made during the project only functionality for the expense-type remuneration was implemented. / Denna rapport redogör för implementationen av utläggsrapportering i en mobil webbapplikation. Två olika typer av utlägg skulle kunna rapporteras: ersättningar och tidavvikelser. Utöver skapandet av nya utlägg skulle även befintliga utlägg kunna redigeras och tas bort. Implementationen skulle vara utformad på ett sådant vis att den förhindrar användaren från att göra inmatningsfel på ett intuitivt sätt.    Examensarbetet utfördes åt Flex Datasystem AB i deras mobila webbapplikation, Flex WebApp. P g a gjorda avgränsningar under projektets gång implementerades endast funktionalitet för utläggstypen ersättningar.