Sandvik IT Services är i behov av en webbportal för hantering och skapande av användbarhetstester av olika programvaror och tjänster. Genom  informella intervjuer angående webbportalens utformning samt en grundläggande studie  i programspråket ASP.NET skaffades förståelse och kunskap kring problemet.  Utifrån informationen skapades först en kravspecifikation där det togs upp skall-  och börkrav för webbportalen. Därefter utvecklades en databasmodell och en  sidstruktur som kontinuerligt under utvecklingen kontrollerades med utvecklare på Sandvik  IT Services för att försäkra sig om att materialet skulle bli användbart.  Med sidstrukturen medföljer även ett förslag på användargränssnitt för de olika  sidorna. Resultatet blev en design bestående av en databasmodell, kravspecifikation samt  en sidstruktur som utvecklare på Sandvik IT Services godkände. De ansåg att  denna design skulle vara till god användning vid implementation av en webbportal  förhantering och skapande av användbarhetstester av olika programvaror.

Denna rapport behandlar utvecklingen av en webbaserad e-handelslösning där nya tekniker för utveckling tillämpas. Olika tekniker för att skapa ett rikare och mer interaktivt gränssnitt beskrivs. Hur utvecklar man en e-handelssida med dagens moderna tekniker?Vilka tekniker fungerar bäst? Det är frågor som dessa som ligger till grund för detta examensarbete. Vi fick i uppdrag av företaget Mil Tech i Västerås att utveckla en e-handelssida med kortbetalning och tillhörande administrationsgränssnitt. Syftet med detta examensarbete var dels att ta reda på hur man utvecklar en ehandelssida med dagens moderna tekniker, vilka tekniker som är mest lämpliga för ändamålet samt att utveckla sidan efter kundens krav och önskemål. Vi har utvecklat en applikation där kunden själv kan hantera produkter och uppdatera sidans information och utseende. En användare skall kunna registrera sig och sedan genomföra ett köp. Applikationen är utvecklad i ASP.NET 2.0 med programspråket C-Sharp (C#), då det är en relativt ny teknik med hög säkerhet och bra prestanda samt att den är bra associerad till den kraftfulla databashanteraren MS SQL Server 2005. Utöver programspråket använder applikationen sig av ASP.NET AJAX. Utvecklingsmiljön består av Visual Studio 2005 Professional med versionshantering genom Subversion och databashantering genom MS SQL Server 2005 Express och MS SQL Server Management studio Express. För att få tillgång till den information som behövdes för att genomföra arbetet användes främst internet eftersom vi behövde aktuell information och att det i dagsläget inte fanns tillräckligt uppdaterad litteratur. De förberedelser som gjorts innan utvecklingsarbetet började var att samla information om hur e-handel med kortbetalning fungerar samt vad kundens önskemål var. Hela webbsidan utom administrationsgränssnittet är språkberoende och kan ses på tre olika språk, svenska, engelska och tyska. Tekniknummer_579 / Tekniknummer_579 This report discusses the development of a web-based e-commerce solution where new technologies for development are applied. Different techniques for creating a richer and more interactive user interface are applied. How do you develop an e-commerce website with today’s modern techniques? Which technologies are best suited? Questions like these are the basis for this graduation work and we have been given an assignment by a company called Mil Tech situated in Västerås, to develop an e-commerce website with card-payment and also with an administration interface. The purpose with this graduation work is in part to find out how you develop an e-commerce website with today’s modern technologies, which technologies are best suited for the task and to adapt the site according to the customers wishes and demands. This will be done by developing an application where the customer can handle products and update the websites information and appearance. A user shall be able to register and carry out a purchase. The application is developed in ASP.NET 2.0 with the developing language C-Sharp (C#). This is a relatively new technique with high security and performance, and also that it has good compatibility with the powerful database-handler MS SQL Server 2005. In addition to C# the application also uses ASP.NET AJAX Extensions. Our developing environment is made up of Visual Studio 2005 Professional with version handling through Subversion and database handling through MS SQL Server 2005 Express and MS SQL Server Management studio Express. To get the information we need for the project, the main source will be the Internet, because we need current information and today literature isn’t always up to date. Preparations we did before developing were to gather information about e-commerce with card-payment, and going through the customers wishes and demands. The entire website except the administration is language-dependent and can be viewed in three different languages, Swedish, English and German.

This thesis has been performed at the system development company Verendus System AB, together with the home care company Basic Care Unit (BCU). The thesis has consisted of developing a web based informationsystem for BCU in which they can administrate their business. At the time of writing this thesis, BCU was using a windows-application to administrate their activities, which was both costly aswell as resulting in an unnecessary burden. The aim the thesis has thus been to create a platform-independent information system that simplifies and streamlines BCUs work by being user-friendly aswell as imposing some simplifying features. The students has been developing the system by the help of a work method they themselves developed. The method consisted of working in several iterations that each had several milestones. The method resulted in the students knowing easily when each iteration was finished or not. The thesis resulted in a working platform independent prototype. The prototype was developed in the PHP-framework CodeIgniter together with HTML5 and CSS3. Examples of functions included is being able to administrate BCU’s patients and employees, aswell as being able to plan the employees workdays with one click.

Rapporten beskriver framtagandet av en webbshop för glasögonförsäljning. Läsaren får ta del av lärdomar om hur det fungerar att arbeta efter den agila projektmodellen Scrum i praktiken och förslag till hur metodiken kan anpassas för effektiv användning i ett utvecklingsteam. Vidare diskuteras även hur sammanslagning av flera projektmodeller kan ske för att skapa en mer produktiv projektmiljö.  Lösningar till tekniska problem som uppstått under projektets gång presenteras och diskuteras utifrån ett utvecklarprespektiv. Vidare presenteras en marknadsundersökning där kundsegmentet identifieras och analyseras för utformning av slutprodukten. Utmärkande för slutprodukten är en smidig och enkel köpprocess uppdelad i tre enkla steg.

Mikrobryggerier som brygger folköl kämpar idag med att nå ut med sina produkter till marknaden. Då e-handeln i Sverige växer kraftigt och befinner sig i en positiv trend skulle ett sätt att förbättra tillgängligheten till marknaden för mikrobryggerier vara att distribuera och marknadsföra hantverksfolköl via en webbapplikation. För att framgångsrikt lansera en sådan lösning och attrahera en stabil kundbas krävs att tilltänkta kunder finner den användbar. Denna rapport redogör för utvecklingsprocessen av en användbar webbapplikation ur ett navigerbarhets-, läsbarhets- och responsivitetsperspektiv. Rapporten tar stöd i teori baserad på vetenskaplig forskning om användbarhet i form av: navigerbarhet, läsbarhet och responsivitet. Programmeringsspråken Python och Flask har använts för serversidan. För klientsidan har HTML, CSS och Bootstrap använts. Vidare har JavaScript-biblioteket jQuery använts för kommunikation mellan klient- och serversidan. Efter utvecklingsfasen utvärderades webbapplikationen med hjälp av användartester. Utifrån presenterad teori och genomförda tester dras slutsatsen att webbapplikationen är användbar. Detta uppnås genom att användaren oavsett var på hemsidan den befinner sig kan navigera sig vidare till önskad del av webbapplikationen med maximalt tre klick. Färger, ikoner, textstorlek och typsnitt har valts så att innehållet är läsbart och slutligen har implementationen av CSS och Bootstrap gjort webbapplikationen responsiv. / Microbreweries producing medium-strong beer are struggling to reach out to their customers. With the help of e-commerce, microbreweries can increase their interaction with their target market. E-commerce in Sweden is a growing trend, but in order to succeed with increased customer relations using a digital platform the end users need to feel a certain degree of satisfaction. A contributing factor to the satisfaction rate is that the end user experiences usability. This thesis discusses the results and development process of a useful e-commerce platform from a navigational, readability and responsiveness perspective. The thesis foundation is based on scientific research on usability in terms of navigability, readability and responsiveness. During development the Python and Flask frameworks were used for server operations and the clientside uses HTML, CSS and the Bootstrap framework. Furthermore, the JavaScript library jQuery was used for communication between front- and back-end. After the development phase an evaluation of the web application was conducted using usability testing. Based on presented theory and conducted tests the thesis conclusion states that the web application is useful. This is achieved by the user, regardless of where on the web application it is located, to navigate to the desired part of the web application with a maximum of three clicks. Furthermore, the choice of colour, text size and font is contributing to readability and finally, the use of CSS and Bootstraphas made the web application responsive.

The aim of this thesis is to examine differences between the three Javascript frameworks Angular, React and Vue along the Unified Theory of Acceptance and Use of Technology (UTAUT) model. With the purpose to give developers support in their choice of framework. Previous studies focused on advantages and disadvantages of the frameworks from a technical perspective, therefore we decided to carry into effect a qualitative study based on developers experience. Our method of choice was a case study where the phenomenon was “why a framework is chosen”, this ruled and motivated our research. We used a survey as the method to collect data. With our survey we collected data from more than 500 different developers. The results from the research are presented in different tables and charts which we analyze and compare to the results of previous studies related to ours. The conclusion of our research is that Vue is a good option for a developer that is learning on your own, looking for a framework that is easier to learn or developing a smaller project on your own. Angular is considered to be the most complicated framework to learn, but is a good option for anyone who is looking for a job or is involved with bigger projects. React has the lowest overall values in all the UTAUT categories, but has shown to be a viable option for someone looking for better job opportunities. The advantage React has over Angular is that it is easier to learn. The final results of our thesis are recommendations and not strict rules. Decisions for and against a framework depend heavily on the use case and other varying circumstances. Our study can hopefully give a better insight and support developers in their choice of framework. / Webbutveckling utvecklas, innoveras och skapar nya möjligheter för användare att mötas på en gemensam plattform. En del av utvecklingen är möjlig mha JavaScript-ramverk vars versioner är i tusental. Syftet med vår rapport var att undersöka skillnader mellan de tre ramverken Angular, React och Vue utefter Unified Theory of Acceptance and Use of Technology (UTAUT) modellen för att kunna ge utvecklare stöd i sitt val av ramverk. Tidigare studier visar på fördelar och nackdelar kring de tekniska aspekterna hos ramverken. Därför valde vi att utföra en kvalitativ studie baserad på utvecklares erfarenheter. Vi utförde en fallstudie där fenomenet var “varför ett ramverk väljs”, detta styrde och var motiveringen till våran forskning. Vi använde en enkät som metod för datainsamling. Med vår enkät samlade vi in data från över 500 olika utvecklare. Resultat från undersökningen presenteras i olika tabeller och grafer som analyseras och jämförs med tidigare studiers resultat inom samma område. Vår slutsats av resultaten är att Vue är ett bra alternativ för dig som lär sig utveckla på egen hand, vill ha ett lättare ramverk att lära sig och utvecklar mindre projekt på egen hand. Angular anses var det svåraste ramverket att lära sig, men kan vara ett bra alternativ för dig som vill söka jobb eller ska utveckla ett större projekt. Angular är det ramverk som funnits under en längre tid och har därför bredare möjligheter. Även om React uppskattas lägst i alla kategorier så har det visat att det är ett bra alternativ för dig som vill öppna upp fler jobbmöjligheter. Fördelen React har över Angular är det är lättare att lära sig. Resultatet vi presenterar är förstås bara rekommendationer och inget som är definitivt. Beslut för och emot vilket ramverk som är bäst varierar från fall till fall beroende på omständigheterna. Men vår studie kan förhoppningsvis ge en bättre insikt och hjälpa utvecklare som står inför att välja ramverk.

The aim of this bachelor’s thesis is to examine how search engine algorithms and the continuous growth of the internet affect the work with search engine optimization and website visibility. By using two complementary methods, one quantitative and one qualitative, consisting of an online survey and interviews, this study investigates SEO company employees’ experiences of working with search engine optimization and their thoughts regarding search algorithms and the internet. The result of this study shows that the continuous growth of the internet is hugely affecting how demanding the work with search engine optimization is. The amount of competition involved in making a website visible among all others is consuming a great amount of resources and time. It also became clear that the search engine algorithms are not really part of the greater problem when it comes to optimizing a website. Rather, the problem lies with the resources it takes to do so. Suggestions are made on what further scientific research is needed around search engine optimization. Foremost there is a lack of studies investigating just how much of an impact the continuous expansion of the internet has on the rivalry among websites to be visible and how much time and resources are needed to keep getting high rankings and visibility for a website.

ASP.NET och PHP är i dagsläget de två mest använda back-end teknikerna för utveckling av dynamiska webbsidor. I denna studie har ASP.NET och PHP jämförts baserat på komplexitet, teknikens procentuella användning över webben, vilken teknik som används av populära webbsidor, teknikernas ålder, enkla uppgifter, plattformsberoende, kostnad, prestanda och säkerhet. Studien är riktad till nya utvecklare för att ge dem en bild av vilka likheter och skillnader som finns mellan ASP.NET och PHP. När skillnader och likheter redogjorts för inom nämnda områden togs rekommendationer fram som är riktade emot nya utvecklare som vill börja med webbutveckling. Två webbsidor, en med respektive teknik, har utvecklats för att ligga till grund för jämförelsen mellan teknikerna. När webbsidan inte kunde ligga till grund för jämförelsen baserades den istället på litteratur inom området. Efter att jämförelsen genomförts tilldelades teknikerna poäng baserat på vilka kriterier de hade en fördel i. Detta resulterade i att PHP fick fler poäng än ASP.NET och anses därför vara den bästa tekniken för nya användare. Rekommendationer till nya utvecklare anges efter presterat resultat och har delats in i kategorierna ’Rekommendationer för helt nya utvecklare’, ’Rekommendationer för utvecklare med erfarenhet inom C#’ och ’Rekommendationer för övriga utvecklare’.

Denna rapport behandlar framtagningen av en webbapplikation som hanterar och visar data grafisktfrån en databas. Den data som skrivs in i databasen kommer från två sensorer som ska läsa av dåfluor-18 passerar i tre parallella rör. Orsaken till att denna applikation efterfrågas är ett problem medproduktionsstopp från cyklotron orsakat av att ämnen fastnar i rören som ligger ingjutna och är svåraatt komma åt. Detta ska bli ett verktyg för att både felsöka var stoppet uppkommit och för att seändringar i transporttiden för att hantera problemet innan produktionsstoppet uppstår.Resultatet är en webbapplikation som kan visa data från både en vald tidsperiod och i realtid.Databasen kan uppdateras för att registrera vilket rör som användes i efterhand. Sekundära måletmed syfte att räkna ut tömningstiden mellan mätpunkterna kunde inte uppnås då fokus låg pågrundfunktionerna. Som slutsats kan fortsatt utveckling av applikationen vara till stor nytta för dessändamål som verktyg. / This report was made for the development of a web application for handling and presenting datafrom a database graphically. The data in the database comes from two sensors that are placed in twodifferent spots along a collection of three parallel pipes and read the passing of fluor-18. The reasonfor requesting the creation of this application is because of a production blockage caused by isotopesgetting stuck in the pipes and since the pipes are hard to access. In other words, this application isplanned to be used as a tool to both easier find which section the stop is in as well as to find thecause and stop the blockage before it becomes a problem.The resulting web application has one function that shows graphs of the data within a selectedtimeframe as well as a function that shows the real time data without refreshing the webpage and aselected path/pipe along with a functional view that updates the database by selected timeframe andchosen path. Because of a lack of time, the secondary goal to calculate the time of passage was notmet. It can thus be concluded that further development of the application would be beneficial foradded ease of use as a tool.

I och med dagens höga marknadskrav har företag insett att en god användarupplevelse i deras webbtjänster är en väsentlig del av företagets framgång. För att säkerställa att kunden blir tillfredsställd fokuserar de därför på användarupplevelsen (UX) i utvecklingsfasen, och ofta arbetar utvecklingsgrupperna utifrån ett agilt tillvägagångssätt. Däremot är det inte alltid tydligt hur UX kan integreras i den agila webbutvecklingen. Vi avser därför med vår studie att undersöka hur användarupplevelse kan integreras i agil webbutveckling med utgångspunkt i Scrum, samt undersöka de problemen som uppstår vid integrationen och hur de hanteras. Vi har således tagit fram en övergripande frågeställning som är grunden för vårt arbete som lyder: “Hur beskriver webbutvecklare och UX-designers integrationen mellan UX och webbutveckling med utgångspunkt i Scrum?”. Vidare har vi även brutit ned frågan till två underfrågor som skall hjälpa oss besvara den generella frågeställningen. De två underfrågorna är följande: “Vilka processer, metoder eller verktyg använder webbutvecklare och UX-designers för att integrera UXD i agil webbutveckling?” samt “Vilka problem uppstår i integrationen och hur hanteras de?”. För att besvara våra frågor har vi tillämpat en kvalitativ surveyundersökning i form av djupintervjuer, och en tematisk analys för att analysera det insamlade datamaterialet. Vi intervjuade två UX-designers och fyra utvecklare som arbetar i olika delar av webbutvecklingen. Vår studie påvisade att det finns problem med integrationen som dels berodde på det agila arbetssättet som används och dels på respondenternas förståelse för UX och hur det implementeras i de olika delarna. Vidare framgick det i vår studie att det inte finns konkreta lösningar till alla problemen. / With today's high market demands, companies have realized that a good user experience in their web services is an essential part of the company's success. To ensure that the customer is satisfied, they therefore focus on the user experience (UX) in the development phase, and the development teams often work based on an agile approach. However, it is not always clear how UX can be integrated into agile web development. We therefore intend with our study to investigate how user experience can be integrated into agile web development based on Scrum, as well as investigate the problems that arise during the integration and how they are handled. We have thus developed an overarching question that is the basis for our work, which reads: "How do web developers and UX designers describe the integration between UX and web development based on Scrum?". Furthermore, we have also broken down the question into two sub-questions which will help us answer the general question. The two sub-questions are as follows: “What processes, methods or tools do web developers and UX designers use to integrate UXD into agile web development?” as well as "What problems arise in the integration and how are they handled?". To answer our questions, we have applied a qualitative survey in the form of in-depth interviews, and a thematic analysis to analyze the collected data. We interviewed two UX designers and four developers who work in different parts of web development. Our study showed that there are problems with the integration, which partly depended on the agile working method used and partly on the respondents' understanding of UX and how it is implemented in the various parts. Furthermore, it appeared in our study that there are not concrete solutions to all the problems.