The significance of search engine optimization is clearly highlighted sin- ce over 90 % of internet usage starts with a search engine according to contemporary studies, whilst the internet also has contributed to increa- sed competition between companies operating from different geographic markets. Guidelines from search engines and theory from studies descri- be several internal influencing factors, on-site factors, but ambiguous in the studies is how much these factors affect the ranking. For this reason, a study was conducted regarding the e-commerce platform Sparket.se and its ranking on Google through iterative testing and measurement of each on-site factor. The result and conclusion of the study suggest that key- words and structure are of greatest importance in on-site optimization. The largest improvement was observed when keywords were placed in the HTML code and accounted for 2-5 % of the total content, without duplication. A clear hierarchical structure of even width and depth also resulted in an advancement. Implementation of breadcrumbs again pro- vided limited improvement, likely because of Sparket’s small size, and sitemap, as well as robots.txt, yielded unchanged ranking. The overall effect of the on-site factors in search engine optimization was significant for the e-commerce platform. / Vikten av sökmotoroptimering belyses tydligt eftersom över 90 % av in- ternetanvändningen inleds med en sökmotor enligt nutida studier, sam- tidigt som internet har bidragit till ökad konkurrens mellan företag som verkar från olika geografiska marknader. Riktlinjer från sökmotorer och teori från studier beskriver flera interna påverkande faktorer, on-site- faktorer, men tvetydigt i studierna är hur mycket dessa faktorer påver- kar rangordningen. Med anledning av detta genomfördes en studie an- gående e-handelsplattformen Sparket.se och dess rangordning på Goog- le genom iterativ testning och mätning för varje on-site-faktor. Resulta- tet och slutsatsen av arbetet gör gällande att nyckelord och struktur har störst betydelse vid on-site-optimering. Störst förbättring observerades när nyckelord placerades i HTML-koden och utgjorde 2-5 % av det tota- la innehållet, utan duplicering. En tydlig hierarkisk struktur med jämn bredd och djup resulterade likaså i avancemang. Implementation av bre- adcrumbs gav också en marginell förbättring, troligtvis på grund av Spar- kets ringa storlek, och sitemap samt robots.txt gav oförändrad rangord- ning. Den sammanlagda effekten av on-site-faktorerna vid sökmotorop- timering var signifikant för e-handelsplattformen.

This report presents the preliminary study and work for the development of a site structure for the upcoming reengineering of inter-tool Infopunkt. The report describes how I have conducted a study regarding the current inter-tool information center and its development potential. Thereafter compiling the information to develop a comprehensive design approach to create a sitemap. The sitemap illustrates a new updated page structure for Infopunkt and was the primary goal of the thesis. The sitemap I have developed will form the basis for the agency that will later on develop the new updated version of Infopunkt. / Denna rapport redovisar förstudien och arbetet med att utveckla en sidstruktur för den kommande nyutvecklingen av internvertyget Infopunkt. I rapporten beskrivs det hur jag har utfört en förstudie gällande det nuvarande internverktyget Infopunkt och dess utvecklingsmöjligheter, för att sedan sammanställa informationen och ta fram en övergripande designstrategi för att skapa en sitemap. Denna sitemap illusterar en ny uppdaterad sidstruktur för Infopunkt och var det primära målet med examensarbetet. Den sitemap jag har utvecklat kommer att ligga till grund för den byrå som sedan ska utveckla den nya uppdaterade versionen av Infopunkt.

Preem verkar inom drivmedelsbranschen som styrs av en mycket hög omsättning med förhållandevis små marginaler. Det är därför viktig med en väl fungerande lagerkontroll. Det man idag är ute efter är en ökad precision i lageruppföljningen och därmed behövs ett nytt systemstöd till detta. Jag fick i min roll hos Preem uppgiften att titta närmre på GUI och processerna bakom. Det resulterade i denna rapport med ett framtaget förslag på användargränssnittet till det nya systemet och dess affärsprocesser som är kopplat till detta. Arbetet fokuserar på hur de två framställs i förhållande till varandra och vilka metoder som används för att konstruera dessa. Arbetet inkluderar illustrationer av as-is och to-be processmodeller enligt BPMN specifikation, wireframes och en sitemap. Denna rapport visar ett förslag på ett sammanfört system och ett intuitivare GUI med nya processer bakom, för just Preem, och hur balansgången går mellan att skapa affärsprocesser och ett grafiskt användargränssnitt ur varandra, beroende av vilka som är involverade i projektet. / Preem is a Swedish company that operates in the oil industry, which is controlled by very high sales and with relatively small margins. It’s therefore essential with a well working stock control. Today they are looking for a better way of monitoring the stock with a higher precision and therefore they need a new system for that. My role at Preem was to take a closer look at the GUI and the processes behind that. It resulted in this thesis that includes the user interface for the new system and the business processes that are linked to this. The work will focus on how these two methods are produced in relation to each other, and the methods that are used to construct them. The thesis includes illustrations of as-is and to-be process models of the BPMN specification, wireframes and a sitemap. This report shows a proposal of an integrating system and an intuitive GUI with new processes, at Preem, and how the balance is between creating business processes and a graphical user interface out of each other, depending on the people who are involved in the project.

New technologies arise everyday, but which ones are the best for your project? How do you store data in a safe manner that complies with the new European GDPR law? How do you plan, develop and complete a project? These are but a few formulations of questions that the study in this report will cover.  The report is based around a business idea and vision for a company that offers advanced products built with modern technologies. The first step for the development of this company is to create a prototyp of its first product, a web platform. The prototyp will be formed after a projectplan with meetings with a supervisor and with the use of professional tools like Gantt, WBS and Trello. First and foremost a study will be done behind the theory of different frameworks and technologies but also a reasearch about GDPR and data security. The design phase will be the first part in shaping the projekt where wireframes, sitemap and ERdiagram have been created and documented. The choice of frameworks, mainly Vue, Express and MongoDB and the data security standards JWT and Oauth will be explained and used in the prototype as a base for the technical aspects of the project. Lastly the results och the finished prototype will be presented together with a discussion regarding problems that arose during the project, improvments that needs to be done and what the future holds for the complete web platform. / Nya tekniker växer i rasande fart, men vilka är bäst för ens projekt? Hur lagrar man data på ett säkert sätt som följer den nya europeiska GDPR lagen? Hur planerar, utvecklar och genomför man ett projekt? Dessa är några få frågeställningar som undersökningen i denna rapport tar tittar närmare på.  Rapporten grundar sig på en affärsidé och vision för ett företag som erbjuder avancerade produkter skapade med moderna webbteknologier. Det första steget för företagets utveckling är att skapa en prototyp av den första produkten, en webbplattform. Prototypen kommer att utvecklas efter en projektplan med handledningsmöten och användning av professionella verktyg som Gantt, WBS och Trello. Först och främst studeras teorin bakom om olika ramverk och tekniker men även en undersökning om GDPR och datasäkerhet. Designfasen kommer sedan vara det första momentet för projektets utformning där bland annat wireframes, sitemap och ERdiagram har skapats och dokumenterats. Valet av ramverk, främst Vue, Express och MongoDB samt datasäkerhetsstandarna JWT och Oauth kommer att förklaras och användas i prototypen som grund för projektets tekniska skapande.  Slutligen presenteras resultatet av den färdiga prototypen tillsammans med en diskussion över problem som uppstod under projektets gång, förbättringar som behöver göras och vilka framtidsplaner som finns för den fullständiga webbplattformen.